まず取り組んだのは毎日1記事ブログ更新。
できるだけ毎日、最低1つは記事をアップするように心がけています。
なんとか更新が続いているのは、iPhoneのお陰。
一番の戦力になっているのがiPhoneとBluetoothで接続できるリュウドの折りたたみワイヤレスキーボード。

かなり前に買ったものなのですが、これのお陰でiPhoneだけでも長文のブログ記事が書けるようになりました。
コマンド ＋ z 、コマンド ＋ スペースなどのMacと同じショートカットも使えるのでかなり効率が良いです。
使用しているアプリは「するぷろ」です。
色々なブックマークレットが使えるのも魅力。

ブログに掲載する写真は全てマイクロ一眼のPENで撮影し、Eye-FiでFlickrへ自動アップロードしたものを使用しています。
Flickrからするぷろへ写真を貼り付けるのもFeelingplaceさんの作成した「ブックマークレット」を使えばとっても簡単。

掲載したい写真のページをSafariで開き、予めブックマークしておいたFlickr2HTMLというブックマークレットを呼び出してするぷろを選択して貼り付けるだけ。

カーソルが現在ある位置やbodyなど、貼り付けたい場所も選択できます。
リンクURLを貼りたい場合は「するぷろーら」を使えば貼り付け簡単です。
こちらはブックマークレットが最初から入っているので同じように呼び出すだけ。
そんな風にして最近のブログ記事は作成しています。

• デザイン・コーディング関係
• ブラウザ類
• その他のツール

デザイン・コーディング関係

Adobe Photoshop

グラフィックといえばのアプリケーション。もう17年くらい使っているのでPhotoshopが一番使いやすい。

• Photoshop icoformatICO (Windows Icon) Format Plugin(Telegraphics)
  faviconに使われるWindows Icon(.ico)形式のファイルの書き出しが出来るPhotoshopのプラグイン。
• How To Reduce Image Size With Google’s WebP Image Format
  グーグル推奨の画像フォーマットWebPに対応した形式のファイルの書き出しが出来るPhotoshopのプラグイン。
• その他ブラシツール類は量が多いので割愛。

Illustrator

DTPやってた時から一番大好きで愛用しているアプリケーション。基本です。

• Replace Raster
  Illustratorのデータに埋め込まれている画像を外部ファイルへ書き出しできるプラグイン。
  印刷データをwebサイトにして欲しいという依頼の時、PDF単体でデータ入稿する事があるのでこのツールでかなり助けられています。
  リンク形式で同じ位置に簡単に配置し直すことができます。
  ローカルディスク(C) →ユーザー→user name→AppData→Roaming→Adobe→Adobe Illustrator CS★ Settings → ja_JP → プラグイン
  公式サイトではCS4までのサポートなので、CS6に正式対応して欲しい…。

Fireworks

webサイトのデザインに特化して作られたアプリケーションなので便利な機能が盛り沢山。
すっかり愛用しています。

• 1 Slice Name Changer（獅子ログ）
  Fireworksのスライス名を簡単に変更するエクステンション。デフォルトでは「F3」が設定されています。
• ReplaceName（きんくまデザイン）
  スライスやオブジェクトの名前を置換するエクステンション。
• iPhone UI
  iPhoneスタイルのシンボルを共有ライブラリに追加するエクステンション。
• iPhone-Symbols
  iPhone 4、4S用のシンボルを共有ライブラリに追加するエクステンション。
• Texture Collection
  144種類のテクスチャがセットになったエクステンション。
• Fireworks texture gallery
  Fireworksで使えるテクスチャファイル300種類を無料で配布しているwebサイト。商用利用も可能です。
• Tables（紹介サイト）
  Fireworksで表組みを作るのに役立つエクステンション。
• Fix Rounded Rect Corners
  変倍してしまった、角丸オブジェクトをもとに戻すエクステンション。
• socialbutton
  FacebookやTwitterなどのソーシャル系ボタンのシンボルを共有ライブラリに追加するエクステンション。
