2009年5月の記事一覧｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2009年5月31日

参加しようかどうか、ちょっと迷ったんですが、

理由はセミナーの内容ではなくて、個人的な環境の変化のため、Webと関わることも悩んでた1ヶ月だったので･･･

でも、やっぱり「Webだよな」ということで、今後もWeb屋でやっていくことにしました。

となりゃ、もちろんレッツゴー。

東京都内のものは、ほとんど参加させていただいてるCSS Nite。

今回は、国産CMSのイベントです。

• WebRelease 2


• a-blog cms


• SOY CMS


• CMS Designer


• RCMS

うーん、現状、SOYしか知らない...

Movable Type以外にも触っていかなきゃなぁと。

• CMS
• CMS Designer
• Movable Type
• RCMS
• SOY CMS
• WebRelease 2
• a-blog cms

2009年5月30日

ということで、ソースコードを表示する際の最も有名なものだと思われる、SyntaxHighlighter 2.0をようやく入れてみました。

// JavaScript Document
document.write("Hello,SyntaxHighlighter 2.0!");

まぁ、どちらかというと、このブログ自体、私がプログラマーではないので基本ブックマーク的な意味合いが強いのですが、今後は書いていくぞ！という意気込みということで。。。

• SyntaxHighlighter 2.0

Web制作･開発のための今日のブックマークです。

・ケータイ各社のメールアドレスについて改めてまとめてみました
ウィルコムは完全におまけ扱いです。

・Google対抗「Bing検索」を写真でチェック
とりあえず、日本語版を見てみないことには何とも言えない。
6月3日っぽいです。

でも、日本語ベータ版は、エンジンは反映されないようです。

「Live Search」から「Bing」へ、MSが検索サービスの新ブランド

日本では、6月3日より「Bing」のベータ版を提供する。ベータ版は、ページのデザインのみ「Bing」になり、エンジンは従来の「Live Search」を使用する。

• Bing
• Live
• Microsoft

2009年5月29日

Web制作･開発のための今日のブックマークです。

・「この記事にTwitterでコメント」ボタンをつけたよ - 頭ん中
Twitterでの工夫。

・404 Error Pages, One More Time
404ページのデザインの工夫

・60 Gorgeous Vector Business Cards
Card＝名刺のデザイン

・PSDからXHTML+CSSを作っていくチュートリアル30
コーディングへのワークフロー

・Flash Lite入門講座　第1回　日本のFlashLiteの仕様
アドビデベロッパーセンターの記事

・Google Ad Planner（アドプランナー）で"あのサイトのPVやUU"を調べてみよう！
話題になったGoogle Ad Planner関連の追加記事

• Flash Lite
• Google Ad Planner

2009年5月28日

Web制作･開発のための今日のブックマークです。

・CSS Nite in Ginza：復活して10回が経過しました
Web制作者向けセミナーの参加者アンケートのシェア。

・アイデア溢れるロゴデザインのインスピレーション集「36 Clever and Creative logo」
こういう類では、アイデアプラステンという書籍がお勧めです。

アイデアプラステン

アイデアプラステン（2）

・あらゆるサイトのカラーにあうフリーのアイコンがダウンロードできる -Iconza
アイコンいっぱい

・これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」
jQueryライブラリ！すごいです！！
こんな感じです　→　jQuery Ribbon

・自分の内に秘めた「すごい可能性」を解き放ちたい人のための一冊
プロデュース力。自分の能力をプロデュースする必要がある。

・CSS3はここがすごい【1】：CSS 3分コーディング
そろそろCSS3。

・若い時にプログラムを書こう，必ず人生の豊かさにつながる

Webの世界でもプロデューサー、ディレクターこそ、必要。

問題意識として、まだまだ真水の部分が足りないです。当たり前のことを言いますが、自分たちで作らないと自分たちで改善できない。頼んでいる限り改善はできない。

人生のどこかでプログラムを作る仕事を経験した方が絶対に面白い。一生やれと言われると少し考えるけれど。20代あるいは30代の前半くらいまでに真水の仕事をどれだけやったか、その後の人生の豊かさにつながります。

