どーもどーも。最近めっきりネタストックの出来ていないマイペースたんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar」の第19日目として書いております。 18日目の@kamiyamさんから引き継いでの記事でございます。 とはいえ、最近これはいいなぁと思ったネタはもうすでに先月書いてしまったし、V3.3はまだ全然触れてないし、最近理解を新たにしたループについての話はkzさんがさらっとスマートに書いてしまっていたりで、、、困った困った。でも考えました。 ここ最近、ありがたくも自サイトからWordPress関連のちょっとした作業依頼をいただく機会が増えました。 ご依頼内容としては、「デザインやプレーンなサイト構築についてはこなれているけれど、どうもWordPressに組み込んだ時に言うことを聞いてくれないからなん

暫く空いてしまいましたが、jQueryを コピペに頼らず自分で書いてみよう、 という記事。第三回目です。僕よりも 全然詳しい人のほうが多いんですが、 最近何度かデベロッパーさんの憤り の発言を目にするので多少でも貢献 出来ればと思います。 というわけで第三回目はよく見るタブメニューを書いてみましょう、というもの。 「jQueryを使ったスムースなタブメニュー – ウェビメモ」という記事をお見かけしたのですが、簡単なタブメニューですのでコピペにもプラグインにも頼らず自分で作ってみようじゃないかと、そういう趣向です。 内容は完璧に良いコードとかではなく、あくまで脱ビギナーという内容となります。ビギナーの僕が何様だみたいな話は置いといて。 分かりやすさをメインにしていますので厳密には説明が少し違う点もあるかもしれません。誤解招きそうな記述ありましたらご指摘下さい。 ゴールの確認 まず完成形を見て

WEBデザインしていて、ちょっとモチベーションが上がらないときなんかに、先人たちのデザインについての洞察を読むと、「デザインってそういうことだったのか」とか、「初心だけど忘れてるねー」とか、小さいですが、そんなところからモチベーション、インスピレーションを分けてもらえることがあります。 この記事では、そんな名言、格言を Web Design Mash, Design Was Here とその他のサイトからピックアップして翻訳しました。 毎日少しずつインスピレーションを取り入れるのに役立てて下さい！ 更新: 2011-12-23 誤訳を2点修正しました。※1の箇所です。また、他何点か分かりにくい表現を見直しました。 初出: 2011-12-20 良いデザインは他のデザイナーに無力感を味わわせるものです。なぜならそれは、彼らにはなかった、その人だけのアイデアだからです。 Good design

今回紹介したいのは、Chromeを主体に若干の変更を加えてリリースされているオープンソースプロジェクトのChromePlus。ブラウザです。 CoolNovo ChromePlus 2009年あたりから日本でも結構利用者を拡大してきてはいるものの、たまーにアップデートでお気に入りがふっとんだり、IEタブ機能にバグがでたりと、私も避けてきました。 しかし、使っていくうちに利便性が非常に高いため、今はChromePlusがほぼメインになっちゃってます。 さて、ChromePlusと言えば、「左にお気に入りを表示できるChrome」として有名になったのですが、それ以外に、どれくらいかゆいところに手が届くのかをご紹介して見ようかと思います。 主要5つの機能 最初に紹介しておかなければならないのは、公式でもアピールされている5つの機能。 この5つは、GoogleChromeでいう「ちょっとかゆいとこ

そう話すのは、ピクシブ株式会社のディレクター中村氏と鈴木氏。 多くのユーザーが自分でイラスト・漫画・小説を創作し投稿するpixivのサイトでは、検索エンジン最適化に関してどんな問題を抱えていて、どんなSEO施策を進めたのだろうか。 今回pixivのSEO施策を担当した株式会社アイレップの担当者とともに、話を伺った。 今回のSEO施策でpixivが行ったのは、次のようなものだ。 サイトコンテンツのインデックス促進 ―― 重複コンテンツなど不要なページへのクロールをなくし、意味のあるページをよりクロールしやすいようにサイト内リンクを最適化することで、検索エンジンが効率的にコンテンツをインデックスできるようにする最適化。検索ボリュームが多くなるキーワードに対応した重み付け ―― 関連するイラスト投稿の多いキーワードに対するサイト内リンクが自動的に増える仕組みの実装。検索エンジンが理解しやすいペー

