「サイト企画/制作/デザイン」カテゴリの記事 -解説記事

3ページ目の記事を表示しています。

内容カテゴリ「サイト企画/制作/デザイン」すべての種別カテゴリ編集記事を表示しています(全564記事)。

「サイト企画/制作/デザイン」カテゴリの記事 -解説記事

安田英久(Web担 編集長) 2012/03/13 12:00 (43)(41)(33)

今日は、スマホ最適化のベストプラクティスの情報をお届けします。そして、その元となったグーグルが開設した「GOMO」というスマホ最適化診断サイトの情報も。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

アクセス解析のデータ取得からレポート作成までを自動化する「GA Client」を実践活用 第7回

清水 誠 2012/03/05 9:00 (73)(50)(68)

前回で取り上げたGoogleアナリティクスのデータを自動で取り込めるGoogle Docsのスクリプトが好評だったようだ。そこで今回は、より簡単な操作で、柔軟に欲しいデータを取得できるようにバージョンアップしたスクリプトと、それを活用して、見せ方をカスタマイズしたレポートとグラフも自動更新させる方法について紹介したい。

安田英久(Web担 編集長) 2012/01/10 12:00 (239)(174)(128)

今日は、スマホ対応で注目を集める「レスポンシブ・ウェブデザイン」の良い点と悪い点を述べていきます。結論としては、レスポンシブ・ウェブデザインはすごいと思いますが、現状では、スマホ向けにはレスポンシブ・ウェブデザインを採用せずに専用の軽いHTMLを用意して対応するべきだと私は考えます。そうでなければ、完全にモバイル・ファーストでのデザインで進めることです。その理由を解説していきます。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

アクセス解析データも自動取得できる便利な「コンテンツ在庫表」を作る 第6回

清水 誠 2011/12/20 9:00 (94)(94)(72)

今回は、ページのURLごとにGoogleアナリティクスのデータを自動的に取得してきて、ピボットテーブルで分析できる便利なコンテンツインベントリのテンプレート「Webコンテンツ在庫表」(しかも、コピーしてあなたのサイトでそのまま使える!)を紹介する。

高松 建太郎(クリエイティブホープ) 2011/12/19 8:00 (25)

Webの成長期に入る企業の事例として、劇団四季インターネット担当の植田義人氏のインタビューをお届けする。植田の外部ベンダーと連携しながら業務を進めるワークスタイルは、読者にもきっと役に立つはずだ。

Web担当者たるもの、かくあるべし 「Web担道」秘伝の書

“マッチョWeb担当者”になり、外部パートナーを活用せよ <成長期 その3>

高松 建太郎(クリエイティブホープ) 2011/11/11 9:00 (94)(45)

“成長期”のWeb事業をさらにドライブすることをテーマに、試算表活用とWeb資産価値向上のための指針を解説してきたこれまでの記事を読み、「今の自分にはちょっと大変すぎる」とか「ウチの会社じゃ無理」と諦めてしまった人もいるかもしれない。しかし、自問してみてほしい、「自分のなかに甘えているところがないか?」と。

安田英久(Web担 編集長) 2011/11/08 12:00 (68)(42)(22)

今日は、漫画コンテンツの作り方や舞台裏を紹介します。Webサイトのコンテンツとして文章やFlashは作ったことがあっても、漫画を作った人は多くないのではないでしょうか。結構大変なんですよ、これが。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

RFP不要! サイトを作ってCMSを選ぶ 第5回

清水 誠 2011/10/11 9:00 (34)

今回は、時間と予算を節約しつつ、適切なCMSを選定する方法と留意点を紹介する。「小さく作って速く改善!」という方針で進めることに留意しつつ、RFP(要求仕様書)が不要な方法論をお教えしよう。

宮脇睦(有限会社アズモード) 2011/10/05 8:00 (44)(23)

読者にやってみたい、買ってみたいと思わせるのがブラック・テキスト芸の目指すところです。行動させるための文章術と換言してもよいでしょう。前々回好評のブラック・テキスト芸の実践手法をお届けします。

日本ネット経済新聞 編集部 2011/09/08 7:00 (26)