我々の役目はITのシェルパみたいになること。このブリザードの中でも、お客さんと一緒にいる。ブリザードだから俺たちだけでこの山は下りますね、という訳にはいかない。

・Google Bets Big on HTML 5: News from Google I/O
html5のお話。

・FlashLite1.1で制作時のつまづきポイント3点
携帯Flash。

• Google
• JavaScript
• html5
• jQuery

2009年5月26日

Web制作･開発のための今日のブックマークです。

今日は、制作には関係ないのですが、最近凝っている携帯関連を。

・究極の家電へ　携帯の歴史：「movable」だから「ムーバ」　コンパクトで安く、普及一気に
おさらいとして、携帯の歴史を振り返る。

・KDDI、夏モデル８機種を発表...ハイビジョンムービー携帯、ブック携帯
ブック携帯...微妙ですね。

• KDDI
• au
• ムーバ
• 歴史

やっぱり、Web屋にいる以上、ウォッチしておきたいもの。

ちょうど、うまくまとめられているエントリーがあったのでメモ。

web関連のコンテスト・アワードいろいろ

分類がされてておもしろい。

• アワード
• コンテスト
• メモ

2009年5月25日

Web制作･開発のための今日のブックマークです。

・iモードがJavaScriptやCookie対応、Flash動画も
進化してます、ドコモのi-mode。

・iモードブラウザ2.0｜NTTドコモ
本家NTTドコモの公式サイト内のiモードブラウザ2.0。

・Googleが目指す最高の検索UI
目指すものが高ければ高いほど、いいものが作れる。

• Google
• UI
• i-mode
• ドコモ

2009年5月24日

Web制作･開発のための今日のブックマークです。

・元気モバイル、ドコモ2009年夏モデル向けの新作ゲーム

ドコモの2009年夏モデルでは、従来よりも仕様拡張された「iモードブラウザ2.0」が利用できるようになっており、Flashゲームでも方向決定キーで操作できる

いよいよ方向決定キーで操作できる。

・セッションハイジャック　ASP利用には注意が必要
セキュリティのお話。

・本当はすごい、知られざるGoogle Maps APIたち!!
ある意味、使い古された感のあるGoogle Maps API。
でも、いろいろとできそうです。

・アイトラッキングの実験からわかった12のWeb戦略
「小さい文字はよく読まれる」
「パラグラフは短い方が読まれる」
「要約はよく読まれる」

・アウトプットやインプットが増えれば増える程、仕事量が低下する

つまり今まで普通にインプットできていた情報も、アウトプットする媒体が増えると、仕入れられなくなるという事態に陥ったのです。（中略）という事は、インプット時間が増えれば増えるほど、アウトプットできなくなる。

• docomo
• iモード
• アイトラッキング
• 携帯

2009年5月21日

Web制作・開発のための今日のブックマークです。

・ドコモ端末がついに外部CSSに対応したようです
今回の夏モデルのドコモさんは、仕様変更がいい方向で進んでいると思います。
今後も期待ですね。

・Web、映像、音楽...1日限定トップクリエイターの饗！「PUBLIC/IMAGE.METHOD」

Webという自由な表現の場、表現を無限に見ることのできる空間であるからこそ、「制限や制約」を設けるというおふたり。ディレクションとは、制限や制約のシミュレーションでもあり、自由さの中にディレクションを介在させることで作品として成立することを認識しあった。また、伊藤氏からはご自身にとっていくつか考えさせられるきっかけとなったサイトの紹介があり、Webサイトでの表現は、すでにあるコンテンツを利用して再構築することができることを両氏が指摘。それゆえに、面白いサイトこそ編集力の高さがあることを確認しあった。

「ディレクション＝制約」
これは言い得て妙というか、ストレートに表現できたいい例だと思います。

• css
• docomo
• ディレクション

2009年5月20日

正直、Flash自体もほとんど詳しくないんですが、さらにActionScript3.0となると、ちんぷんかんぷん。。。

で、ちょうどいいイベントが。

ロクナナワークショップ 無料イベント「本当は難しくないFlash/ActionScript 3.0超入門」6月3日（水）に開催決定