ブログを書いていると、外部から多くの思想の押し付けや、誹謗などが必ずといっていいほど発生する。多くのブログを見ても、コメントに対するスルー力は必要であるというのが結論に達している。 殆どの場合、世の中にはいろんな人や色々な考えがあるという根底が無視される。 自分の意見を真っ向から完全否定する人を、拒絶したいという心理が必ず働くのは人間として逃れられない傾向にある。だから、ほとんどの人は、誹謗中傷をやはり「悪」「頭のおかしい人」と決めつけてしまう。 これまで仲良くしていた人でも、自分の思想と少し違うという理由で、突然人が傷つくような言葉使いで陰口をツイッターでつぶやいたりしている。今年はそれがすごく悲しい出来事だった。まわりの人からこんな事言われてますよって教えてくれたりもするので、自分からフォロー解除したりなんだりしててもそれはあまり意味がなかったりするのだ。 もちろんだが、否定的になる。

昨日の「Firefox10の新機能について」でも紹介しましたが、CSS 3D Transformの機能を使えば、3D画像をCSS（とHTML）で実装できるようになります。 ということで、3D画像のサンプルを新旧織り交ぜていくつか紹介します。いずれもhacks.mozilla.orgに掲載されているもので、Google Chrome/Safari/Firefox10以上であれば正常に動作すると思います。 １．Fun with 3D rollovers 「Fun with 3D rollovers」は、MDNのロゴにマウスをポイントすると、MDNのロゴとその裏に隠れているHTML5のロゴが回転します。 Fun with 3D rollovers ２．3D CSS Tester 「3D CSS Tester」はCSSのパラメータを変更できるようになっており、変更することでリアルタイムに動作が変わ

春夏秋冬で誰もが衣替えをするように、デザインも衣替えをしたいもの。そこで今回紹介するのが、冬のデザインを彩るニットや布地のフリーテクスチャを集めた「30 Warm and Free Woven and Knitted Fabric Textures」です。 （texture 026 by ~juuichimei on deviantART） シンプルなニットのテクスチャから、カラフルな配色がポイントとなるテクスチャまで、さまざまなテクスチャが紹介されています。 詳しくは以下 （Magenta Ribbed Knit Fabric Texture Picture | Free Photograph | Photos Public Domain） （Lavender Knit Yarn Close Up Texture Picture | Free Photograph | Photos Pu

CSS3 Generatorは角丸や影、グラデーションを表現するCSS3自動生成サービスです。 スライダーで色や角丸の大きさや透明度などを調整すれば完了。 CSS3のコードを自動生成してくれますよ。 以下に使ってみた様子を載せておきます。 まず「CSS3 Generator」にアクセスしましょう。 スライダーをいじってみましょう。すると右側にプレビューが表示されます。 プレビューで納得のいくものが完成しましたら、コードを生成しましょう。 あとは貼りつければ完了です。 CSS3で角丸やグラデーション、影を表現したいときにどうぞ！

まだ、現役で使い続けているウィンドウズPCがありながら、MacBook Airを買ってしまったら、その2台をつなげてファイル共有をしたいですよね。今回は、ウィンドウズPCからMacの共有フォルダーにアクセスする方法をお送りします。 『週刊アスキーBOOKS Vol.10　はじめてのMac　ウィンドウズユーザーのためのOS X Lion』の中から3回にわたり一部を抜粋してそのまま公開しちゃうシリーズの2回目です。 --- 所属のワークグループをウィンドウズと統一する 同一ネットワークに参加していれば、MacどうしだけでなくウィンドウズPCともファイル共有を行なうことができる。 まずは下準備として、ウィンドウズとマックを同じワークグループに参加させよう。ワークグループとはウィンドウズPCがLANのネットワーク上に作るグループのこと。グループ名は自由に設定でき、同じグループに所属するパソコンでは