• Import Files in multiple pages（紹介サイト）
  複数のファイルをページに読み込めるようになるエクステンション。

Dreamweaver

Sublime Textも使いますが、やっぱり業務用はこれ。
スニペットはEvernote、Dropboxにバックアップしています。

• Zen coding（現在はEmmetになりましたがDreamweaver対応版が出てない…。）
  これなしではコーディングできない！というくらい愛してます。

Acrobat Pro

PDFの編集はもちろんあらゆるものをPDF化できちゃう便利ツール！
ブラウザで見ているページもPDF化できるのでとても便利です。

Bridge

毎日大量の画像を扱うので、これがないと管理しきれません。
一括リネームなど色々と便利な機能が盛り沢山です。

Flash

Flashを作成するためのアプリケーション。

WinSCP

セキュアなファイル転送プロトコルSCPに対応したFTPクライアントソフト。日本語にも対応しています。

WinMerge

ファイルやフォルダの比較ができて、マージもできるツール。
複数人でソースを触る際には必須です。
Dreamweaverの「ローカルファイルを比較」機能を使う際の外部アプリケーションとしても使っています。

ブラウザ類

Firefox

メインブラウザです。

• Screengrab
  Firefoxでキャプチャ撮る時の必須add-on。
  ページ全体のキャプチャがpng、jpegで保存やコピーがとれるので、気に入ったデザインのサイトはこれでキャプチャしてます。
• Xmarks Sync
  ブラウザを問わず、ブックマークを同期できるサービス。デバイスも選ばないので愛用しています。
• Evernote Web Clipper
  Evernoteがないとコーディングできない！というくらい依存しています（もちろん有料会員）。
  愛用してるけどEvernoteアプリはローカルに入れず、webサイトでしか利用していません。なのでadd-onは必須。
• FireMobileSimulator
  主要3キャリア（docomo/au/SoftBank）の携帯端末ブラウザをシミュレートしてくれるadd-on。
  モバイルサイト制作時の強い味方です。
• Web Developer
  CSSや画像、JavaScriptの機能をオフにした場合どう表示されるかのチェックに使っています。
  画面のリサイズやW3Cのチェックもできるので必須のadd-on。
• Firebug
  HTML・CSS・JavaScriptのコードチェックや編集ができるadd-on。
  自分でコーディングしたサイトのデバッグにも使いますが、気になるサイトのソースコードを見てみたい時にも愛用しています。

Google Chrome

サブメインな微妙な立ち位置のブラウザ。使っている機能拡張はFirefoxとほぼ一緒ですが、メインではないので若干減らしてます。

• Clip to Evernote
  Evernoteのクリッピング機能拡張。
• Xmarks Bookmark Sync
  ブックマークを同期サービス。
• Web Developer
  CSSや画像、JavaScriptの機能をオフにした場合どう表示されるかのチェック。
• Firebug Lite for Google Chrome
  HTML・CSS・JavaScriptのコードチェックや編集ができる機能拡張。
• Screen Capture
  キャプチャ撮影用機能拡張。
• goo.gl URL Shortener
  短縮URLを生成する機能拡張。
• RSS Subscription Extension
  Google readerを愛用しているので欠かせない機能拡張。

Safari

自宅のMacのメインブラウザですが、Windowsでは動作が不安定なのでスマホサイトの検証用としてしか使っていません。

InternetExplorer

プラグインもブックマークも何も入れず、webサイトの検証用としてしか使っていません。

その他のツール

Google日本語入力

IMEは使いにくい…。

秀丸エディタ

シェアウェアの多機能なエディター。

docomoiモードHTMLシミュレータII

docomoのiモードブラウザIIのシミュレートが出来るアプリケーション。
ツールダウンロードからダウンロード出来ます。

PsQREdit

QRコード作成のアプリケーション。

Explzh

zip解凍はWindows7は標準機能として搭載されているので必要ないように思われそうですが、このツールはMacで圧縮したZIPファイルをWindowsで文字化けなく解凍する事ができるという便利なもの。
これでMacに一旦データを送って、そこで解凍して…という一手間がなくなりました。

