「スマートフォンサイト制作の教科書」が発売されます

September 23rd, 2011

早いもので9月も後半戦に突入しましたが、週明けの9月26日にMdNから「iPhone & Android スマートフォンサイト制作の教科書」が発売されます。現時点でスマートフォン制作に必要な知識や技法などを初〜中級者に向けてまとめた一冊です。

textbook-for-smartphone-web-development

今回のこちらの書籍は、谷 拓樹さん、石本光司さん、いちがみトモロヲさんとの共著です。私は前振りみたいなもんで極めて基礎的なことしか書いていませんが、他のお三方はそれぞれの得意とする分野で各章を担当し、内容をまとめてくださっています。

  • 序章 スマートフォン向けサイト制作をはじめる前に
  • 第1章 スマートフォン制作のための基礎知識
  • 第2章 制作・テスト環境のセットアップ
  • 第3章 スマートフォンサイトの企画、構造設計
  • 第4章 スマートフォン向けのパーツ制作
  • 第5章 HTML5による実装
  • 第6章 CSS3によるレイアウトと装飾
  • 第7章 JavaScriptを使ったインタラクション
  • 第8章 フレームワークやオーサリングツールを使ったサイト制作
  • 第9章 パフォーマンスの最適化
  • 付録 スマートフォン各機種 画面解像度一覧表

本書では最近話題になりつつある制作手法のひとつ「レスポンシブ・ウェブデザイン」については軽く触れる程度になっていますが、欄外にはサイト制作のヒントになるような参考資料の紹介はもちろん、モバイル系の制作に関する最新情報もギリギリまでねばって入れてみました。

これからスマートフォン向けのサイト制作をおこなわなければならない、やばい!勉強しなきゃ!と考えてる皆さんの一助になれば幸いです。

iPhone & Android スマートフォンサイト制作の教科書(Amazon)
iPhone & Android スマートフォンサイト制作の教科書(impress Direct)


(追記)スマートフォンサイトのパフォーマンス最適化については、いわゆるPC向けの最適化手法の多くも採り入れることができます。本書では石本さんのライフワークでもあるパフォーマンス最適化について誌面の都合上もあってモバイルに特化した内容で書いていただいてます。その他の方法の詳細が知りたい場合は、あわせてこちらのパフォーマンスの章もご覧いただくと良いかと…(こちらを書いてるのは私ですが、重ねて宣伝しておきます 笑)。

HTML+CSSコーディング ベストプラクティス(Amazon)

便利な人には便利なChromeの拡張機能 33+1コ

September 23rd, 2011

皆さんの普段使いのWebブラウザはなんですか? ここ最近のボクはといえば、GoogleさんのChromeをメインブラウザとして使っています。Chromeも公開されているアプリや拡張機能を追加して、自分なりのブラウジング環境を作れます。そのまま使うか、拡張機能でカスタマイズするかはあなた次第です。

chrome-extensions-000

そんなわけで、今日は数多ある拡張機能の中からボクが選んだ入れておくと便利かもしれない拡張機能を33+1コ集めてみました。前半は多くの人を対象に日常のブラウジング体験を快適にするもの、後半はWebサイトの開発系でちょっと役立つものといった感じでジャンル分けしてお届けします。ま、あくまでもボクが普段使ってるものベースですが…、キャプチャ中の★やユーザー数も参考に。

いくら拡張機能が便利だって言っても、入れすぎたらそれは重くなるだけですからね。適当に取捨選択して入れるなり、使う時だけオンにするなりしましょう。では、33+1コいってみましょう。

Read the rest of this entry »

Instagram v2.0 が出ていますよ

September 21st, 2011

スクエアなフォーマットで写真をアップする Instagram が、iOS向けのアプリとしてリリースされて一年ぐらいでしょうか。ついにメジャーバージョンアップとなるVer. 2.0がリリースされたようです。アイコンもちょっとふっくらして新しくなりました。

Instagram ver.2.0

Since the day we launched, one core part of the app has remain largely unchanged: the camera. In the past, we’ve added filters & tilt-shift, but the base technology has never evolved. Today that all changes as we introduce a complete upgrade to Instagram’s camera with a brand new technology layer.Introducing Instagram v2.0

高解像度の写真、撮影中に適用できるライブフィルタ、4つの新しいフィルタなど、バージョン2.0で追加された新機能についての詳しい話はオフィシャルなブログなどをチェケラッチョで。全体的に良い感じです。

ボク、最近サボり気味なのは生活の単調ぶりに拍車が…w

Charles Web Debugging Proxy の使い方

September 18th, 2011

昨日行われた『CSS Nite LP, Disk 17「HTML5による電子書籍」 』にご来場くださった皆様、そして関係者の皆様、ありがとうございました。私のセッションで使ったスライドや補足事項については、主催者からのフォローアップメールでご確認いただくとして、セッション中に紹介した「Charles」についての質問を多くいただいておりますので、取り急ぎその件だけフォローアップさせていただきます。

charles-001

「Charlesを使えば何ができるか」についての解説は、当日イベントに参加いただいた皆様の特典ということにして、Charlesを使ったアレでソレするための方法を簡単ですがまとめておきます。

Read the rest of this entry »

MacBook Proに入れたアプリ22個+おまけ

September 11th, 2011

先日の記事が思わぬ爆発をして驚いてるこもりです、こんにちは。実は、こないだ2年ぶりぐらいにマシンを新調したんですよね(といっても、MacBook Proの13インチの最安仕様 笑)。で、あの記事で紹介した以外にも直接仕事に関係しないけど、MacBook生活のアレコレを便利にするアプリも入れています。

OS X Apps for Mac Beginners

今回もまた懲りずに、Macに乗り換えようかなと思ってる方や乗り換えたばっかりの方、MacBookなんちゃらを使ってカフェやコワーキングスペースなどをノマド気味にウロウロしてる方のために、ボクがMBPにインストールしたアプリを22個紹介したいと思います。

MacBookをお使いの方もそうでない方も。今回はジャンル分けはしてませんが、アレコレと多岐にわたっています。あと、最後の方には日常のブラウジングを少し快適にするだろう Safariの機能拡張もおまけでいくつか。

では、ちょっと短めですがいってみましょうか。

Read the rest of this entry »


Performance Optimization WordPress Plugins by W3 EDGE