iTunes Storeは2011年の年間ランキングを公開中だ。iTunes Storeにアクセスすると50万本以上のアプリケーションの中から2011年に最もダウンロードされた人気のトップランキング、iTunesが選んだ「今年のベスト」などが見られる。 今回はその中から今年最も優れていたアプリもしくは話題性の高いアプリとしてノミネートされた「Best of 2011」から、ビジネスや仕事効率化に役立つジャンルをピックアップして紹介する。 iPhone App of the Year 2011に輝いたのは、タスク管理アプリ「Wunnderlist」だ。マルチプラットフォームに対応し、WindowsやMacなどからもタスクの閲覧や変更が可能だ。

WEBでもグラフィックでもメニューの内容や機能などを端的に表現する時に便利なピクトグラム。シンプルながらもデザインを機能的にブラッシュアップしてくれる効果的なものですが、今日紹介するのはシンプルなピクトグラムをフォントとして使える「Erler Dingbats」です。 こちらはDingbatsフォントの一種で様々なピクトグラムがフォントセットとしてまとめられています。収録されているフォントの種類は以下からご覧ください。 詳しくは以下 ピースマーク、電話マーク、飛行機、メールなどなど様々なアイコンがフォントとして収録されています。合わせて、キーボードレイアウトも公開されていました。 フォントのライセンスは個人、商用ともに自由に利用できるとのことで、非常に使い勝手が良いものとなっています。毎回ピクトグラムを探しまわるという方はひとつダウンロードしておいてもいいかもしれません。 Erler Di

はじめまして！ みなさま、はじめまして！@akio0911と申します。 自由大学にてアプリクリエイター道場という講義をやったり、cocos2d for iPhoneレッスンノートというゲームアプリ開発の入門書を執筆したり、ハイパーアプリクリエイターズというインタビュー番組を制作したりしています。 また、拡張現実ライフというブログを運営しているブロガーでもあります。 このたび、AppBankさんにて、アプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、アプリ作りの第一歩を踏み出してみて下さい！ 第1回の目次です。 iOSアプリ開発に必要なものは？ Xcode 4のインストール 早速アプリの作り方を学んでいきましょう。 iOSアプリ開発に必要なものは？ iOSアプリを開発するには、以下に挙げるものが必要となります。 Mac iOSアプリを開発するには、Intel

iPhone4S発売、iOS5とiCloudリリースなど、話題に事欠かない1年でした。そんな中、「色々設定しておくと便利らしいけど、結局バタバタしててやってない」という方、多いと思います。 そこでAppBankでは、年末にやっておきたい設定を厳選してまとめました。絶対やっておきたいというものから、やっておくと楽しいというものまで、幅広くご紹介しています。 特に、iPhone紛失時に便利なiCloud関連の設定は、このタイミングで絶対やっておくべきかと思います。 それでは早速どうぞ！ 絶対にやっておきたい iPhone紛失時に役立つiCloudの設定 iCloud を使い始めよう！設定、同期、ブラウザからアクセスなどなど、基本を解説します。 まだiCloudを設定していない方は、こちらからどうぞ。 【iCloudは便利】iPhoneをなくしても大丈夫。すぐに場所もわかるし、連絡先も元に戻せま