IETester

異なるバージョンのInternetExplorerの検証用に。

Dropbox

どんな環境でも共通して使いたいツールやデータ、PCからiPhoneへ送りたいデータなどをここに入れて同期しています。

Sublime Text

今後コーディングはこちらのエディターに切り替えてもいいかな、と思いつつまだDreamweaver使ってます。

• Emmet Documentation
  旧Zen coding。コーディング必須のプラグイン。

便利なプラグインや機能拡張、エクステンションはまだまだいっぱいありますが、あまり入れすぎても動作が不安定になったりする原因にもなるので、必要最小限に努めています。
ご紹介したこのリストに掲載されているもの以外でも良いものがありましたら、ぜひぜひ教えてください。
それでは。

▲クリップしたページ（Google Chrome)
シンプルなデザインで文字のサイズもデバイスごとに考えられていて、とっても見やすい。

▲iPhoneアプリから見たクリップしたページ
文字サイズは変更できますがデフォルトの状態でも見やすく感じました。
もちろんTwitter投稿、Facebook投稿、メール送信、URLのコピー、内蔵ブラウザ起動ボタンもあります。

ブックマークレット、Add-Onも充実しています。
アイコンやショートカットキーも統一しているので操作も分かりやすいです。

Read NowはクリッピングしてすぐにReadabilityで確認、Read Laterはクリッピングのみ、Send to KindleはKindleはKindle用に整形して送信されます。
（Kindleで利用する際には事前に設定が必要です。Kindle持ってないので割愛します。ごめんなさい。こちらの記事を参照してください。「ReadabilityをKindle Touchのリーダー機能で使ってみる | 代助のブログ」）

▲Safariの拡張機能（Add-On）ボタン

▲Google Chromeの拡張機能（Add-On）ボタン

▲FirefoxのAdd-Onボタン

RSSリーダーやPCブラウザで気になる記事をとりあえずクリッピングしておいて、通勤のバスの中で読むというのがここ最近の定番の使い方になってきています。
愛用しているRSSリーダーアプリ、Reeder（iPhone用）もReadabilityと連携でき、Twitterアプリでも対応しているものが多いので今後も重宝しそうです。

ネットを初めて触ってから長く使っていたのは「はてな」の諸々のサービス。
はてなダイアリーはこのサイトを始めるまでずっと使っていたし、はてなブックマークは今でもメインで使っているソーシャルブックマークです。
以前はRSSリーダーもあったので愛用していたのですが、そのサービスが突如終了。
もう一つ似たようなサービスではてなアンテナというものもあったのですが、なんとなく使いにくくてあまり使っていない。
メインのRSSリーダーをどうしようか検討していたのですが、結局Googleリーダーに落ち着きました。
Googleリーダーを選択した理由は、元々Googleアラートで情報を収集していて、そのままGoogleリーダーに移行できるのを知ったため。
この機会にiPhoneとも連携させて情報収集、情報整理までの流れを整理してみました。
参考にしたのは@taku_workさんの「情報収集の方法について｜linker journal｜linker」という記事と、@taromisakoさんの「Web上の情報をまとめるための、自分なりの方法。 ｜ taromagazine™」という記事。
画面キャプチャ（スクリーンショット）には@mifdesignさんにご協力いただきました。
ありがとうございます！

0. 必要なツール
InstapaperとGoogleリーダーの登録を前提にしています。
登録していない方はまずは登録。

• Googleリーダー
  http://reader.google.com/
• Instapaper
  http://www.instapaper.com/

1. 情報収集

気になるキーワードをGoogleアラートに登録、はてブで同じような情報収集の嗜好の人をフォローして他力本願、同じく同じような情報収集の嗜好の人のサイトのRSSをGoogleリーダーに登録してとにかく情報を自動的に収集。

• Googleアラート
  http://www.google.co.jp/alerts
• はてブ（はてなブックマーク）
  http://b.hatena.ne.jp/web_designer/

