これからはじめるRuby on Rails
はじめに Rubyと出会ったころ、その簡潔さに感動した著者は、「ここまで自然言語に近い形でプログラムが書けるのであれば、インターネットとPCの違いすら理解しない妻でも、少しはプログラミングができるようになるかもしれない」と、家庭での普及に挑戦したことがあります。 その試みは、渡した入門書を「はじめてのRUBAI」と読まれた時点で頓挫したわけですが、その経験から「Rubyの文法に従ってはいるが、何やら他言語の匂いを感じるコード」のことを、Rubyの潜在力を生かしきれていないという意味で「RUBAIコード」と呼ぶことにしました。 そして、社内のさまざまな分野のプログラマにRuby開発を指導してみて分かったのは、"RUBAIコード"には、実装レベルの間違いと、設計レベルの間違いがあるということです。 実装レベルの間違いとは、処理を他言語の習慣に従って記述することで引き起こされます。Javaプログ
[ThinkIT] 第1回：セマンティックWebとは (1/3)
近頃、インターネットの世界（Web 2.0の世界）では、マイクロフォーマット／タギング／フォークソノミーといったメタデータやセマンティックWebに関係する技術が盛んに使われるようになってきた。また、エンタープライズの世界でも先進企業によるセマンティックWebを応用した情報インテグレーション事例が紹介されはじめている。 企業だけではなく個人においても、肥大化と多様化する情報を有効に扱うことが目下の課題であり、そのための有効手段としてメタデータやセマンティックWebがあらためて注目されはじめている。そこで、本連載では「セマンティックWebによる情報統合」をメインテーマにおき、Web 2.0とエンタープライズの情報活用を支えるメタデータ技術の将来像ついて解説していく。 第1回の今回は、そもそも「セマンティックWeb」とは何かを解説する。 セマンティックWebは、1998年にティム・バーナーズ・リ
[Think IT] 第2回：HTML 5の機能を試す！(1/3)
【即実践！HTML+CSS】ポストWebコーディング 第2回：HTML 5の機能を試す！ 著者：吉田 光利 公開日：2008/04/14（月） HTML 5で実現される世界 前回は「HTML 5が結構いけそうで、マイクロソフトも含めたブラウザベンダが足並みをそろえてHTML 5に向かっている」ということをお伝えしました。今回は実際にどのようなことができるのかに焦点を絞って解説していきましょう。実際にサンプルを試せる内容になっていますので、ぜひ体験してみてください。 sample.zip （ZIPファイル/1.26 KB） HTML 5を一言で言うと「WebアプリケーションとセマンティックWebを実現するためのHTML」ということになります。HTML 4が勧告された1999年は、WebアプリケーションやセマンティックWebという存在がありませんでした。それから9年を経た今、ようやくそれらを考
[Think IT] 第4回：黄金比を信じますか？ (1/3)
Webデザイナは知っていた 第4回：黄金比を信じますか？ 著者：シンクイット制作部 公開日：2008/03/06（木） 黄金比は美しい？ 「第3回：フォントの扱いが命取り？」では、デザインの中でも重要な表現方法の1つである、フォントの扱いについて紹介しました。 今回は、デザインとして最も美しいとされる比率「黄金比」について紹介します。 黄金比とは、正確には「1：（1+√5）÷2」の計算式で表されますが、一般的には「1：1.618」の比率として使われています。 ピラミッドなどの建築物やモナリザなどの絵画が黄金比でできていることは有名ですが、それらは黄金比でできているからという以前に、芸術としてすばらしいと認知されているため、現実的に判断がしづらいものです。 筆者が原稿を書いているPCの周りのものを測ってみると、身近なものでいくつか見つけることができました。名刺やたばこのパッケージ、財布の中に
動画映像だけを受け取ってしまったら？
動画の権利関係は？ 例えば、クライアントから「わが社のPRビデオ（DVD）をちょっと短く編集して、Webで配信したいのだが…」という依頼がきたとします。ここでまず確認しなければならないのが、コーデックでもファイル形式でもないのです。 それは「権利問題」です。 結論から言うと「クライアントと映像制作会社（映像プロダクション）間で権利関係はクリアになっているか」を確認しなければならないのです。権利確認での注意点は、図1-1となります。その用語解説は図1-2となります。 そして、企業が自社の映像を作る場合には、映像プロダクションと委託契約を締結している場合と、締結していない場合があります。 締結している場合は、たいてい著作権などの知的財産権を発注主であるクライアントに譲渡するような条項があります。これがあると一応安心です。締結していない場合、著作権の権利は映像プロダクションにあるのが原則となりま
[Think IT] 【現場に学ぶWeb動画配信】モバイル動画の最新活用術
ディベロップメントDiv. プロデューサー 1977年東京生まれ。大手SI企業にて業務系のWebシステム開発、およびグループウェア／ワークフロー開発に従事。その後、株式会社イオスにて、モバイルサイト構築プラットフォーム「Rockbird（http://www.rockbird.jp/）」の開発ディレクションを行う。現在はさまざまなモバイルサイトのプランニング、および構築のスタイリングを手がける。 http://www.e-o-s.net/ 代表取締役／ビデオディレクター 独学で映像制作の技術を学び、スノーボード、サーフィンのビデオ制作を経て2007年4月にインターネットに特化した映像制作会社を設立。現在はコンテンツ制作をメインにモバイルプロモーションの企画や PC・携帯の動画配信のインフラを提供する。 http://www.xenomedia-blend.com/
徹底検証！携帯シミュレーター
携帯シミュレーターとは 携帯シミュレーターとは、携帯の実機に近い形でテストすることができるPC用エミューレーターツールです。機能的にはPCブラウザでできるテストと、携帯端末実機でできるテストのちょうど中間のテストができると言って良いでしょう。 PCブラウザではできず、携帯シミュレーターでできるテストには次のようなものがあります。 ・携帯の画面表示で想定している表示がされているか ・絵文字が表示できているか ・携帯に対応した画像形式になっているか ・1ページの表示容量が超えていないか ・1行に想定した文字が入っているか ・携帯の数字キーによるアクセス、GPS位置情報の実装テスト 全項目がすべてのシミュレーターでできるわけではありませんが、PCブラウザではできないテストができることは事実です。 また気をつけなければならないこととして、携帯シミュレーターは基本的にWindowsにのみ対応している
3キャリア対応の携帯サイトを作るには
制限の多いキャリアに合わせた作り 前回（http://www.thinkit.co.jp/article/143/2/）は、汎用的な携帯サイトを作る手順とポイントを解説しました。今回は、3キャリア対応の携帯サイトを作るテクニックと「こうしたい」を実現するデザインテクニックを技術的視点で解説します。 3キャリアに対応した携帯サイトを作るためには、各キャリアの仕様を比較し、最も制限の多い（自由度の低い）キャリアに合わせなくてはなりません。まず、第1回（http://www.thinkit.co.jp/article/143/1/）と第2回（http://www.thinkit.co.jp/article/143/2/）の内容をふまえて、3キャリアの携帯サイト制作のポイントをおさらいしましょう。 HTML／CSSに関しては、最新のデザインを取り入れるならHTML文書は「XHTML」で記述する、コ
[Think IT] 【モバイル向けサイト制作】出遅れるな！Flash Lite入門
Webディレクター／Flashクリエイター 1995年に初めてインターネットの世界に触れ、1999年に独学で個人サイトの運営を始める。その後、本格的にWeb業界へと転身し、クリエイター、ディレクター、プランナー、講師業務、セミナーなど幅広く従事。また、個人的にもパブリッシャーとして活動中。より効果の高いWebの活用術を日々勉強中。『いざ高みへ！』 1ka2ka.com：http://1ka2ka.com/ 株式会社24-7：http://www.24-7.co.jp/
[Think IT] 第2回：携帯サイトの制作から公開まで (1/3)
サイト規模に合わせて作り方を選ぶ 前回（http://www.thinkit.co.jp/article/143/1/）は、携帯サイトとPCサイトがどのように違うかを紹介しました。今回は、汎用的な携帯サイト作りを行うための制作の基本から、実機テストまで含めた公開までの手順を解説します。 携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。 1.キャリア別に静的なサイト 2.3キャリア対応の静的サイト+プログラム 3.プログラムによる動的生成 4.CMSを使ったジェネレータ型 5.MobaSiF（http://sourceforge.jp/projects/moba）などのフレームワーク型 3キャリア対応の静
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3って何？注目機能をピックアップ
[Think IT] 【現場に学ぶWeb動画配信】はじめての動画配信
[Think IT] 【現場に学ぶWeb動画配信】動画をWebに活用しよう！
[Think IT] これならわかる！JavaScript/Ajax