吉本興業の子会社、よしもとクリエイティブ・エージェンシーは、動画配信サイト「ワロター!」を開設した。お笑いDVDや地上波テレビのバラエティ番組など、有料と無料の動画を配信する。

高松 建太郎(クリエイティブホープ) 2011/09/06 9:00 (41)(24)

P/LやB/Sなど試算表を活用して経営層に投資させることを推奨した前回に続いての「Web成長期」の働き方、今回は、「経営者に投資させるためにWeb事業をどう進めていけば良いか」「Web事業の“成長期”には、どういうことをすべきか」を解説する。

宮脇睦(有限会社アズモード) 2011/08/24 8:00 (58)(82)

ここ数か月で、ツイッターの発言を発端とした騒動を多数見かけます。ツイッターは道具、効能は使う人間に委ねられ、プラスにもマイナスにもなります。だれもが自由に発言できる今、私的なつぶやきが、企業にとって「舌禍」とならないための「私的利用」について対策を考えます。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

ソーシャルとSEOを意識してサイト名を付ける7つのポイント 第4回

清水 誠 2011/08/23 9:00 (69)(119)(78)

今回は、「サイト名の決め方」だ。ソーシャルや検索が関係するオンラインならではの留意点を整理する。サイト名を決めるための7つのチェックリストと、狙うべき3つのゴール、そして効果測定の方法について、予算1万円でもできる簡単な方法を紹介しよう。

JWDA通信 10年後のWEB業界でも役立つ情報を届ける

Webクリエイターのステージを広げる動画スキル習得ステップ

クロスコ株式会社 2011/08/11 8:00 (95)(64)(46)

高速なインターネットとデジタルメディアの実現によって、好きな時間に好きなデバイスで視聴できる「動画」コンテンツの利用が加速している。Webクリエイターが動画スキルを身に付けるためのステップを紹介する。

鶴田 修朗 2011/08/03 9:00 (25)

企業のWebサイトは規模が大きくなればなるほど、「リスク」を適正に管理するのが難しくなる。Webサイトの「リスク」とは何か、どうすれば効率的にそのリスクをマネジメントできるのかを紹介した、日本IBMの雨宮吉秀氏の講演をレポートする。

Web担編集部 2011/07/28 10:00 (30)

Scene7のパワーはPC向けの自社サイトだけに限定されていない。スマートフォン対応はもちろん、Facebookやmixiなどの外部ソーシャルメディアサイト上でも、また、メールや印刷物でも、最適なユーザー体験を提供できるように設計されている。

安田英久(Web担 編集長) 2011/07/26 12:00 (115)(70)(51)

今日は、「ゲーミフィケーション」という言葉・概念を紹介します。私もまだよく理解しきっていないのですが、今後のWebサイトやWebサービスではかなり重要度が高いのではないかと感じてるものです。

Web担編集部 2011/07/25 10:00

「ウェブtoプリント」は、ウェブ向けのサービスとしては少し毛色の違ったサービスだ。ビジュアルコンフィグレーションのようにオンラインで名入れやカスタマイズをした結果を、こちらでは印刷できるPDFとして出力するものだ。

Web担編集部 2011/07/20 10:00 (23)

ビジュアルコンフィグレーションは、ダイナミックイメージングと並ぶ、Scene7の目玉機能の1つで、商品をお客さんが自由にカスタマイズしたり組み合わせたりできる場合に、どんな結果になるのかを、サイトでその場でわかりやすく表示するための仕組みだ。

Web担編集部 2011/07/14 10:00

Scene7には、100種類以上のビューア・プレイヤーが用意されているので、そのまま使ったり、パーツを組み合わせたり細かくカスタマイズしたりして、好きな自社専用の「マルチメディアビューア」を作れる。

田口 和裕 2011/07/12 8:00

数種類のブラウザと携帯電話だけに対応しておけばよかった数年前と違い、インターネットコンテンツを閲覧できる環境が飛躍的に増え、ソーシャルメディアによりユーザーの声も可視化されている。このような時代におけるWebコンテンツ管理について、サイトコアの高沢冬樹氏が解説した。

