運営に関わっている Re:Creator’s Kansai による4回目のセミナー、
「聞いて学んで考えるUX講座」のお知らせです。
今回はWebやデザインに関する情報発信をおこなっている could の長谷川恭久さんをお招きし、ユーザーエクスペリエンス（UX）の聞いて学んで考える講座を開催します。
続きを読む
著者別の記事一覧
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。）
http://www.ecstudio.jp/
個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。
続きを読む
iPadが日本で販売されます。
新しいデバイスの登場でサイト制作者の方はいろんな意味でドキドキワクワクしているところだと思いますが、今回はiPadでのブラウジングのことや、それに対する基本的な対応方法を説明します。
続きを読む
iPhone向けに最適化するための対応は慣れるまでは簡単ではないと思う方が多いかもしれませんが、WordPressではプラグインで簡単に対応できます。
今回はよく利用されているであろう3つのプラグインを紹介します。
続きを読む
[追記]2010/07/27
すでに販売されているiPhone4（iOS4）でサンプルを検証したところ、埋め込みで再生はできなくなっていました。iOS4のリリース以前の3GS+iOS4では可能であったことを確認していますので、仕様の変更があった可能性があります。あらためて方法が分かれば記事におこしたいとおもいます。
iPhoneのMobile SafariではHTML5が使えるというのは以前に書いた記事でも紹介したことがあるのですが、HTML5の各要素がすべて完全に使えるというわけではありません。
その中の一つであるvideo要素はマークアップ上使うことは可能ですが、いざ動画を見ようとするとQuicktimeが起動するのでvideo要素を使うメリットがほとんどありませんでした。
しかしvideo要素はOS4.0からページに埋め込まれる形で再生できるようになります。
続きを読む
Zen-CodingでHTML/CSSコーディング作業の効率があがった人が増えてきたのではないかと思いますが、そこでさらにカスタマイズすることで効率化アップする方法を紹介します。
Zen-Codingではあらかじめ多くのHTML/CSSのショートコード、スニペットが登録されていますが、Zen-Codingを構成するファイルを少し修正するだけで、オリジナルのコードを登録することができます。
JavaScriptを触ることにはなりますが、JavaScriptを知らなくても大丈夫なぐらい簡単です。
続きを読む
前回の記事ではZen-Codingの導入方法について解説しました。
今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。
※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。
なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。
続きを読む
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？
Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。
独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。
Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。
※音が出ますのでご注意ください。
Zen Coding v0.5 from Sergey Chikuyonok on Vimeo
一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。
Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studioでの設定の仕方を説明します。
※弊社の場合は Eclipseのプラグインとしてインストールしていますが、それでも問題はありません。
[追記：2010/02/24]
AptanaプラグインをつかっていないEclipseでも導入できるようです。（otchyさんありがとうございます。）
http://www.otchy.net/20100224/zen-coding-for-general-eclipse/
※導入後の使い方などは次の記事を参照ください。
Zen-Codingのショートカットをまとめてみました
Zen-Codingでさらにコーディングを1.5倍くらい速くするためのカスタマイズ方法
続きを読む
WebDesignerWallより、2010年のデザイントレンド予測の記事がありましたので、その中身を見ていきたいとおもいます。
「2010年のウェブデザインはより面白く、実験的なものが増える」とのこと。
CSS3やHTML5への注目が集まり、新しいビジュアル・機能を持ったウェブデザインを試しているサイトが増えてきています。
ビジュアルの傾向でいいますと、手書きスケッチ、大きな背景のサイトというのは減少傾向にあり、一方でセリフ書体のフォントを使ったデザインや、テクスチャーを使ったサイトが人気のようです。
またCSS3（と、実装してくれているブラウザ）のおかげで、角丸やRGBAプロパティを使った半透明表現、ドロップシャドウ効果などもたくさん簡単に使えるようになってきています。
そして特に海外では顕著ですが、スマートフォン向けのデザインを提供するサイトも増えてきています。
実際にそれらのトレンドに当てはまるサイトを紹介していきます。（一部）
続きを読む
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。
2010/11/18追記：
iPhone向けサイト制作の書籍を執筆しました！
既存のデスクトップ向けサイトをモデルにした
iPhoneに最適化したサンプルサイトの紹介と
コードの解説をしています。
iPhone向けサイト制作の入門書に最適です。
「HTML5＋CSS3で作る 魅せるiPhoneサイト」
ページの先頭に戻る