2.情報のピックアップ
Googleリーダーに登録されている全ての記事は読んでいません。
未読の数がどんどん増えても気にしない。気にしていたらキリがないのでそのまま放置。
引っかかるものがあるはずなので、とにかく消さない。

タイトルと一部内容を流し読みして、気になる情報だけをピックアップしてInstapaperへ登録します。

Instapaperのブックマークレットもあるので、ブラウザからも登録する事が出来ます。
気になるページを見ている際にクリップする事も可能です。

• Instapaper
  http://www.instapaper.com/

Googleリーダーは基本的にPCからチェックする事は少なく、通勤時のバスの中など、iPhoneからチェック＆ピックアップしています。
iPhoneでチェックする際のアプリはMobileRSS Proを利用。


MobileRSSからInstapaperへの登録ができます。

MobileRSS Free ~ Google RSS News Reader
カテゴリ: ニュース
価格: 無料

MobileRSS Pro ~ Google RSS News Reader
カテゴリ: ニュース
価格: ￥350

MobileRSS以外にも色々アプリはあるようなのでお好みでどうぞ。


TwitterのTLを眺めていて、流れ去ってしまう気になる情報は以前はふぁぼっていましたが、今ではとりあえずInstapaperへ登録。
愛用しているTwitterのiPhoneアプリとMacアプリはEchofon。
EchofonのiPhoneアプリは標準でInstapaperとの連携機能があるのでとても便利。
※時々文字化けしてしまう事があるので注意が必要です。

Echofon for Twitter
カテゴリ: ソーシャルネットワーキング
価格: 無料

Echofon Pro for Twitter
カテゴリ: ソーシャルネットワーキング
価格: ￥600

3.情報を読む
Instapaperへ登録した情報をじっくり読みます。
読むのはローカルで確認のできるInstapaperのiPhoneアプリから。

じっくり情報を読んで、必要と思ったものにはLikedを付けます。
iPhoneアプリの場合は各記事の画面の下部にあるハートのマークをクリック。

PCからも同じようにハートマークをクリックするとLikedになります。
Instapaperへハートマークを付けると自動的にTwitterとFacebookへ投稿されるようにしています。

設定は簡単。
Instapaper内のAccountという所をクリックすると設定画面が出てきます。

他にTumblrやPinboard、Evernoteへ情報を流す事が出来ます。

Instapaper
カテゴリ: ニュース
価格: ￥600

4. 情報を整理する
ただ読むだけで本当の知識になるほど若くないので、ソーシャルブックマークなどにタグやカテゴリを付けて整理しておくと後で必要になった時に取り出しやすくなります。
InstapaperでLikedしておいたリストから各コンテンツを自分の使用目的に合わせて、はてブやEvernoteなどへ整理して登録しなおします。

はてブには細かくルール決めしたタグを設定して登録しているので必要な時すぐに情報を取り出せます。
これでいつMacさんが死んじゃっても、どんなPCを渡り歩いても、いつでも必要な情報は取り出せて、同じ環境が作れます。

Evernoteはよく使うコードのスニペットとして主に使っています。（共有せず情報は非公開）
気になるサイトのスクリーンショットのメモツールとして利用しているTumblrがサーバーエラー等でアクセスできない場合の為の保険としても使っています。
今のところの自分的情報収集、整理のルールはこんな感じ。
また良いツール、良い方法が出来たら記事を追加していきたいと思います。

• くんのはてなブックマーク
  http://b.hatena.ne.jp/web_designer/
• kun’s Tumblr
  http://morimori.tumblr.com/
• Zootool
  http://zootool.com/user/kun/

開会挨拶には残念ながら間に合わなかったのですが、マクラケン直子さんの講演「パブリッシングツール WordPress のこれから」にはギリギリ間に合いました。
今回のWordCamp Fukuoka 2011のテーマは「Publish」。
ちょうど電子書籍の制作を勉強をスタートしたばかりだったので、ツボな講演がいっぱいでした。
たくさん興味のある講演があったのですが、今回参加した講演は以下の通り。