Flashの学校 ロクナナワークショップ（アドビ公認トレーニングセンター 運営：株式会社ロクナナ）は6月3日（水），Flash/ActionScript 3.0入門者の方を対象に，無料イベント「本当は難しくないFlash/ActionScript 3.0超入門」をアップルストア 銀座にて開催いたします。

これは行きたいですな。

• ActionScript
• Flash
• apple
• ロクナナ

jQueryを使ってメニューを装飾：LavaLamp menuを使ったメニューを作ってみる その２

LavaLamp menuというjQueryのライブラリを使用してのナビゲーションのデザイン強化を説明したサイトです。

CSS Nite in OSAKAのサイトでも使用されていますね。

• JavaScript
• LavaLamp menu
• jQuery

2009年5月15日

自分用のメモ。

【海外の著名なアイコン検索サービス】

■iconpot
商用でも利用できるアイコンだけを集めているサイトです。
かなり便利。

■splashyfish icons
比較的に小さなアイコンを探す時用のサイト。

■Icons Search Engine
カテゴリ別に整理されているサイトです。
タクソノミー系の情報探索が好きな方向けですね。

• アイコン
• 検索
• 海外
• 素材

2009年5月12日

Web制作・開発のための今日のブックマークです。

・ディップ、情シスをSaaSからパッケージソフトに「逆移行」　コスト7割減へ
→状況により、SaaSばかりがいいとは限らない。
逆に言うと、提案者側はそこを提案の軸に据えることができる。

・ユーザビリティ改善の費用対効果を測る6つのステップ（後編）
→ユーザビリティのお話。

・Webデザイン劇的ビフォーアフター09年春版
→モバイル版を運営中のモバイルデザインアーカイブでぜひやりたい。

・コナミコマンドを仕込む方法
→最近流行りのコナミコマンド。

・FlashとSilverlight、ベストな適用ケースまとめ
→2つのRIAの得意なものとは。

• SaaS
• コナミコマンド

2009年5月11日

MTタグの1つである、MTIndexNameの注意点です。

MTIndexNameは、そのブログ内で作成・登録されているインデックステンプレートの名前を表示してくれるMT固有のタグです。

ただ、MTIndexNameだけを書いても表示してくれないのが難点で、<MTIndexList> ブロックタグの中でのみ使用可能です。
#ただし、<MTIndexList>の外で、MTIndexNameを書いても再構築時にエラーとはならず、表示されないだけなので、知らないと気付かないかもしれません。

• MTIndexName
• Movable Type
• タグ

Web制作・開発のための今日のブックマークです。

・やたらとハイクオリティなフリーのアイコンをコレクションした -We Love Icons
「やたらと」って...

・[CSS]半透明のパネルを使ったドロップダウン型ナビゲーションのスタイルシート
ドロップダウン型のUI。

・jQueryを使ったフルスクリーンのスライドショー『supersized』
jQueryのスライドショー。
フルスクリーンは珍しいかも。

• jQuery
• アイコン
• スライドショー
• ドロップダウン
• ナビ

最近、Web上で、コナミコマンドが流行っています。

なんか、Google ReaderやFacebookでも使われているそうな。

で、それらのコナミコマンドを使ったサイトを集めたサイト。

Konami Code Sites

アイデアがすごいですよね。

で、真似したくなったら、ここら辺を参考に。

・コナミコマンド.js
・ブログやサイトにコナミコマンドを付ける方法

• JavaScript
• コナミコマンド
• デザイン

純粋なプログラマー・制作者ではなく、あくまでもプロデューサーなわけですが、これは参考になりました。

[ソフト開発]きれいなソースコードを書くために必要な、たったひとつの単純な事

「すべてに正しい名前を付けて、そして、正しい名前であることを維持する」という鉄の意志

"名前をつける"事に対して、まずは「正しい」名前を付ける、維持することを掲げ、それにより得られる効用を述べています。

いろいろと効用が挙げられているのですが、最後の言葉も印象的です。