1. 睡眠は健康管理の大前提 睡眠が足りていないという人は多いだろう。 「足りていない」という漠然とした状態だと、なかなか改善のとっかかりになりにくい。 まずは睡眠時間と眠りの質を記録することで、睡眠の質の改善をスタートしよう。 使うアプリは Sleep Cycle Alarm Clockだ。このアプリで日々の睡眠を記録しよう。 Sleep Cycle alarm clock 3.0.1（￥85） カテゴリ: ヘルスケア／フィットネス, ユーティリティ 販売元: Maciek Drejak Labs – Maciek Drejak Labs（サイズ: 7 MB） 全てのバージョンの評価: （6,728件の評価） 2. 自分が何をして過ごしているか記録しよう 日々とても忙しい。でも一日が終わってみると、ただ忙殺され何も残っていないような虚しさを感じる。 そんな日々からの脱却には、自分の生活の

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

商用可の素材もある、写真やイラスト、 BGMや効果音などを共有できる国内の 素材サイト、ニコニ･コモンズのご紹介 です。利用規約がちょっと独特なので 一つの選択肢として。素材自体が凄く 豊富です。 ニコニコ動画の作成の為の素材共有サイトみたいですね。昨日始めて知りました。 参照：ニコ動の「ニコニ・コモンズ」とは何か？ 一応外部サイトでも商用で利用できる素材もあるみたいです。ありがたや。 キャプチャは写真素材ですが、他にも音源やイラストなどもあります。ライセンスは独自ライセンスをサイトで採用しており、アップロードするユーザーはそのライセンスの範囲内で共有しあう、という感じ。名前はこんなですけど特にクリコモとかでは無いみたいです。 その中で、外部サイトでも商用で利用できるのは「インターネット全体 + 営利利用可」という組み合わせ。または「別途許可が必要」という項目もあります。 ライセンスでフィ

写真●JA福岡市が公開した「よく使うCalc＆Writerマニュアル」の一部（Writer：表組内での縦位置を調整する方法は？） JA福岡市は2011年12月27日、LibreOfficeの操作に関するよくある質問とその答えをまとめた文書「よく使うCalc＆Writerマニュアル」を公開した。LibreOfficeは、OpenOffice.orgから派生したオープンソースのオフィスソフト。JA福岡市はLibreOfficeを導入しており、今後約840万円のコスト削減を見込んでいる（関連記事：JA福岡市がLibreOffice導入、MS Officeから移行で約840万円削減見込む）。 「よく使うCalc＆Writerマニュアル」は、LibreOfficeの表計算ソフト「Calc」およびワープロソフト「Writer」使用時に、利用者から質問などがあった事項をまとめたもの。JA福岡市が職員に向

Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービスです。 あけましておめでとうございます。新年初エントリーですが、TechCrunch 等で取り上げられていた、「Dropbox Automator」 を試してみたので紹介。 Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービス。例えば、画像をアップしたら自動的に Flickr にアップしてくれたり、文書ファイルをアップしたら、自動的に PDF に変換しておいてもらうといったことが可能になります。 Dropbox AutomatorはDropbox専用のIFTTTみたい Automatisiere dei

アプリまとめ記事を公開したので、たまには購読RSSフィードの公開をやってみます。 Googleリーダー上ではフォルダによる分類をしていますが、全部公開するとさすがに数が多すぎるので、その中から絞って公開。 公開するにあたり まずApp Storeのあまりの惨状が第一です。iPhoneユーザーの増加に伴い、ある程度は予想できたことですが、開発側の立場を考えた場合、なんとも言えない気持ちになります。 下記に取り挙げさせていただいたブログはどこも質が高く、非常に参考にさせていただいているブログばかり。 もちろん、下記に紹介するブログを購読しても、個々人で欲しい情報は異なるはずなので、あくまでも参考程度に考えていただければと思います。 また、記事タイトルの通り、「個人」ブロガーが対象です。AppBankさんや、ラボさん、iPhone女史さんなどは含まれていません。 更新されたら必ず読んでいるブログ