Web担編集部 2011/07/11 10:00

動画を簡単にサイト上に掲載できるeビデオ機能では、動画の途中でクリックできる場所(ホットスポット)を設け、クリックすると追加の情報を表示したり、商品をショッピングカートに追加したりといったを設定もできる。

Web担編集部 2011/07/06 10:00 (27)

Scene7のeカタログは、印刷用のカタログのデータから、電子ブック的に使えるオンラインカタログを「作り」「公開する」機能だ。eカタログにはクリックできる「ホットスポット」も設定できる。

Web担編集部 2011/07/01 10:00 (23)

テンプレート画像とFlashコンテンツを使用したプロモーションバナー上に、対象顧客にマッチしたメッセージをリアルタイムに配信。動的にさまざまなバリエーションのバナー画像を作れるので、訴求力をアップしつつ工数を削減できる。

Web担編集部 2011/07/01 9:00 (32)

安心感・信頼感のあるWebサイトづくりでコンバージョン率を高めた7つの事例を交えて紹介する資料をWeb担当者Forumで作りましたので、ダウンロードしてご覧ください。

Web担編集部 2011/06/28 10:00 (32)

サイズ変更、編集、インタラクティブズーム、カラー見本、複数画像表示、360度回転など、「商品をよりよく知って」納得して買ってもらうための表現機能だ。

JWDA通信 10年後のWEB業界でも役立つ情報を届ける

つなぐ、とどける、うごかすクリエイティブ

