Archive for the ‘works’ Category

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

Friday, 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)

Charles Web Debugging Proxy の使い方

Sunday, September 18th, 2011

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

charles-001

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

(more…)

MacでWebデザイン、あると便利なアプリ48+2

Thursday, September 8th, 2011

最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな?と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。

OS X Apps for Web Designers

「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね(会社が買ってくれるならいいですw)。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。

いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え?何それ」みたいなのがあるかもです。

今回は各種ブラウザとサーバ関係なんかは入れてません。では、48(+2)個いってみましょうか。

(more…)

リアルタイムアクセス解析サービス集めました

Tuesday, September 6th, 2011

Webサイトのアクセス解析といえば、Google Analyticsが導入されているところも多いかと思います。それ以外にもアクセス解析のサービスにはいろいろ種類があって、調べたい内容によって使い分けたりといったこともされているでしょう。

とはいえ、時代は「ソーシャルメディアを使ってうんたら」みたいな流れでもあります。後日解析レポートを見て施策をすることも大事ですが、こんな時代だからこそ自サイトをリアルタイムに観察し、それに応じて動線(導線)を追加したり効果的にコンテンツを投下することも大事なんじゃないかな?と思います。

realtime-analytics

で、これまでも何度か取り上げていますがあらためてまとめてみました、リアルタイムのアクセス解析のサービス。こういうサービス調べるのが仕事兼趣味なので、今回は世界中のサイトで比較的よく見かけるものをチョイスしています。

すべて使って試してるわけではないですが、何かのご参考になれば。

(more…)

CSS Nite LP, Disk 17 に出演します

Friday, August 19th, 2011

こうも毎日暑いとへばっちゃいますよね…と言いつつ、もう8月も後半戦に突入しました。8月に入った頃からいろいろなところから電子書籍に関するアナウンスが出ていますが、わたしも秋の活動第一弾として9月17日(土)にベルサール神保町で開催される『CSS Nite LP, Disk 17「HTML5による電子書籍」 』に出演することに。

CSS Nite LP17

ePubの話もその性質上触れざるを得ませんが、今回は主に「HTML5」に特化した内容となる予定です。限られた時間になるので、現状の分析やHTML5による電子書籍や雑誌の構造解説などをしつつ、これから先の未来に向けてWebデザイナーさんやコーダーさんはもちろん、コンテンツを配信する側の人たちが頭の片隅に置いておきたい話が中心になるかと。他の出演者のお二人含め、現時点での全体的な内容は CSS NiteのFacebookページで公開されています。

なお、最新情報では残席が70ぐらいだそうですお申し込みはこちら)。

※今回のCSS Nite、LP Disk 18のjQueryの回と同日連続開催になっています。


Performance Optimization WordPress Plugins by W3 EDGE