FlashとjQuery どちらで実装するか決める際の重要なファクター
ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ
HTML5 における HTML4 からの変更点
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
nanapi [ナナピ] に学ぶナビゲーション設計 〜カテゴリとタグの見せ方〜｜withComputer
数年前に「日本語でケアナビ」プロジェクトに加わったことをきっかけに、「カテゴリとタグというナビゲーション要素をどう扱うか」は僕の問題意識のひとつになっています。で、１月ちょっと前に公開され話題になったライフレシピ提供サイト nanapi [ナナピ] のナビゲーションは、この問題に対するひとつの解を示しているように思いました。せっかくなので考えたことを以下まとめてみます。 カテゴリという（階層構造も含む）分類の仕方は、サイト利用者の多くがスムーズに理解できる一般的な概念といえるのですが、タグという概念の認知度はまだまだ「Webに詳しい人は知っている」の域を出ていないのではないかと思います。タグという属性のラベルを使い、複数のタグを使って「AかつB」という条件でモノを絞り込んでいく手法は、とても便利で面白いものです。でも知らない人にとっては、タグを用いたナビゲーションは難しいものに映るのが現状
![nanapi [ナナピ] に学ぶナビゲーション設計 〜カテゴリとタグの見せ方〜｜withComputer](https://cdn-ak-scissors.b.st-hatena.com/image/square/6bfac3b933cc6d724ac32a64f3bcd1b289ae1176/height=288;version=1;width=512/http%3A%2F%2Fwithcomputer.jp%2Fthemes%2Fwc%2Fimages%2Ffacebook%2Fogp200.png)
エスカフラーチェLLC
去る土曜日、パネラーとして参加させていただいたエンジニアの未来サミットが終わりました。 ご来場・ご観覧いただいた方々、ありがとうございました。また、関係者の皆様お疲れ様でした。 第一部の待機時間は、出演の準備と休憩と持ち込みのお仕事につぶしてしまって、 まわりの動きをなにもみることができませんでしたので、第二部に出演させていただいた際の反省・まとめ・感想を書かせていただきます。 ■パネラーとして 話すべきことをうまく伝えられなかったとか、ああこれをはなしておくべきだったということはたくさんありましたが、話す練習をしていかないと会場に対して失礼だったかなと反省しています。 とくに冒頭は緊張もして、自分でも話していることがわからなくなってしまったり（要点のメモがありながら）。練習とあわせて、もっと経験を重ねなければと痛感しています。 仕事についての姿勢について、ほかの人の考え方をうか
nanapiのデザインプロセス（その１） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
フォームメーラー｜SSL・携帯対応の無料メールフォーム作成ASP
いろいろなシーンに 対応 必要な時、スピーディに フォームとページ を作成できます。 あらゆる課題を解決する活用法やサンプルを紹介！ イベント・セミナー キャンペーン ネット販売 アンケート お問い合わせ 予約 登録 採用 ホームページ 社内の報告書
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
あまり知られていないけれど、HTML5では正規表現が使えるようになる
正規表現といえば、主にsedやawkといったUNIXのコマンドで、あるいはPerlやPHP、JavaScriptなどのスクリプト言語の中などで、プログラマーが文字列を操作するために使う道具でした。 その正規表現がHTML5でサポートされる見通しです。いままで正規表現を使わずに済んでいたデザイナやコーダーといった職種の方々も、いずれ仕事としてきちんと正規表現を扱わなければならない時代がやってきます。 HTML5のどこに正規表現が使えるようになるの？ 正規表現は、input要素のpattern属性の中で使えることになる予定です。W3Cが2009年8月25日付け公開しているHTML5のワーキングドラフトの「4.10 Forms」の「4.10.4.2.8 The pattern attribute」では次のように記載されています。 The pattern attribute specifies a
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
SEOツール | 検索順位/サイト比較/アクセス数比較/検索アクセス予測 アクセス比較.jp
ブログやコンテンツのキーワードをどういった方法で選んでいますか？ Google検索で上位表示させ、右肩上がりでトラフィックを伸ばしていくには、質の高いコンテンツがとても大切ですが、その元となる需要のある検索キーワード・頻 […] 続きを読む 「コンバージョン」とは、直訳すると“転換”となり、Webマーケティングで最終的な成果を意味します。 これは「訪問ユーザー」を商品購入によって「顧客」に“転換”させるとも言えるでしょう。 他にもコンバージョンとは商品の購入 […] 続きを読む E-E-A-Tとは、検索順位に大きく影響するGoogleの評価基準・概念のひとつで、2014年3月31日版の“検索品質評価ガイドライン”から記載され、Expertise（エクスパティーズ/専門性）・Authoritati […] 続きを読む
Yasuhisa Hasegawa
デザイナー。プロセスや仕組化に力を入れています。アプリや web サービスに携わるデザイナーが力を発揮するための環境作りが主な仕事です。
Adobe : EDGE Now! ウェブの今、更新中。
ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ（ブロガーランキングや、ブログ記事の反映も停止いたします） ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
オフトピック:あなたがプログラムを理解できない10の理由 - builder by ZDNet Japan
あなたがプログラムを理解できない10の理由：第5回 プログラムの学習には、曖昧な動機、上がらないモチベーション、多数のエラーなど、様々な障壁が存在する。しかしそれでも、ものを作ることは楽しいではないか。最後のメッセージは「楽しもう」だ。 2008-06-03 08:00:00 あなたがプログラムを理解できない10の理由：第4回 プログラムを概念的に学ぶのも大切だが「○○してみたい」という欲求がなければ身につかないものだ。ただし、あまりに実用的なプログラムを作ろうとすると、何が必要で何を学べば良いかも分からず、途方に暮れることになる。 2008-05-27 08:00:00
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリエイターに聞く「顧客と会わないウェブ制作には、何が求められるのか？」