米田純也(JWDA アワード&... 2011/06/21 9:00 (31)

ソーシャルメディアの革新とマルチデバイスの急加速と同時に、コミュニケーションの可視化が進む今、「つたわるクリエイティブ」を生むためにはどうしたらよいでしょうか。弊社での研究内容やケーススタディを紹介します。

Web担当者たるもの、かくあるべし 「Web担道」秘伝の書

成長期のWeb事業をさらにドライブするにはPL/BSを活用する <成長期 その1>

高松 建太郎(クリエイティブホープ) 2011/06/17 9:00 (41)(60)

この記事では、Web担当者としての仕事の「進め方のヒント」を、ステージ別に解説する。第3回からは、Webサイトの「成長期における考え方と仕事のやり方」を解説する。Webサイトの成長期にはイノベーションが必要だ。そのためには経営層を説得する必要があるはずだ。そこでPLやBSが出てくるのだ。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

ソーシャルメディアからの「予測できない流入急増」もガッツリとらえて改善する 第3回

清水 誠 2011/06/16 9:00 (47)(66)(27)

「9歳の息子がDropboxの更新通知を使ってチャットしてきたぁ」へのアクセスが1年後に急増。兆候をTwitterでとらえて最適化したところ、センチメントと直帰率が改善。楽に続けられるモニタリングとLPOについて紹介。

安田英久(Web担 編集長) 2011/06/07 12:00 (995)(710)(853)

今日は、Webページのデザインやワイヤーフレームの検討時に考慮すべき、ユーザーの閲覧環境について。特に、ブラウザの本当の表示領域を生データから紹介します。

JWDA通信 10年後のWEB業界でも役立つ情報を届ける

10年後を生き抜くWeb業界の心得10か条

JWDA会長 中川直樹 2011/05/11 9:00 (722)(344)(218)

Web制作の領域は、もはやWebブラウザのなかだけではありません。新たなステージへパラダイムシフトするWeb業界において心得ておくべき10か条を、Web制作者のみなさんにお伝えします。

池田真也(Web担 編集部) 2011/04/21 21:44 (76)(36)

一般社団法人 日本WEBデザイナーズ協会(JWDA)は、第6回「JWDA WEBデザインアワード」の授賞式を4月18日に開催した。第6回の応募作品は約150点、授賞式会場では、例年以上に高いレベルの作品が寄せられたというアワードのグランプリ受賞作品が発表された。

高松 建太郎(クリエイティブホープ) 2011/04/18 9:00 (37)(67)(34)

今回は、Webサイトの立ち上げ期に多い「予算が少ない」状況から、どうやって成果を上げ、Webサイトを成功させるかを解説する。大切なのは、経営者と共有できる“ものさし”を理解し、それにあわせて施策を考えることだ。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

サイトに必要なコンテンツを“メタデータ”と“マッピング”で洗い出す 第2回

清水 誠 2011/04/13 9:00 (64)(70)(53)

Webサイトを1万円で「小さく」作って、それを運用しながら効率良く改善・最適化していく方法を解説するこのコーナー、今回は、サイト上でどのような機能やコンテンツが必要なのかを、メタデータとマトリックスで整理する方法について紹介したい。

HTML+CSSコーディングが10倍速くなるZen Coding

HTMLを一気に書き上げよう | Zen Coding 3-5

こもり まさあき・岡部 和昌 2011/03/09 8:00 (32)

ここまで紹介した書式を組み合わせれば、HTMLを、「Zen Codingの記述」で一気に書いて、展開・生成することができます。

HTML+CSSコーディングが10倍速くなるZen Coding

Zen CodingでよりスマートにHTMLを書く | Zen Coding 3-4

こもり まさあき・岡部 和昌 2011/03/03 8:00 (29)

Zen Codingでは、コードを入力してからテキストを入力する方法と、テキストを先に入力しておいて、HTMLタグを適用する方法があります。また、同じタグをくり返すコードを一気に書くこともできるのです。ここからは、Zen CodingでHTMLをよりスマートに書くために覚えておきたい入力方法について説明します。

HTML+CSSコーディングが10倍速くなるZen Coding

HTMLでよく使うタグをZen Codingで入力する | Zen Coding 3-3

こもり まさあき・岡部 和昌 2011/02/25 8:00 (27)

それでは、HTMLコーディングでとくによく使うHTMLタグをZen Codingで入力する方法を、くわしく見ていきましょう。

安田英久(Web担 編集長) 2011/02/21 9:00 (1010)(1865)(749)

Webサイトのデザイン決定のプロセスに関する調査を行ったところ、90%がターゲット消費者の意見を聞かずにデザインを決定しており、デザイン決定のポイントは、「発注側の経営者・上司・担当者の好み」が多数、「発注側の経営者や上司の独断的な意向で最終決定の直前にデザインがひっくり返って」困ったことがあるのは27.3%。そんな結果が出た。

HTML+CSSコーディングが10倍速くなるZen Coding

Zen Codingの便利な機能 | Zen Coding 3-2

こもり まさあき・岡部 和昌 2011/02/21 8:00 (28)

Zen Codingには、便利な機能がいろいろあります。これらの便利な機能をタグ入力支援機能と組み合わせることで、快適な高速コーディングが実現できます。

安田英久(Web担 編集長) 2011/02/15 12:00 (56)(149)(46)

今日は、ネット上での「生中継」や「動画の長さ」について。USTREAMやTwitterでの生中継は、だれ向けに何のためにやるかによって有効性が変わってくるのではないでしょうか。

Web担当者たるもの、かくあるべし 「Web担道」秘伝の書

新規にWebサイトを立ち上げるときの心構えと準備 <サイト立ち上げ期 その1>

高松 建太郎(クリエイティブホープ) 2011/02/15 9:00 (50)(94)(79)

この記事では、Web担当者としての仕事の「進め方のヒント」を、ステージ別に解説する。この記事を読んで、問題への対処方法を知り、気概をもつきっかけとし、最終的にはWeb担当者としての「道」を極めてほしい。

HTML+CSSコーディングが10倍速くなるZen Coding

Zen Codingの基本的な使い方 | Zen Coding 3-1

こもり まさあき・岡部 和昌 2011/02/15 8:00 (32)(42)

Zen Codingを使ってHTML/CSSコーディングでは、Zen Codingを導入した環境でそれぞれのHTML/CSSタグの「省略形」といわれる略語を入力し、「展開」すると、統合開発環境のスニペット(統合開発環境から短いプログラムコードを呼び出す機能)のように、一連のコードが生成されるしくみになっています。

1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善

サイトの「目的と構成」を、まず図解する 第1回

清水 誠 2011/02/14 9:00 (89)(120)(152)

「SEO」「アクセス解析」から、「Webマーケティング」「CMS」、さらに「UX」「IA」「フロントエンド技術」まで…。とにかく覚えることが多いWebの世界。専門性を高めるのも大事だが、すべてはつながっていることを忘れないようにしてほしい。分業は組織がスケールするための工夫の一つに過ぎない。完璧を目指さず、もっと力を抜いて、バランスの取れた効率が良い構築・運用方法を提案したい。それも抽象的な方法論ではなく、具体的でマネができる実践的な方法で。

Web担編集部 2011/02/09 9:00 (55)

サイト全体を管理するウェブマスターは、Webガバナンスやブランドイメージの観点からサイトのデザインやスタイルにルールを適用する仕組みにしたがるものだ。いっぽう、現場でコンテンツを登録するWeb担当者は、もっとユーザーにアピールできる自由なデザインを求める。この2者の、どちらの要望も満たして問題なく運営できるサイト管理システムはないものだろうか?

HTML+CSSコーディングが10倍速くなるZen Coding

WordPressへのインストール | Zen Coding 2-8

こもり まさあき・岡部 和昌 2011/02/08 8:00 (54)(48)

WordPressは、無料で使えるインストール型ブログツールです。WordPressの記事作成画面でも、Zen Codingを使うことができます。WordPress用のZen Codingプラグイン「WP Zen Coding」は、作者rewish氏によるWP Zen Codingのページで配布されています。

HTML+CSSコーディングが10倍速くなるZen Coding

MovableTypeへのインストール | Zen Coding 2-7

こもり まさあき・岡部 和昌 2011/02/02 8:00 (21)

Movable Typeは、多くのユーザーを持つインストール型ブログツールです。Movable Typeの画面エディタやテンプレート編集エディタでも、Zen Codingを使うことができます。Movable Type用のZen Codingプラグイン「MT Zen-Coding」は、作者Tiny Beans氏によるMT Zen-Codingのページで配布されています。

HTML+CSSコーディングが10倍速くなるZen Coding

秀丸エディタへのインストール | Zen Coding 2-2

こもり まさあき・岡部 和昌 2011/01/27 8:00 (33)(35)

秀丸エディタは、Windows用の定番テキストエディタ(シェアウェア)です。プログラマをはじめ、多くのユーザーに利用されています。秀丸エディタのZen Codingマクロは、作者smogami氏のサイトの「秀丸マクロでZen Coding」のページで配布されています。

安田英久(Web担 編集長) 2011/01/25 12:00 (37)(123)(59)

今日は、「ソフト404ページ」の話題を。検索エンジンを困らせるぐらいで実害はほとんどないのですが、ウェブマスターとしては少し恥ずかしい、そんなサイトの不具合の話題です。

HTML+CSSコーディングが10倍速くなるZen Coding

Dreamweaverへのインストール | Zen Coding 2-1

こもり まさあき・岡部 和昌 2011/01/21 8:00 (66)(36)

Dreamweaver(Windows/MacOS)用のエクステンションは、Zen Codingの公式サイトで配布されています。Windows用もMacOS用も、同じファイルが使えます。

HTML+CSSコーディングが10倍速くなるZen Coding

Zen Codingでできる、あんなことこんなこと | Zen Coding 1-2

こもり まさあき・岡部 和昌 2011/01/17 8:00 (89)(131)

Zen Codingでは、よく使うコードを「省略形」で入力するだけで、さらにかんたんにコードを入力することができます。

ページ

日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

人気記事トップ10(過去7日間)

今日の用語

重複コンテンツ
同じドメイン名内、または他のドメイン名にわたって存在する、「内容は同じだがURL ... →用語集へ

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

GOLD SPONSOR
さくらインターネット株式会社株式会社KDDI ウェブコミュニケーションズ株式会社日本レジストリサービスオープンテキスト株式会社トランスコスモス株式会社株式会社ハイパーボックスDomain Keeper
SPONSOR
株式会社キノトロープ株式会社アイレップ株式会社ニューズ・ツー・ユーシックス・アパート株式会社ウェブアンテナ株式会社サイバーエージェント富士通株式会社Sitecore