マーケティングからデザイン、テクノロジーまで、幅広い知識が求められるWebディレクターの仕事。企画立案やプロジェクト管理といった仕事の基本から、最新の技術トレンドまで、Webディレクションで知っておきたいキーワードを解説します。
![Webディレクション最新キーワード](https://cdn-ak-scissors.b.st-hatena.com/image/square/a771bc636e9e5b0b73052d81671dc52439315518/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2011%2F03%2F24%2F281562%2Fl%2F7e6e1fbe80b07686.jpg)
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。(編集部) 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (
はじめに この連載では、「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 HTML5はなぜ注目されているのか HTML5は、今やウェブ業界の流行語といっても良いほどの過熱ぶりです。HTML5は、名前の通り、HTML4の後継に当たる仕様です。とはいえ、HTML5に注目しているのは、ホームページを作成するウェブ制作者だけではありません。ウェブ業界に限らず、あらゆるIT関連業界で注目を浴びています。なぜ、これほどまでにHTML5が注目を浴びているのでしょうか。 この理由は、大きく分けて2つあります。1つはマークアップです。もう1つはAPIです。 マークアップの仕様を更新 まずは、マークアップの視点から見ていきましょう。これは、とりわけウェブ制作者、中でもウェブページ製作の現場において重要です。これまでウェブ
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Copyright © 2004-2024 Impress Corporation. An Impress Group Company. All rights reserved.
タブプラグインを作ってみよう 最近ではWebサイトを制作する際によく使われるのが、既に完成しているJavaScriptファイルを読み込み、実行するだけで簡単に利用できるプラグインやライブラリといったものです。 jQueryの場合、プラグインと呼ばれますが、そのプラグインだけでも、数え切れないくらい多くのものが公開されています。 代表的なものでは、jQueryオフィシャルのUIプラグインなどが挙げられます。この連載ではプラグインの紹介は行いませんが、第7回・8回では実際にプラグインを作成してみましょう。 今回の第7回では、タブパネルを実装するスクリプトを書くところまでを紹介し、次回の第8回は今回実装したタブパネルスクリプトを元にプラグイン化するところまでを紹介していきます。 タブパネルを実装するスクリプトを書いてみよう タブパネルの実装について、考えてみましょう。タブパネルUIは様々なシーン
サムネールを水平に並べてスクロールさせるメニューのインターフェイスがある(図1)。スクロールする方向やスピードは、マウスポインタの位置によって変わる。今回と次回の2回にわたって、このようなMovieClipのアニメーションをつくってみたい。今回のポイントは、条件を判定して分岐する処理の書き方だ。 図1 サムネールがマウスポインタの位置に応じてスクロール ループする水平スクロール―ifステートメント まずは、これまでの復習として、毎フレーム5ピクセルで水平方向右に単純にスクロールするMovieClipのフレームアクションを書いてみよう(スクリプト1)。スクリプトを書くときは、いきなり目的の動作を実現しようとするのでなく、処理を小分けにして段階的に進めていくことが大切だ。 上級者でも、ひとつのミスもなく、1回で動きを完成することはたやすくない。小分けにして作成と確認を繰返していけば、問
【2024年8月】レンタルサーバーおすすめ10社を徹底比較! 人気ランキングも PR 最終更新日:2024年08月16日
前回はスクリプトを使ってインスタンスの位置を指定するには,インスタンス名を付けて,_xプロパティと_yプロパティの値を設定してあげれば良いということを紹介しました。ということは,インスタンスを動かし続けるには,この_xプロパティと_yプロパティを任意の時間間隔で変更してあげれば良いわけです。 では,「スクリプトを使って任意の時間間隔でプロパティ変更する」にはどうしたら良いのでしょうか。その方法の一つが「onEnterFrameイベントハンドラ」を利用することです*1。onEnterFrameイベントハンドラはムービークリップに用意されたイベントハンドラです。スクリプトからムービークリップを動かす場合に非常にポピュラーなイベントハンドラですから,使い方をしっかりマスターしてください。 一定時間ごとに発生するイベント 以前に本連載で,ボタンを押した(あるいは,離した)タイミングで処理を実行する
あなたが考案している企画がある場合、その企画が上司のミッションとどう関わりがあるかをまず考え、あなたの提案によって上司のミッションが実現可能かどうかを考える必要がある。自分の感覚でウェブサイトリニューアルが必要だと考えても、リニューアル後に集客や売上アップにつながらないと思える企画ならば、上司がその企画を通す可能性は限りなく少なくなる。 上司がどういう課題を抱えていて、どういうミッションを与えられ、今後どうしていきたいかなどを知ることは、企画提案に際しては非常に重要なことになる。まずは提案相手について知ろう。直属の上司が社長だとしても同じことだ。 現状把握は必ず行う(現状分析)どんな企画を行う場合でも、現状把握は必ず必要となる。場合によっては「背景」として今の市場の動向などを知ることが必要な場合もある。 ウェブサイトのリニューアル、ウェブプロモーション実施、CMS導入、グループウェア導入な
リンク構築キャンペーンを始める前にあらゆるマーケティング活動と同様に、リンク構築キャンペーンにおいて最初に着手する工程は、目標とその目標を達成するための一連の戦略を設定することでなければならない。 しかし、悲しいかな、リンク構築は測定することが最も難しい活動の1つだ。検索エンジン最適化の観点から見ると、特に難しい。各検索エンジンの内部では、正確で数学的な測定基準を使用して各リンクを評価しているが、検索エンジンの技術陣以外の人間がこうしたデータを取り出すことは不可能だからだ。したがって、僕らはSEO担当者として、リンクが持つ価値を評価するための尺度を構築する上で役に立つ、多数の要素を参考にするしかない。 上で挙げた測定しにくいいリンクシグナルのデータに加え、次のような評価基準もある。 関連した検索語におけるページの表示順位 所定のページについて、検索エンジンがどの程度高く評価しているのか判断
今週は、「SEOの意外な裏技」シリーズその1、その2に引き続き、第3弾として、僕がまだSEOになりたての頃によく頭を悩ませた(そして今も、多くのサイトを惑わせているらしい)ある問題を簡単に見ておこうと思う。 といっても、難しい問題なんかじゃない。「A」というキーワードで高い検索順位を獲得しているページがあると、大した理由があるわけでもないのに、「A」によく似たバリエーションをターゲットにした別のページを作るという間違いを犯す人がいる、ということなんだ。 1つ例を挙げよう。 ときには、異なるページでさまざまなキーワードのバリエーションにターゲティングした方がいいっていうこともありうるけれど、その場合はちゃんと理由を考えなければならない。上図の例で言うなら、「電気スクーター」を検索するのと、「電気スクーターを購入」「電気スクーター販売」「格安電気スクーター」を検索するのとでは、検索者の意図は実
数字301恒久的なサーバーリダイレクト。Apacheサーバーの.htaccessファイルに記述したウェブページのアドレス変更のこと。正規版サイト公開時のURL変更問題を処理するのにも便利。AAdWordsアドワーズ広告を参照。AdWordsサイトMFAと同義。GoogleのAdWords広告掲載プログラムAdsense用に作成したページのこと。広告掲載だけを意図して設計したウェブサイト。必ずしも悪くはないが、一般的には良くない。テレビ番組なんかは、多くの場合広告目的だね。altテキスト代替テキストを参照。BB2B企業間の商取引。B2C企業と消費者間の商取引。CCGCユーザー生成コンテンツを参照。CGMユーザー生成コンテンツを参照。CMSContent Management Systemの略。コンテンツ管理システムを参照。CPC(Cost Per Click)クリック単価の略。掲載した広告の
ActionScript3.0では,これまで(ActionScript2.0では)複数種類の記述方法が混在していたイベント処理の記述が変更・統一されました。基本構文さえ覚えてしまえば,イベントの種類を問わずに応用できます。 イベント処理とは ActionScriptを使ってFlashムービーを作成されている方の多くは「どこかを『クリックしたら』動く」,「『○○秒毎に』アニメーションする」のように,「○○したタイミングで××する」ムービーの作成を考えているのではないでしょうか。例えば図1は,フレームレートに合わせたタイミングでインスタンスの位置を移動し,アニメーションをするムービーです。 図1●イベント処理を使ったムービー(クリックすると別ウィンドウでムービーを表示します) このような「○○が起きた時」に「××な処理を実行」するプログラムを作成するための便利な仕組みが,今回ご紹介する「イベン
携帯サイト向けCMS厳選8製品ガイド このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合ひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、ケータイ向けの公式サイトやキャンペーンサイトを自社で構築・管理・運用するための「携帯サイト向けCMS」だ。 福永 充利(株式会社シンクウェア) 企業は当然携帯サイトの時代 ケータイCMS選定のポイントは?ケータイの普及台数は9000万台を超え、ケータイを取り巻く市場規模も7,000億円を超える勢いだ。今やパソコンのみでインターネットを利用しているユーザーよりも、ケータイのみでインターネットを利用しているユーザーのほうが多くなった。すでに携帯サイトは、すべての業界、企業にとって無視できない存在である。特にケータイ検索サービス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く