いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。
これは Web サービスに使えると思った情報
使い方をその場で再現するスクリプト
目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE
Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。
ビジネスモデルについて学べる
わかったつもりになっていませんか：「ビジネスモデル」とはなんだろう?
余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。
なんか微妙だというコメントがあるみたいですが、以下は再確認で良かったです。
- ターゲット層をどのように開拓してリーチしていくのかは十分に考慮しておく必要がある。
- 自分自身でも競合サービスを理解し、自身の提供するプロダクトの独自性をしっかりと把握する。
- 価格がトータルコストを上回る必要がある。
- 自分自身が購入者になったつもりで販売戦略を冷静に構築する。
- 無休でのオンサイトないしウェブサポートが必要になる場合もある。
素材探しの手間を省いてくれる
WEBデザイン用フリー素材まとめのまとめ（素材探しがめんどくさい人向け） – NAVER まとめ
このページに素材がまとまっています。ある程度の量とクオリティが確保されているので、下手に検索かけるよりはまずはここを見ることで素材探しの時間を短縮できますね。
Web サービスを作りたくなるお話
サイト運営をやってみて起こった６つの「想定外」
Web サイトが大きくなったときの困ることがたくさん書いてあります。私も複数サイトを所持していますが、月間20万PVがやっとです。これを読んでいると頑張って絶対に事業にしたくなります。たった一度の人生なんだ、限界まで頑張ろう。
Web サービスを作るのに必要なのは目標を達成するスキルだと思う
目標達成には危険がいっぱい、踏んではいけない10個の地雷 – GIGAZINE
正直私の作る Web サービスは小学生にでも作れます。だけど、なぜ小学生に作れないのかと言えば目標を達成するスキルがないからですよね。それは目標を達成する喜びを知らないからとか、特にそのような立場に置かれていないからだとかありますね。
今回の記事で私がその通りだと思ったのは以下です。
- 誰にも話さない
- 社会的にやる「べき」ことを目標にする
あと個人的には仕事終わったあとの時間は重要です。夜の21時に仕事が終わった、そのまま自分のサイトの制作に入ると速度を保ったまま効率的に制作できます。一度自宅に変えるとほっとして眠くなったり疲れがどっと来ますからね。
今後導入が必須になる OGP について
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記
簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。
そろそろ導入をしなければいけないというとことですが、私の作る全てのモノが SNS などに対応させようとして作っていないので、今後対応させなければいけないですね。はてなが対応したら対応しようかな。
WordPress の速度を100倍速くする
WordPressを100倍速くする！ MySQLの調整やnginx proxy cache | KRAY Inc
WordPress を速くするために様々な対策を講じています。普通のサイトなら別に良いですけど個人で作る Web サービスなどに関しては頑張ってチューニングして速くしたいものですね。なるべくプラグインは停止しておきたい。
HTML5を勉強する人に役立つテンプレート
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template | コリス
何気なく HTML5 で制作をしているんですが、情報は常に変わると思いますので、定期的に最初から学び直すという作業をしていきたいと思います。まだ HTML5 を使ったことが無い人はスッキリしますので使いましょう。
Web デザインを学ぶのに使えると思った情報
Web 屋に必須のデザイン知識を学べる
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
デザイナーじゃないけど、Web サービス作りたいからデザインもできるようにならなきゃという人が読むとよさそうだと思いました。私も読まなければいけませんね。
スマートフォンのデザインを見る
スマートフォンサイト集めました。
スマートフォンのサイトがどのようになっているかが分かります。スマートフォンサイトを作らなきゃいけないと思いつつも、自分自身がスマートフォンで Web サイトを閲覧なんてことをしないがためにまったくその分野に入れないですね。
iPhone アプリを個人で使う
Developer 登録なしで iPhone に自作アプリをインストールする – くまったうの日記
iPhone アプリを作って公開まではしないけど、自分の iPhone に入れて自分だけでも楽しみたいなという際に参考になりそうです。
画像ファイルからカラーパレットを作成する Web サービス
PHOTOCOPA | Photo Color Palettes by COLOURlovers :: COLOURlovers
ログインしなければいけませんが、カラーパレットを簡単に作れそうです。
インストールされているフォントを一覧表示する Web サービス
wordmark.it
日本語のフォントも英語のフォントも確かめられるようです。
カラムと溝のサイズを一発で計算できる Web サービス
Gridulator: Make pixel grids, lickety-split
例えばボックスが5つくらい並んだ構造の場合にボックスとボックスの間の溝にはどれくらいの幅を設定できるのか、幅に設定したサイズによってボックスの横幅も変わります。一生懸命電卓で何通りものパターンを計算しながら出してた生活もこれで終わりです。
Photoshop の効果みたいにグラデーションを作り CSS にできる Web サービス
Ultimate CSS Gradient Generator – ColorZilla.com
これは素晴らしいです。CSS でのグラデーションは今後このサイトを使うことになりそうですね。
ワイヤーフレームを作れる Web サービス
Mockingbird
今までが Cacoo や手書きでワイヤーフレームなんかを作っていました。私が見たことがあるデザイナーは Photoshop で作っていたような気もします。でもこれからはこのサービスで完璧ですね。
現在見ているページをワイヤーフレームにするブックマークレット
Volkside | Introducing Wirify: The web as wireframes
少し不調なところもありますが、ほぼ完璧に見ているページをワイヤーフレームにするブックマークレットです。凄く便利なので全ての制作者は導入必須ですね。Wirify by Volkside というリンクがあるので、それをドラック&ドロップでブックマークバーに持っていくだけです。
テーマカラーが一色のサイト
テーマカラー1色をメインに用いたWebサイト50 | Webクリエイターボックス
私のブログがまさに黒オンリーで作られていると思うのですが、味気ないなと思っています。ちょうどこの記事で「アクセントカラー良さげ」と紹介されているので、サイトの左上にでも水色のペンキをこぼした感じにしてみようかなと考えています。すべてのデザインのポイントをコメントしてくれてるみたいなのでサイト参考になりました。
CSS で背景画像を表示するテクニック
[CSS]背景画像に関する実用的なスタイルシートのテクニック集 | コリス
背景画像を回転させたり、いろいろな擬似要素を使った説明があります。個人的に Web サービスのパーソナライズしたページを作ったときにアイコンなどが変化しますので、その際にこれが参考になるかと感じています。
基礎知識というか企業 Web サイトに使えると思った情報
視線に関するユーザビリティ
ユーザーの視線を誘導する３つのユーザビリティ改善方法*ホームページを作る人のネタ帳
Web サイトに必要なものは「わかりやすいか」「みやすいか」「選びやすいか」の3点らしいです。
他の担当者から引き継いだ Web サイトを掃除する
使われていないCSS設定があるか教えてくれる『Unused CSS』 – 100SHIKI ～ 世界のアイデアを日替わりで
数年かけてサイトを運営したり、他の担当者からサイトを引き継ぐと CSS の管理がとんでもないことになっていたりします。そんな場合はこれで無駄な CSS を除去して気持よく CSS を追加で書いていきたいものですね。負荷の軽減にも繋がるでしょう。
リッチなショッピングサイトを作れる
PHPでリッチなショッピングサイトを構築できる「Avactis」:phpspot開発日誌
これは今後の動向に期待したいです。EC サイトは私の不得意な分野です。
Web 制作者なら当たり前の知識の見直し
WordPress でブログを書く人向けの SEO
2011年、WordPressに効果があるSEOの15のテクニック | コリス
投稿スラッグも SEO に影響することを最近疑い初めていましたが、ここで指摘されているところやはり重要ですよね。そりゃ URL 的には優良な情報のひとつですものね。あとWordPress で直帰率の高いページだけに広告を表示させることもリサイクルのひとつかと思います。SEO とは少し関係ないですが。
Web デザインの際に気になるデザイン
Webデザイナー必読？！ 著作権について知っておくべき10のこと : Web Design KOJIKA17
モナリザの著作権の保護期間が終了しているからデザインに使えるとか、スカイツリーを撮って使っていいとか、引用ということであれば文章やデザインの一部を持ってこれたり、パブリックドメインの説明などがあります。私はとても頭が悪くて難しい話が得意ではないのですが、最低限の知識としてこのページの内容だけは把握しておこうとは思います。
スマートフォンの躓く所
スマホサイトの作り方で、あんまり書かれてないことを書いてみた – iPhone・Android・WEB・音楽制作｜Kaleidoscope
知らなかった。作ったことないっていうのもあるんですが、こういう豆知識はどんどん公開してまとめてくれる人が出てきてくれたら嬉しいなと思いました。
これはみんなに広めたいと思う記事
寄付によって結果的には日本の技術力を向上させる取り組み
IT企業の社長のみんな!児童施設にコンピュータを寄付しようぜ! – Keep Crazy;shi3zの日記
先日寄付の件で日本の法律にひっかかり PayPal での寄付が上手くできなかった私ですが、これもまた面白いと思いました。日本でもっとプログラマが増えれば技術力が向上して結果的には私たちが楽になりますから、良いのかと思いました。
Dropbox の容量を無料で最大20GBまで増やせる
無料版Dropboxの容量を最大20GBまで増やす方法まとめ*二十歳街道まっしぐら
特に2011年からは Dropbox Quest なんていうものがあるようです。また招待してもらうことで250MB増えたりもします。是非私の招待で Dropbox を初めて頂けると嬉しいです。
はてなブックマークのボタンの設置によるページの表示速度低下を改善する
新型はてなブックマークボタンを速くする | さくらたんどっとびーず
ただ言われるがままにボタンを貼りつけると遅くなるため、スクリプトをページフッタで読み込みます。これは Twitter のボタンにも同じことが言えます。なるべく JS ファイルを読み込む形式の場合はできるだけ、読み込みだけを分離してフッタなどに読み込めると良いですね。
初心者に説明する手間を省くのに役立つページ
Gmail の使い方
Gmailが初めての人に教えてあげたいちょっとしたこと – ガジェット通信
Gmail はとても便利ですが、アーカイブとかラベルとか普通の人には分からない機能は盛りだくさん。凄い便利なのにメールアカウントのインポートを知らなかったり。Gmail が初めてという人にはこの記事を紹介して逃げるとしましょう。
Facebook で初心者が困るところまとめ
Facebookをはじめたばかりのひとがまず戸惑いそうなことをFAQっぽくまとめてみた – night and sundial
確かにウォールとかは私も困りましたね。今でも結構分からないところがあるけどそこまで流行ってないのでまだまだ良いかなと思っています。仕事でこれ教えなきゃいけないのである程度は勉強する予定ではあります。
Facebook のファンページを作る方法
知らないと損するFacebookファンページの作り方（1/3）- ＠IT
私もこのページを参考に作りました。ただ、コミュニティの人数少ないと制限が結構あるのかな。いろいろと設定できないこともありましたが、一応人に知ってもらうにはこのサイトを紹介すれば良いですね。
仕事をするコツなどの情報
メールの書き方
上司やクライアントに素早く判断を仰ぐメールテクニック – livedoor ディレクターブログ
- 件名に概要と、判断が欲しい旨を書く
- 本文では宛先を明確にする
- いつまでにどんな判断が必要かを冒頭に書く
- 詳細な経緯や内容は本文の中段以降で触れる
- 判断結果をメールで欲しいのか電話が欲しいのか明確にし連絡先は改めて明記しておく
相手に判断させる必要性をなくし、少し失礼になるか心配だけどこちらの要望を書くことが重要ですよね。有耶無耶にするということは相手に判断をさせるということで、逆にそれが相手に対しての負担になるので、一番の失礼になるのかと私は考えています。
Comments