• 三好隆之さん（@takayukister）の「Anthologize で電子書籍を作ろう」
• おおくぼ ひろあきさん（@taikiken）の「スプラッシュムービーをつけてくれと言われたら…」
• 山口有由希さん（@yuki930）の「WordPressテーマのつくりかた -WordCampFukuoka2011の場合-」
• 吉田健吾さんの「電子書籍による個人出版時代とパブー」
• 吉川伸彦さん、山田ヤスヒロさんの「デザインのはなし。」
• ライトニングトーク（banjo さん、増岡＆筒井＠WordBench香川さん、加藤芳威さん、福地庸吉さん、カイ士伝さん）

三好さんの「Anthologize で電子書籍を作ろう」は20分という短時間だったのとネット回線が不調だったのとがあり、ちょっと失敗したりもありましたが結論、まだまだ日本語でのWordPressからの電子書籍書き出しは難しいけれど、これからの将来性を感じさせる講演でした。これからのプラグインの進化がとても楽しみ。

同じ教室で引き続きの講演。
おおくぼ先生の「スプラッシュムービーをつけてくれと言われたら…」は、よく同じような問題で悩まされるので何かヒントをいただければという思いで参加しました。

おおくぼ先生の講演はとにかく笑いだらけの講演でした。
一言一言、スライドの一枚一枚がとてもおもしろかった。
この日一日限定でしたが、おおくぼ先生のサイト、inazumatv.comは全コンテンツクリックするたびにスプラッシュムービーを見なければページが開かないという仕様…。
やる事が徹底していてとってもカッコよかったです。

少し休憩を挟み、大教室に移動して山口有由希さんの「WordPressテーマのつくりかた -WordCampFukuoka2011の場合-」の講演。
こちらも20分という短時間でしたが、事前に資料も用意してくださり、後ほどフォローアップ（WordCamp Fukuoka2011 WordPressテーマの作り方発表資料など）もあったので駆け足ではあったけれどとても丁寧な講演でした。
まだWordPressのテンプレートを１から作った事がないのでこの講演を聞いて作ってみたい！と、目標ができました。

吉田健吾さんの「電子書籍による個人出版時代とパブー」ではブクログのパブーがスタートした経緯を聞く事ができてとても興味深い講演でした。
ブクログという本を読みたいユーザー、ブログサービスで書く人、社内でのアイデア、それら全てがマッチし、絶妙のタイミングで誕生したこのサービスはあっという間に普及しました。
このサイトで生み出される電子書籍は、書店では見出す事のできないコンセプトや世界観の書籍に出会えて、私自身も楽しませていただいています。

吉川伸彦さん、山田ヤスヒロさんの「デザインのはなし。」
デザイナーとして、これは逃せません。

活版印刷から書体、さらにMovable Typeへと繋げていくお話（WordPressの祭典で挑戦的！）は見事でした。

最後に参加したライトニングトーク（banjo さん、増岡＆筒井＠WordBench香川さん、加藤芳威さん、福地庸吉さん、カイ士伝さん）は、銅鑼ガールの銅鑼がひっくり返るハプニングもありましたがテンポ良く進み、どの方のお話もとってもおもしろかった！

特におもしろかったのがカイ士伝さんのお話。
ブログを書く上での参考になるお話ばかり！
三好さんの講演の際、ちょうど斜め後ろの席にいたため、超高速でブログを書き上げる現場を目撃した事もありとても身にしみるお話でした。
この日、FacebookのアカウントがBANされたそうで、そのお話もまたネタとして会場を盛り上げていました。

ライトニングトーク後はいよいよ懇親会。
ようやく講師の方たちや、会場が広すぎて見つけられなかった友人たちを探す事ができました。
大分へ帰る最終バスに乗る為、21時までしか参加できませんでしたが、たくさんの方と交流する事ができました。
お料理もたっぷりで、大満足だけれど後ろ髪を引かれつつ会場を後にしました。
スタッフのみなさま、お疲れさまでした！
また来年もお会いしましょう！（今度はAUGM in OITA 2011と重ならない事を祈る！）

この日撮影した写真「20110219_WordCampFukuoka2011」