By Masaki 2014.09.26 WEB iPhone6とiPhone6 Plusのレスポンシブデザインを考える。サイズ＆解像度比較とメディアクエリー こんにちは、masakiです。 iPhone6、出ましたね～。 iPhone6 Plusはちょっと大き過ぎなので個人的にNGです。あれは巨人用のスマホです。（嘘です） iPhone6 Plusの操作性とレイアウトについて 注目して欲しいのはiPhone6 Plusはタブレットではなく、「スマートフォン」の位置づけであるということです。 Plusを片手で操作するにはやはり難があり、タップしようにも指が届かないのです。大きすぎて、、 それでも片手親指で操作する方は実際にいます。そうした時にメニューボタンなど良く触れるボタンなどを上部に置くのは酷いUI。 こういった巨大なスマホ（もはやスマートではないが…）がPlusを筆頭にこれからどんど

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

ブログやWebサイトのパフォーマンスの改善やSEO、セキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにしたり、共有サーバーでのPHPのバージョンを指定したりなど、すぐに利用できるものばかりです。 .htaccess Snippets -GitHub 元記事には有用な.htaccessのスニペットがPublic Domainでまとめられおり、それら全部に加えて.htaccessファイルの作成と使い方を加えました。 .htaccessファイルの作成と使い方 リライトとリダイレクトの設定 セキュリティの設定 パフォーマンスの設定 その他のいろいろ有用な設定 .htaccessファイルの作成と使い方 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリ

Twitterでお気に入りのアカウントがツイートした画像のみを一覧で表示し、画像をワンクリックでダウンロードしたり、ツイートされた大量の画像をまとめてZIP形式でダウンロード可能なサービスが「timg」です。 timg: Twitter 画像一覧 ＆ まとめてダウンロード https://timg.azurewebsites.net/ 上記URLを開き、Twitterのアイコンの下に表示されている検索窓に、画像を検索したいTwitterアカウントのユーザー名を入力し、虫眼鏡のアイコンをクリックします。 検索したアカウントが投稿した画像を一覧で表示。たとえばアニメ「ジョジョの奇妙な冒険」の公式アカウントだとこんな感じ。 表示されている画像にポインタを合わせて下向き矢印が付いているアイコンをクリックすると、該当の画像をダウンロードしてくれます。同機能はChromeおよびInternet Exp

『Queryfeed』は、Twitterのユーザータイムライン、キーワード検索結果などをRSS取得できるWebツール。 ハッシュタグやユーザー名など、取得したい検索クエリを入力して「Search Twitter」をクリックすると、検索結果のRSSフィードを取得できます。 特定のユーザーのツイートを取得したい場合は、「from:アカウント名」と入力。 「Search Twitter」ボタン下の「more patterns」から、使用できるクエリの一覧を表示できます。 また、位置情報を入力して取得するツイートを絞り込むことも可能です。 位置情報の取得方法については以下。 【Zapier】Twitter Search & Geo Mention（位置情報付きツイート）トリガーの使い方 Facebook, Google+のタイムライン取得ボタンもありますが、こちらは500エラーが出て動きませんでし