Go to Top

Touch Stones

【2014年版】 iPhoneの容量が不足したときに役立つオンラインストレージまとめ

お気に入りの写真を iPhone に詰め込んでいくのはとても楽しい作業ですが、iPhone の空き容量を気にしながらデータを選定する作業は面倒ではありませんか?また、ハードの故障や紛失によるデータの喪失を気にすることはストレスになりませんか?クラウドストレージを使用すれば、そうした煩わしさと心配は無用になります。

Dropbox の登場により、オンラインストレージサービスは急速に普及しました。それまでもデスクトップPCから利用可能なファイル共有サービスは存在しましたが、アップロードが容易でデータの共有・同期機能を備えた Dropbox によって淘汰され、いまでは類似のサービスも多くローンチされています。 Read more +

2013年にWEBを席巻したアイコンフォントまとめ

2013年のWEBデザイントレンドと言えば、レスポンシブ・フラット・アイコンフォントなどがキーワードとして挙げられると思います。
近年スマートフォンやタブレットでWEBサイトを見るユーザが増えたことで、マルチデバイスに対応するレスポンシブデザインはもはや必須と言えるものになりました。さらに、タッチデバイスの普及に伴いシンプルで洗練された UI を追及するApple・マイクロソフト・Google が競うようにフラットデザインを採用、リッチデザインに慣れた PC ユーザーにとっても新鮮な驚きをもって受け入れられました。

今回はフラットとも関連のあるアイコンフォント (Web フォント) を取り上げたいと思います。これまでは気の利いたアイコンを表示するには画像ファイルを使用するのが一般的でしたが、テキストベースで拡大・縮小に強く色の変更も容易なアイコンフォントが用いられることが増えてきました。中には、画像じゃないのか?と疑うような完成度のアイコンフォントも存在します。

アイコンフォントと言えば Font Awesome が広く知られていますが、いまでは多くのクリエイターによってアイコンフォントが公開されています。以下にフリーで使用可能な国内外 12 種類のアイコンフォントをご紹介します。 Read more +

クロスドメイン制約によりFirefoxでFont AwesomeなどのWEBフォントを表示できない場合の設定

Font Awesome などのWEBフォントを利用する際に、フォントを利用するサイトのドメインとWEBフォントを配置したサーバのドメインが異なる場合、使用するブラウザとそのバージョンによってはクロスドメイン制約のためWEBフォントにアクセスできず、フォントが正常に表示されないことがあります。

この場合、WEB フォントを配置したサーバ側に他のドメインからのアクセスを許可するよう設定を追加することで、WEB フォントを表示できるようになります。 Read more +

WordPress のURLはなぜ相対パスでなく絶対パスが用いられるのか

WordPress は大変便利なのですが、稀になぜこのような仕様になっているのか?と疑問に思うこともあります。その一つが参照リンクや挿入した画像の URL が絶対パスで保存されることであり、ドメインの移管時にはすべてのパスを書き換える必要があります。

html を手打ちしていた 10 数年前から Web 制作をしていると、絶対パスにはスマートでない印象があります。PHP では外部ファイルを include  / require する場面が多く起点となるパスが分かり難いため絶対パスを良しとする文化があるのかと思っていましたが、実際には WordPress の開発陣にも議論があったようで、いくつかの理由から絶対パスの使用が推奨されるようになっています。

Read more +

GitHub と StackOverflow で人気のプログラミング言語をチャート化した Programming Language Popularity Chart

開発言語のトレンド調査としては、オランダの TIOBE 社が公開している TIOBE Programming Community Index  (TIOBE PCI)  とGoogle によるチュートリアルが検索された回数を元にした PYPL PopularitY of Programming Language index (PYPL)が有名です。

しかし、検索エンジンは初心者や非エンジニアも利用することから人気の傾向を把握するには適しているかもしれませんが、開発者が実際に使用している言語とは傾向が異なるのではないでしょうか?

そこで今回は開発者に人気の Git ホスティングサイトである GitHub でコミットされたライン数と、海外のエンジニア向け Q&A サイト StackOverflow でタグ付けされた数を元に人気言語をチャート化した Programming Language Popularity Chart (PLPC) というサイトをご紹介します。 Read more +

jQuery 画像を事前に読み込むサンプル

Webページ上でロールオーバーやスワップなど何らかのアクションをトリガーとして画像を表示する際に、サイズの大きい画像だと読み込みに時間がかかりスムーズに画像が表示されないケースがあります。

開発者の環境では見え方に問題がなくとも、通信速度や処理負荷などクライアント側の状況によっては意図しない振る舞いになる可能性があるため、少々サイズの大きい画像を扱う場合には事前に画像を読み込んでおくと良いでしょう。

Read more +

WordPressにTwitter、Facebook、はてブなどのソーシャルボタンを追加するプラグイン

Twitter や Facebook といったソーシャルメディア隆盛の中、インバウンドマーケティングという手法に注目が集まりつつあります。これまでの企業広告は不特定多数に向けた精度の低いもので、未成年者にビールや煙草の広告を、男性に女性用コスメの広告を見せるというミスマッチが当たり前に行われてきました。ところがインバウンドマーケティングは、消費者が自ら検索エンジンやソーシャルメディアを通じて自分の興味のある情報にアクセスしてくることから始まります。

インバウンドマーケティングでは、企業は将来優良顧客となりうる消費者を想定し、ブログやホームページ、動画などの有益なコンテンツをネット上で公開します。これらのコンテンツをソーシャルメディアや検索エンジンから見つけやすくするため、 Facebook の「いいね!」に代表されるネット上で情報を拡散する仕組みであるソーシャルボタンがコンテンツには必ず設置されるようになっています。 Read more +

Webサイトにセンスある配色パターンを適用するための参考サイト

見やすく、センスのある色彩を素人が決めるのは大変難しいものです。思いつきで場当たり的に色を決めていくと全体の調和もなく、面白みのない配色になってしまいます。

まずはサイトに使用する色数と配色パターンを確定しておくだけでも統一感のあるすっきりとした印象になるのですが、デザインの心得がないとそれすら難しいですよね。そこで優れたクリエイターたちが作成した配色パターンが公開されているサイトをいくつかご紹介します。 Read more +

Oracle SQL 全角半角、大文字小文字を区別しないあいまい検索

検索画面を作成する場合、対象データの絞込みにはユーザーの利便性を考慮して部分一致を採用することが一般的です。同じキーワードを含むデータが大量に存在するなど、部分一致では絞り込みが難しい場合はデータの特性にあわせ前方一致・後方一致を採用します。

このようなあいまい検索 (Like 検索) に加え、全角・半角や大文字・小文字、ひらがな・カナを区別しない絞込みを行うことでさらに利便性を上げられるケースもあります。例えば検索対象が企業名や商品名の場合は趣向を凝らした名称が用いられているため、ユーザーはうろ覚えの名称で検索を行いたい場合があります。

例えば ‘abc’ と入力したとき ‘ABCマート’ が、’ソフト’ と入力したときには ‘そふとうぇあ開発株式会社’ と ‘ソフトウェア工房’ を検索結果に表示させる検索の実装方法を考えてみましょう。

Read more +