PT2、TVRock、TVTest、EpgDataCap_Bon、BonTsDemuxなどによる録画サーバ構築は楽しいものです。Windowsで環境を構築すると、休止/スタンバイ状態を挟んで録画/エンコードができるため、省電力ですし、うるさくありません。 不満は、iPhone/iPadとの連携が弱いこと。特に、マカーで、iPhone/iPadをMacのiTunesと同期させている場合は、Windows版のiTunesとの同期方法を考えねばならず、頭が痛いのです。そして、少しでも面倒だと結局録画を見なくなるというのは何度も経験済。 そこで、foltiaのように、エンコード済み動画のVideoCastの作成を試みてみました。 録画、エンコードなどの作業はWindowsマシンで済ませ、Windowsマシン上に立てたWebサーバ経由でVideoCast配信し、それをMacのiTunesで受け取ると

おすすめアプリ、ゲーム、iPhone、スマホの使い方、ガジェットなどのお得な情報をお届け | AppBank

心を動かす、未来を作る。 デジタルの先に、人の力を。 私たちトーチライトは、最先端のデジタル技術を駆使し、企業と人々のコミュニケーションを変革します。 しかし、デジタルの力だけではなく、私たちの本質は人と人とのつながりにあります。 心を動かし、理解し合い、共感することが、より良い未来をつくるための鍵です。 トーチライトは、人と技術の力を融合させ、ハートフルなコミュニケーションを生み出し、明るい未来を築きます。

ウィンドウサイズに応じてli要素と select要素にスイッチできるjQuery プラグイン、Responsive Menuのメモ。 ブレークポイントを設定して、閲覧 するウィンドウサイズがそのポイント に達したらli要素で作ったメニュー をselectにしてコンパクト化します。 以前、CSS-Tricksでも記事になっていました(参照：Convert a Menu to a Dropdown for Small Screens)が、これと同じ機能です。孫要素までネストされたリストでもselectにスイッチできます。CSS-Tricksのもネスト対応してるかは調べていませんが・・ 普通にPCで見ると左のようにリストに、スマフォのようなウィンドウサイズの狭いデバイスだとselectにスイッチしてコンパクトにしてくれます。これ便利ですよね。 select化されてもネストされた要素はスペースで明

ドットインストール代表のライフハックブログ

We've got your back )Buyer Protection ProgramWhen you buy a domain name at Dan.com, you’re automatically covered by our Buyer Protection Program. Our unique & carefully designed domain ownership transfer process is the best rated service in the market. Buyer Protection ProgramWhen you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about

Dropboxをバックアップだけに使っているという方、もったいないです！ イベントの告知ページや自己紹介ページなど規模が小さいウェブページを公開したいとき、DropboxのPublicフォルダが便利ですよ。レンタルサーバーなどを使わずに無料で出来るというのも嬉しい♪ 自分の情報をまとめた簡単なウェブページ http://bit.ly/spring_mao を公開したので、その手順をまとめてみます！ 今日のレシピをざっとまとめると以下の通り！ 公開したいページのHTMLファイルを作成する DropboxのPublicフォルダに入れて公開URLを取得する bitlyで短縮URLに変換＆カスタマイズして覚えやすくする 公開したいページのHTMLファイルを作成する テキストエディタでHTMLファイルを作ります。.htmlという拡張子で保存すればOK！下記のページを参考にしてみてください。 参考：W

今年も様々なツールをレビューさせていただきました。去年と同様、一つのドキュメントにまとめましたので年始の読み物（にしては量が多いですが）あるいはツール選定の参考にぜひご利用下さい！ ダウンロード ウェブ分析ツール大全_2012.pdf(23MB) ※推奨　通常はこちらのファイルをご利用ください ウェブ分析ツール大全_2012.docx(49MB) 引用などの利用したい方向け。レイアウトが崩れる場合があります 前年(Ver1.0)からの主な変更点 ・44のツールを追加、26のツールを削除して合計118ツール ・Google アナリティクスの内容を追加 ・文字数は10万文字→16万文字 ・ページ数は380ページ→547ページ 追加されたツール（順不同） CoreMetrics / Readscope Pro / Visionalist / Yourls / チーター6.0 / Analytic