一般的な「きれいな」ソースコードの最重要事項として正しい名前を挙げたけど、もう一段上の「美しい」コードについてはハッカー達の濃い思いをじっくり味わうのもよいかも知れない。「きれいな」と「美しい」の違いとかは、danさんが書いてくれる事を期待。

"きれいな"と"美しい"の違い。

深いな。

• ソースコード
• プログラミング

2009年5月10日

今月号のWeb creators (ウェブクリエイターズ) の巻末特集がおもしろかったです。

Web creators (ウェブクリエイターズ) 2009年 06月号 [雑誌]

巻末特集「WEBの今と未来が見えてくる　WEBデザインの賞＆コンテストガイド2009」

Webデザインに関する国内外のアワードの概要や過去の受賞作品を一挙に紹介。Web制作の目標にして挑戦してみるのもよいし、高い評価を受けたWebサイトはインスピレーションを刺激してくれるだろう。ぜひ自分の目で確かめておきたい。2009年、Webデザイン系アワードに注目しよう!

とりあえず、技術的に難しなく、アイデアで勝負できる領域はやっていきたいなと考えています。

あと、モバイルデザインアーカイブを運営しているので、

「モバイルプロジェクト・アワード」には応募してみたいと思っています。
早く2009年実施の応募要項発表されないかな。

• Web creators
• コンテスト
• モバイルプロジェクト・アワード

2009年5月 8日

Web制作・開発のための今日のブックマークです。

・月イチ・ナイト「Web Designer Inspire Night」レポート　第1回　デザインは問題解決をすること―山田あかね氏
→「デザインは問題解決をすること」

「デザインという言葉は，一般的にビジュアル面（見た目を飾る装飾的なもの，感性やセンスで生み出される）という部分がフォーカスされがちですが，実はそれは狭義の意味でのデザインです。実際にデザインされたものを観察すると，驚くほど計算された考えが詰め込まれています」

デザインの本質。

「デザインは，機能・使われ方・素材の特性などさまざまな条件をおりあわせてかたちが決まるもの。すなわち問題を解決する結果として生まれるものです」

発想自体は、興味のある交通デザイン（案内板やピクトグラムなど）などの身近なものからアイデアを得られているみたいです。

・テストリーダへの足がかり，最初の一歩　第4回　テスト分析（後編）
→1ページ目は、テスト分析についてというよりも、むしろ"新社会人"向けの内容ですね。
「誰のためのドキュメントなのか確認する」
「表紙をおろそかにしない」
「抽象度の高い言葉は注意して使う」
「方針の根拠を明らかにする」
「疑問点は必ず担当者に確認する」

・週刊Webテク通信　2009年4月第4週号　1位は，Web制作者のためのオンラインプレゼンテーション資料／気になるネタは，朝日新聞，講談社，小学館など無料辞書サイト
→ユーザビリティとか。

・PCのメディア再生/Webアプリ環境、「Silverlight」は24％、「Flash 10」は58％
→いつも思うのが、最新のものを入れていない人がいるという事実。
自動アップデート機能があるんだから、普通にやっていれば最新verが入るんですけどねぇ。

・なぜPHPアプリにセキュリティホールが多いのか?　第24回　無くならないSQLインジェクション脆弱性
→SQLインジェクションについて。

• 今日のブックマーク

2009年5月 3日

「速さと容量」重視のGmail Redesigned 3.0がリリース

Gmail絡みの記事なんですが、途中におもしろいワードが。

機能数は確実に増えているのに、サイズを小さくする、ということがどうすれば可能なのか、というと、最大の要因はインターフェースエレメントの多くを統合したこと、さらには我々の圧縮アルゴリズムが改善されたことが挙げられます。このCSS圧縮についてもっと知りたいという方は「CSS Compressor」という名で近々リリースされますので、そちらの動向にもぜひ注目していてくださいね。

この「CSS Compressor」。
すんごい気になります。

• css
• google
• 圧縮

早速出ました、Google Analytics APIを使用したアプリ。

ワンクリで解析結果を表示できる「Google Analytics API」が出た

待ちに待ったAPIが出ても、ニーズをつかむアイデア出しが大事なんだなと改めて実感です。

• AIR
• API
• Google

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