Chrome Life

Chrome OS, Chrome Web Store などChrome関連の話題、Google+などの新しいGoogleサービス、HTML5, JavaScript, CSS3によるWebアプリ開発、ChromeBook、MacBook Air、クラウドの活用方法などを紹介

こだわりのある職人プログラマーほど、無駄なコードを少なくしたいものという事実を理解してほしい など

今朝は、天気も良かったので早起きしてウォーキングしましたよ。 少し汗をかく程度ですが、身体を動かしたおかげで、今日一日気分よく仕事できました。

それでは、今日の気になった記事です。


こだわりのある職人プログラマーほど、無駄なコードを少なくしたいものという事実を理解してほしい - 達人プログラマーを目指して

Annotations:
  • 優秀な開発者であればより良いコードを多く生み出すのではなく、より良いコードをより効率的に書く、つまり、より少ないコードで価値の高いことを実現することにこだわりを持っている
  • 新しい機能を作り出すことよりも、むしろ、同じ機能をいかに簡単に保守しやすい状態に維持するのかという点に最大の情熱を注ぐプログラマーも存在する
  • 今後は、既製品の流用でなるべく開発量を抑えつつ、独自開発する領域は良いプログラムへのこだわりのある少数精鋭のチームで取り組むという方向にシフトしていくべきなのではないでしょうか。
Tags:

プログラマーもそれぞれ価値観が違いますよね。僕は新しい機能を作りこむ方に情熱を注ぐタイプなので、職人プログラマーにはなかなかなれないです(^^;


IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 : Web Design KOJIKA17

Annotations:
  • クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎
  • DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。
  • list-styleはliには記述しないようにしましょう。
  • クロスブラウザ(特にIE6,7)で位置がズレやすい原因は、line-heightの場合ががあります。 imgに関して、あらかじめline-heightを0にしておくことで、LPサイトなどを作るときにズレの回避に役立ちます。
Tags:

IE6で見ると思いっきり崩れて叫びたくなる時ってありますよね?! そうならないように、クロスブラウザの基礎を身に付けておかないといけませんね。


FacebookがGoogleを廃業に追い込む理由

Annotations:
  • Facebookのデータでは、顧客が関心を持っているものを’推測’できるのではなくて、実際に彼/彼女が何に関心を持っているかを、具体的に知ることができる。そしてこの重要な違いがFacebookに、検索におけるものすごく大きなアドバンテージを与える(今後検索に進出した場合)。
  • 強力なのは、Facebookは個人や集団の行動パターンを知っているので、ユーザが具体的に関心を表明していないものごとについても、その好みを予想できる。
  • 実はGoogleは、今のFacebookが、かつてGoogleが他に対して持ったのと同じような、圧倒的なアドバンテージを、Googleに対して持っていることを、やっと認めたのだ。
  • Googleは頭がいいから、現実を正しく読める。そして、怖がっている。
  • とっても頭がいい証拠だ。
Tags:

Facebookがここまで大きくなるまでは、Googleが敗れることなど絶対ありえないと思っていました。しかし、絶対揺るがない地位というのは存在しないんですね。 かつての巨人マイクロソフトGoogleに敗れたように、GoogleFacebookに追い越される日もそう遠くないのかもしれません。


WebベースのアクションRPGを開発するならば使いたいフレームワーク「RPG JS」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

Annotations:
  • RPG JSはHTML5/JavaScriptで作られている。矢印キーとスペースで動いたり話しかけたりする。サウンドにも対応する。そして剣を装備するとAキーで振ることができる。NPCも数多くいて、話しかけるとゴールドを貰えたりする。
Tags:

Chromeウェブストアにもたくさんのゲームが公開されていますが、まだまだFlashを使ったものが多い状態です。 しかし、RPG-JSのようなゲームフレームワークを使うことで、HTML5でもFlash並みのゲームを簡単に作れるようになるんじゃないかな。


戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法 » nmi.jp

Annotations:
  • スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します(Back Forward Cacheと呼ばれます)
  • Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。
  • FirefoxはデフォルトでBack Forward Cacheがオンになっている
  • Back Forward Cacheの発生を確認するには、onpageshowのイベントでevent.persistedを確認する必要があります。
Tags:

onunloadイベントを用意しておくだけで戻るボタン押してもJSが最初から実行されるんですね。これは知らなかった。


コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 : Web Design KOJIKA17

Annotations: Tags:

Microformatがいまいち流行りませんでしたが、MicrodataHTML5の標準仕様に加えられると広がる可能性はありますね。


小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード「html5uploader」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

Annotations:
  • html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行ってくれるライブラリだ。デモでは実際のアップロード処理は行わないものの、ドロップされたファイルをdata URIを使うことで画像のサムネイルが表示されるようになっている。
  • html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行ってくれるライブラリだ。
Tags:

Gmailで添付ファイルを付ける場合にドラッグアンドドロップをしますが、これと同様のことが実現できそうですね。


グラフィックデザインを学ぶ人が知っておくべき50のこと | IDEA*IDEA

Annotations:
  • いつだって「君よりうまい人」がいる。
  • 目標がなかったら点数はつけられないよ。
  • 直感を信じよう!自分の仕事に興奮することが大事だよ!
  • 「何を知っているか」は問題じゃない。「誰を知っているか」だ。
  • 「制限があること」を受け入れよう。むしろそれが創造性を刺激するのだから。
  • 新しいアイデアはある意味ばかっぽくて、ぶっとんだものだ!
  • イデアよりもスケッチを。なんらかのカタチにしておくことが大事だよ。
Tags:

クリエイティブな仕事は誰もが目指しているところですが、なかなか思うようにいかないですよね。こういった心構え的なことに目を通しておくとモノの見方がいい方向に変わっていくかもしれません。


超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌

Annotations:
  • そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。
Tags:

昔のホームページではよくマーキー使ってましたよね。携帯サイトだと今でも使いますが、PCサイトではマーキー(流れる文字)は、めっきり見なくなりました。 でも、このマーキーの見せ方は文字だけじゃなく画像などもいけるみたいなのでインパクトあるかもしれません。


それでは、また!!