Webデザインのウソ・ホント ～ Web らしく... / Webデザインのセオリーを学ぼう / 企画が考えるスマホUIデザイン他...全7件

どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201

はじめに 「分かりやすいコードを書く」、「コードと一緒にテストも書く」等はソフトウェア開発において大切なことです。しかしそれと同じくらい大切なことして「分かりやすいコミットメッセージを書く」があります。これはあまり着目されていなく、見過ごされていることです。 今回は、コミットメッセージの分かりやすさの大切さ、そして、分かりやすくするための書き方を説明します。 コミットメッセージとその大切さ バージョン管理システムとコミット 現在、ほとんど全てのソフトウェア開発ではSubversionやGitなどのバージョン管理システムを使っています。バージョン管理システムを使うことによるメリットというのは、ソフトウェアの変更が記録されていくことにあります。 具体的なメリットは3つあります。 ソフトウェアの調査がしやすくなることです。現時点でのコードと、そして変更の履歴とを組み合わせることで、それらから非常

viというエディタがある。長い歴史のあるエディタである。ユーザー視点で見ると、コマンドモード・入力モードという二つのモードがあって、モードを切り替えながらテキスト編集するスタイルである。GUI全盛のモードレスなエディタに慣れきってしまった自分には、かなり面食らったエディタであった。初めて起動した時、文字も入力できず、終了の仕方も分からない...。何じゃこれは？ そう思って調べてみると、viには非常に多くのショートカット的コマンドがある。その多さにまず面食らう。とても覚えきれないと。以下は、自分で調べて理解できた使い方である。軽く100以上の操作がある。（これでもなるべく行を節約して書いたのに）しかも、以下の表でもすべてを網羅できている訳ではない。 どうにか、これらのコマンドをなるべく覚えないで、そこそこ使えるようになりたい。何を覚えて、何を覚えなくていいのか、探ってみた。 viエディタの使

広告っていったいなんだろう？ といった初歩的な疑問から 新聞広告の料金体系、個人視聴率と世帯視聴率の算定の仕方、広告効果測定方法など かなり専門的な内容まで幅広く含んだ一冊 もし広告業界に少しでも興味があれば ぜひ読んで欲しいところ 人間は広告がなければ決して購買行動を起こさない そんな「広告ハンドブック」をmixiというiメディア広告媒体を用いて広告してみたとさ

vimからEvernoteを使ってしまおうといういい感じのプラグインを見つけたので、使ってみた。 （しかも日本人！文字コードやヘルプが日本語で見やすい。ありがたや） http://wp.krks.net/2011/05/vimからevernoteを編集するプラグインevervimを作成しました。/ で、さっそく使ってみようとしたら、pythonが必要ということで、vimをmakeしなおします。 で、mercurialのインストールまで戻ったので、おさらいがてら全部書いておきます。 mercurial http://mercurial.selenic.com/ cd ~/src wget http://mercurial.selenic.com/release/mercurial-1.8.1.tar.gz tar xzvf mercurial-1.8.1.tar.gz cd mercuria

これといって新卒向けではありませんが、最近の新卒さんはVimでプログラミングを覚えるらしいので。 むしろ特に意味もなくVimのカラースキーマを変更したい人向けですかね。 プログラマにとってエディタはほぼ一日向きあうものなので、なるべく長時間見ていても疲れないだとか、楽しくなるだとか、主眼をどこに置くかによってカラースキーマが変わってくるでしょうね。 ということで。 第一位 molokai molokai 南国な名前ですね。私はこれ使ってます。なんだかかっこいいです。 詳細は、こちらを参照のこと。 第二位 pyte pyte - A clean, light (nearly white) theme : vim online とてもアッサリしたカラースキーマといった印象。 私はゴテゴテしたのが良いですが、たしかに、目の負担軽減にはなるかも。 この画像の他、全部で４種類ほど同梱されています。

OS Xのファイル管理システムは「Finder」と言います。ちょうどWindowsのエクスプローラーに相当するものです。Dockの一番左側に置かれた笑顔のニクいアイコンがヤツですね。今回のショートカットは、Finderがらみのものがほとんどです 2月の話題といえば、次期Mac OS X“Mountain Lion”が発表されたこと。「iMessage」や「リマインダー」の追加など、iOSの機能をMacに統合するBack to the Macが進行した印象です。実際にどんなOSになるのか、アップルファンとしては発売が予定されている今夏が待ち遠しい！（関連記事：林信行が語る“攻め”の新OS：「OS X Mountain Lion」は絶好調なMacをさらに加速させる） ただ、新しいOSを手に入れても、使う側の脳みそもアップデートしなければ使い勝手は今までのままだったり……というわけで、今回は現状

1．一般的なコーディング規約に目を通し、エレガントなコードを知る エレガントなコードを書くためには、エレガントなコードを知らなければならい。その土台を築いているコーディング規約について、オープンソースではどのようなものが使われているのか理解しておこう。入社する予定の会社が採用している言語については必ず目を通しておこう。 PHP PEAR 標準コーディング規約 symfony CodingStandards Perl perlstyle Ruby クックパッド株式会社のRubyコーディング規準 Matzスタイル NaClで採用している規約 Python PEP 8 そして、あなたの身近にあるオープンソースのコードを実際に読んでみよう。この時点でコードの仕組みや設計が理解できなくても良い。コードがエレガントかどうか？を感じ取って欲しい。こう書いた方が、良いのではないか？など、考えてみよう。