SlideShare una empresa de Scribd logo
1 de 54
Descargar para leer sin conexión
イマドキWebメディアの制作手法
井村 圭介
KEISUKE IMURA
ファンタラクティブ株式会社 CEO / デザイナー / エンジニア
フリーランスを経てWeb制作会社を設立。CMS案件やWebサービス開発に多数関わる。

Webに関することならデザイン・フロントエンド・バックエンドと幅広くこなすオール
ラウンダー。2015年はDjangoを使った自社サービスを開発中。
9000万PV以上のメディア運用、200万PVのファッ
ションブランドサイト運用、200万PVのサービス運
用など、大規模サイトの運用も行なっています。
https://funteractive.co.jp/
株式会社LiB チーフデザイナー
WordBench東京モデレータ
書籍の執筆、登壇などもしています
‒NewsPicks - スマホ時代の王座をかけた「勝負の1年」が始まる(https://newspicks.com/news/767057/)
圧縮型コンテンツの時代となるとともに、勝負の軸は「数」か
ら「クオリティ」や「密度」に移る。
レストランにたとえると、ひたすら低価格で、健康に悪くとも、
そこそこうまいものが売れた「ファストフード」の時代から、少々
高くても、健康によくて、おいしいもの求める「クオリティフー
ド」の時代がやってくる。
ユーザが見たいのはコンテンツ。

価値を生むのもコンテンツ。

コンテンツ作りに集中できる

「箱」の作り方の話をします。
Webメディアに必要な基礎テクノロジー
• PCでもタブレットでもスマートフォンでも快適に見られるテンプレート
• 更新しやすい管理画面
• アクセス解析やコンバージョン、ユーザの動きを測定するためのスクリプトの挿入
• SEOを考慮したマークアップ


レスポンシブ / CMS / 解析 / SEO

コンテンツ以外のところはなるべく自動でいい感じに
• 見出し、テキスト、画像を入れるだけで綺麗に見えるスタイ
リング。画像はドラッグアンドドロップとか管理画面でフリー
素材を検索できたり
• 関連記事や人気記事、ページングやSNSボタンはほどよいと
ころに自動で出す
• アクセスや記事数による負荷なんて気にならない。いつもサ
クサク
メディア開発の手法を3パターンにわけました
イマドキWebメディアの制作手法
初期費用
運用コスト
月額費用
構築速度
カスタマイズ性
移行コスト
初期費用
運用コスト
月額費用
構築速度
カスタマイズ性
移行コスト
初期費用
運用コスト
月額費用
構築速度
カスタマイズ性
移行コスト
Webサービス
0∼数百万円
既存の Webサービスを利用する。
更新しやすいシステムや集客基
板、安定したインフラ環境を最
初から備えている。
WordPress など自分のサーバに
CMS をインストール。既存のテ
ンプレートをそのまま使う、もし
くは少し改造して使う。サーバは
自分で用意する必要がある。
Ruby on Rails, Laravel,
Django, WordPress などアプリ
ケーションフレームワークを使っ
て開発。エンジニアが必要。
CMS テンプレート アプリケーションフレームワーク
0∼300 万円 200∼5000 万円
Webメディア企画・運営者に必要なスキル
Webサービス
運用難易度:低
開発不要 開発工数大
運用難易度:中 運用難易度:高
●サービスを選ぶ情報力 ●基礎的な HTML の知識
●ドメインや DNS の知識
●サーバの知識
●人を集める力
●お金を集める力
●チームでの開発経験
CMS テンプレート アプリケーションフレームワーク
開発しなくていいなら開発しないほうがいい
Webサービスを利用したメディア制作
初期費用
運用コスト
月額費用
構築速度
カスタマイズ性
移行コスト
0∼数百万円
• 無料のものも多いが、初期費用や月額費用は
0∼数百万まで様々。
• パッケージ化されているので、申し込みから
立ちあげまでのスピードが爆速。
• マークダウンの導入やCCの画像利用など書き
やすい工夫がされているが、カスタマイズ性
は往々にして低い
• サービスによってはデータを取り出せない場
合もあるので注意
• サービスの利用規約によるアカウント停止や
サービスの急な終了のリスクあり
Webサービスを使ったメディアの例
クレジットカードのよみもの

http://cards.hateblo.jp/
はてなブログ
リクナビNEXTジャーナル

http://next.rikunabi.com/journal/
はてなブログMedia
め∼んずスタジオ

http://www.asuka-xp.com/
ライブドアブログ
メディアを作れるWebサービス
はてなブログ
http://hatenablog.com/guide
⃝ はてな記法、マークダウンなど書きやすい記法
⃝ 役立つ記事であればアフィリエイトもOK
⃝ AmazonアソシエイトIDやiTunesアフィリエイ
トIDを管理画面から設定できる
⃝ はてブがつきやすい
⃝ デフォルトでアクセス解析がついている
⃝ テーマストアもそこそこ充実
メディアを作れるWebサービス
はてなブログMedia(企業向けプラン)
http://hatenablog.com/guide/media
⃝ はてなブログと共通のシステムでコンテンツが
書きやすい
⃝ proxyを設定して、企業ドメイン直下に設置可能
⃝ SEOに強い
⃝ WEBトレンドに合わせた開発
⃝ 安定した保守運用
⃝ 寄稿オプションプランでコンテンツ制作も相談
可
メディアを作れるWebサービス
WiX
http://ja.wix.com/
⃝ サイトジェネレート系サービスは今注目
⃝ SquarespaceやJimdoなどの競合と比べてブロ
グテンプレートが多くメディアサイトに使いやすい
⃝ WiXの用意したフリー素材が使える
⃝ オリジナルドメインや広告非表示、アナリティ
クスなどは有料
× 英語圏メインのサービス
× はてなに比べると書きづらい
サーバ保守、セキュリティ、SEO、

技術のキャッチアップなど面倒な運用を

サービス側に依存できる。
Webサービスを使うメリット
今日紹介したもの以外にも

便利なサービスが出ている&出てくるはず。

情報収集を欠かさずに。
まだ黎明期。これからアツい分野だと思ってます。
• メディアやるならWordPressがオススメ
• WordPressはCRM機能は薄いので、物足り
ない方はぜひ他のCMSの調査を。(CRMに
強いCMSを使ったこと無いので紹介できなく
てすみません & Cybozu WP to kintoneも要
チェック!)
• ドメイン、DNSとサーバ、HTMLについての
知識は多少必要なので勉強してください
• デザインのカスタマイズは割と簡単だが、CMS
仕様に無い機能のカスタマイズはとても大変
CMSテンプレートを使ったメディア制作
初期費用
運用コスト
月額費用
構築速度
カスタマイズ性
移行コスト
0∼300 万円
CMSテンプレート(カスタマイズ含む)を使ったメディアの例
TABI LABO

http://tabi-labo.com/
WordPress Twenty Fourteen 子テーマ
サイボウズ式

http://cybozushiki.cybozu.co.jp/
Movable Type
gori.me

http://gori.me/
  WordPress zeeSynergy カスタマイズ
インストール型CMSでメディアを作るならWordPressがオススメ
WordPress
https://ja.wordpress.org/
⃝ インストール直後からブログ投稿がすぐできる
⃝ 日本語環境でのCMSシェア85.6%でダントツの
首位(W3Techs.com調べ 2015/1/12現在)
⃝ 有料/無料問わず圧倒的なテーマ数&プラグイン
数
⃝ ほとんどのレンタルサーバですぐ使える
⃝ 数万件の記事までは速度も問題なし
⃝ 別フレームワークへの移行も実績多数あり
まずは公式テーマを探してみて
Free WordPress Themes
https://wordpress.org/themes/
⃝ 全部無料
⃝ テーマレビューチームが安全性や汎用的に使え
るかどうかをチェック済み
⃝ 野良テーマには悪質なコードやライセンス違反
が混入していることがしばしば(事業に使うには重
大なリスク)
有料テーマサイトもたくさん
ThemeForest
http://themeforest.net/category/wordpress
⃝ デザイン面も機能面も充実
⃝ 1つ購入する限りはGPLでライセンスも
WordPressに則ったものでした
⃝ 安全性や品質の保障はされないのでご利用は自
己責任で
Jetpack by WordPress.com
https://wordpress.org/plugins/jetpack/
⃝ Automattic社作、多機能プラグイン
⃝ SNSボタン
⃝ マークダウン
⃝ Video Press:動画投稿(有料)
⃝ Photon:CDN
メディアに便利なWordPressプラグイン
Google XML Sitemaps
https://wordpress.org/plugins/google-sitemap-generator/
⃝ コードを書かずにsitemap.xmlを生成
⃝ しばらく更新が無かったが、2014年11月にメン
テナンスされ、最新のWordPress4.1に対応
メディアに便利なWordPressプラグイン
Google Analytics by Yoast
https://wordpress.org/plugins/google-analytics-for-wordpress/
⃝ コードを書かずにGoogle Analytics導入
⃝ 技術のキャッチアップが早い(2015年1月現在)
⃝ ダッシュボードで重要な指標を見られる機能も
開発中らしい…
メディアに便利なWordPressプラグイン
VaultPress
https://wordpress.org/plugins/vaultpress/
⃝ Automattic社作、バックアップ&セキュリティ&
サポートサービス
⃝ ソースコードの設定、一切不要
⃝ 月$5∼の料金プラン。安い
⃝ 別サーバにファイルとDBをデイリーバックアッ
プ。自社リソースを食わない
× マルチサイトの場合は、サイトごとに契約が必
要
メディアに便利なWordPressプラグイン
Simple GA Ranking
https://wordpress.org/plugins/simple-ga-ranking/
⃝ アクセス数の多い記事をランキングで表示する
プラグイン
⃝ Google Analyticsからデータを取得するので、
自分のサーバに負荷をかけず、データも正確
⃝ 人気記事はユーザにとっても有用な情報
メディアに便利なWordPressプラグイン
メディアに便利なWordPressプラグイン
Milliard関連ページプラグイン(Related Posts Line-up-Exactly by Milliard)
http://corp.shisuh.com/milliard関連ページプラグインについて
⃝ 記事に対する関連記事を表示するプラグイン
⃝ アイキャッチ画像の比率に関係なく、綺麗に並
べてくれる
⃝ 入れるだけできれいなスタイリング。ラク
⃝ タグとカテゴリーから関連性の高い記事を自動
で表示
そこそこおしゃれで
SEOに強く
マークダウンで書けて
アクセス解析完備
バックアップもばっちり
人気記事と
関連記事リスト付きの
メディアができます。
ここまで入れると…
デザイナー工数だけでメディアが出来上がる!
オリジナルデザインにしたい時も
• 中規模以上の広告モデル、コンテンツ課金な
どメディア内で決済や細かいデータの取得が
必要な場合は、迷わず開発
• たくさんお金がかかります
• たくさん時間がかかります
• 何でもできるが、うまくワークさせるには力
量のあるエンジニアとデザイナーが必要
• 同じデータベースを利用してアプリにも展開
できる
アプリケーションフレームワークを使ったメディア開発
初期費用
運用コスト
月額費用
構築速度
カスタマイズ性
移行コスト
200∼5000 万円
バックエンド
• Ruby on Rails
• Laravel
• Django
• express
• WordPress
• AngularJS
• Backbone.js
• Knockout.js
• React.js
• Ampersand.js
フロントエンド
フレームワーク / ライブラリ
AWS最高!
⃝ スケールアップ、スケールアウトどちらも自
由自在。メディアの成長に合わせてインフラも
育てられる。
⃝ 進化のスピードがものすごい。価格、機能、
ユーザビリティ全ての面で日々進化中。
⃝ 24時間/365日のサポートプランも$100∼
(ビジネスプランの場合)と激安。
アプリケーションフレームワークで開発されたメディアの例
NewsPicks

https://newspicks.com/
AngularJS + ?
nanapi [ナナピ]

http://nanapi.jp/
PHP + CakePHP
RAW-Fi

http://raw-fi.com/
Ruby on Rails
アプリケーションフレームワークで開発されたメディアの例
THE BRIDGE

http://thebridge.jp/
Handlebars.js + WordPress
iemo

http://iemo.jp/
Ruby on Rails?
株式会社LIG

http://liginc.co.jp/
WordPress
IT開発は難しい。
失敗あるある
• 立派なデザインのメディアを作って半年、記事も毎日上げて
いるのにPVはほとんど無い。作ってもらった制作会社は対応
が悪く公開と同時に関係を切った。改善策を打ちたいがどう
していいかわからない。
• 複雑な要件のメディアをなんとか期日どおり公開したものの、
ソースはめちゃくちゃ。PDCAを回すにも手を入れるとどこ
でバグが出るかわからない。
• 記事を増やすごとに重くなっていく管理画面。制作会社に頼
んでも数百万単位で追加の見積もりが上がってくる。
制作会社の目標は納品して請求書を出すこと。
メディア運営者の目標はPDCAを回してメディアを育てること。
ゴールが違うので当然食い違う。
制作会社経営しておいてなんですが…
失敗例として上げたものはシステム運用に責任を
持つステークホルダーがいない、ということが
共通の原因になっている。
社内に1人はコントロールタワーになれるエンジニアを。
月額契約での外注でもリモートワークでも、働き方は何でもOK!
解決策
• メディアに必要な技術と実装方法がわかる
• 新しい技術やサービスのキャッチアップ力が高い
• 簡単な修正は自分で手を動かして解決できる
• 狙うターゲットに刺さるデザインディレクションができる
• クラウドサーバの知識がある
• IT開発の現場をよく知っていて、チームのムードを作ることができる


責任と技術を持った人

自分がなるか、必死で探すか…
責任の持ってもらい方
• 関わりたくなる面白い事業を作る
• 自由と信頼を与える
• 共同創業やストックオプションなどで株式を渡す
• 月額+成果オプションを乗せる
チーム・デザインパターン
編集長
コントロールタワー
・記事書く

・クオリティチェック
・プログラミング

・デザイン

・インフラ
チーム・デザインパターン
・方向性決める

・クオリティチェック
・プログラミング

・インフラ

・ワイヤー設計

・デザインディレクション
編集長
コントロールタワー
ライター
デザイン会社
ライター
カメラマン
チーム・デザインパターン
・方向性決める
・技術選定

・タスク管理
編集長
コントロールタワー
ライター
ライター
カメラマン
品質管理
品質管理
デザイン会社
デザイナー プログラマー
プログラマー
インフラエンジニア
開発会社
・ワイヤー設計

・コードレビュー
コントロールタワーさえしっかりしていれば、
外注でも内製でも応用が効く
コントロールタワー業務、請け負っています(笑)
https://funteractive.co.jp/
• イベントに顔を出したり、成功体験のある人に紹介してもらう。
• 実際に会って、一緒にビジネスができるかどうか見極める。
• 相手に責任をもってもらえるような利益の分配の仕方を考える。


責任と技術を持った人

宣伝はさておき、うまく探してください
まとめ:こんなサイトに向いてます
Webサービス
●集客してアフィリエイト
●集客してブランディング、
 他サービスに流す(いわ
 ゆるオウンドメディア)
●広告モデルやサービス拡大
 での収益化を考えているけど
 立ち上げ期
●集客するだけして EXIT 狙い
●小∼中規模の広告&アフィリ
 エイト収益モデル
●大規模の広告モデル
●集客してコンテンツ課金
●Consumer Generated Media
CMS テンプレート アプリケーションフレームワーク
まとめ:運用体制
Webサービス
●運用はサービスにお任せ ●サーバの管理
●デザイナーがいればある程度
 メンテナンスや調整は可能
●大量アクセスや記事が多く
 なってきた時はエンジニアの
 力が必要
●核となれるコントロールタワー
 人材が必要
●人件費、インフラ費用を補うだ
 けのビジネスモデルが必要
●ディレクションができる人間が
 いれば作業は外注でも OK
CMS テンプレート アプリケーションフレームワーク
今日言いたかったこと
• コンテンツを作るのに集中できる箱を作ろう。
• 開発する前に、やりたいことはWebサービスやテンプレートで
実現できないか、開発に踏み切る場合はチームと予算を えら
れるか考えよう。
• 開発する場合はコントロールタワーになれる人を全力で探そう。
相談ブースや懇親会にもいますので

制作にご興味ある方はお声掛け下さい!

Más contenido relacionado

La actualidad más candente

ディレクターが身につけておきたいチームビルディング
ディレクターが身につけておきたいチームビルディングディレクターが身につけておきたいチームビルディング
ディレクターが身につけておきたいチームビルディングeriko yamada
 
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターデザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターtake-it
 
Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)
Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)
Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)Mariko Hayashi
 
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬんコンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬんKenta Nakamura
 
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツサービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツYumi Masaki
 
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法Yasuji Takase
 
WEBディレクターとは?
WEBディレクターとは?WEBディレクターとは?
WEBディレクターとは?mishikawa
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮schoowebcampus
 
後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきこと後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきことYu Morita
 
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティあなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ力也 伊原
 
中堅Webクリエイティブ職のキャリアを考える(序章)
中堅Webクリエイティブ職のキャリアを考える(序章)中堅Webクリエイティブ職のキャリアを考える(序章)
中堅Webクリエイティブ職のキャリアを考える(序章)Mariko Hayashi
 
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.000からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00Yusuke Kojima
 
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)Motoho Jitsukawa
 
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライドKenta Nakamura
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン力也 伊原
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックAkiko Kurono
 
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_1501170からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117direkyo-kyusyu
 
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次schoowebcampus
 
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方Ayaka Sumida
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道schoowebcampus
 

La actualidad más candente (20)

ディレクターが身につけておきたいチームビルディング
ディレクターが身につけておきたいチームビルディングディレクターが身につけておきたいチームビルディング
ディレクターが身につけておきたいチームビルディング
 
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターデザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
 
Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)
Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)
Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)
 
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬんコンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
 
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツサービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツ
 
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
 
WEBディレクターとは?
WEBディレクターとは?WEBディレクターとは?
WEBディレクターとは?
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきこと後進の育成のためにディレクターがすべきこと
後進の育成のためにディレクターがすべきこと
 
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティあなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
 
中堅Webクリエイティブ職のキャリアを考える(序章)
中堅Webクリエイティブ職のキャリアを考える(序章)中堅Webクリエイティブ職のキャリアを考える(序章)
中堅Webクリエイティブ職のキャリアを考える(序章)
 
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.000からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
 
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)
 
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
 
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_1501170からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
 
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
 
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
 

Similar a イマドキWebメディアの制作手法

20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terailoftwork
 
CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理
CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理
CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理SKword Co.,Ltd.
 
こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大Takafumi Tsuda
 
なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料)
 なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料) なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料)
なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料)ニフティ株式会社
 
“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント
“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント
“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイントMonster Dive, Inc.
 
メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606
メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606
メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606ZappyLink Co.,Ltd.
 
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glblインタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glblInteractive Creators Tokyo
 
【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版
【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版
【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版真一 藤川
 
SPEC - 人と組織のスペックをあげていこう支援
SPEC - 人と組織のスペックをあげていこう支援SPEC - 人と組織のスペックをあげていこう支援
SPEC - 人と組織のスペックをあげていこう支援masaki sukeda
 
【Glide活用】ノーコードではじめるビジネスアプリ講座
【Glide活用】ノーコードではじめるビジネスアプリ講座【Glide活用】ノーコードではじめるビジネスアプリ講座
【Glide活用】ノーコードではじめるビジネスアプリ講座Kazuhiro Takada
 
なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)
なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)
なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)ニフティ株式会社
 
リモートワーカー働き方実態とテレワーク導入企業事例について
リモートワーカー働き方実態とテレワーク導入企業事例についてリモートワーカー働き方実態とテレワーク導入企業事例について
リモートワーカー働き方実態とテレワーク導入企業事例についてZappyLink Co.,Ltd.
 
2004チームspec_紹介資料
2004チームspec_紹介資料2004チームspec_紹介資料
2004チームspec_紹介資料masaki sukeda
 
webサイトを効果的に活用していく人材戦略とは?
webサイトを効果的に活用していく人材戦略とは?webサイトを効果的に活用していく人材戦略とは?
webサイトを効果的に活用していく人材戦略とは?ニフティ株式会社
 
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!Noriaki Sugimoto
 
ワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロ
ワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロ
ワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロYoshiaki Kaneda
 
VOCの活用方法 CSが軸となるサービス改善
VOCの活用方法 CSが軸となるサービス改善VOCの活用方法 CSが軸となるサービス改善
VOCの活用方法 CSが軸となるサービス改善reotoooshiro
 
土田企画ご紹介
土田企画ご紹介土田企画ご紹介
土田企画ご紹介耕平 土田
 

Similar a イマドキWebメディアの制作手法 (20)

20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai
 
CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理
CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理
CMSであらゆるコンテンツを内製出来る!? PowerCMSを応用したコンポーネント型管理
 
こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大
 
なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料)
 なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料) なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料)
なるべく安く効果の高いサイトをつくるには(【ネット&スマートフォンコマース2016】セミナー資料)
 
“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント
“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント
“MT on AWS”でWebサイト構築! 作り手が気をつけておきたいポイント
 
メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606
メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606
メディア立ち上げ・運用で社外ディレクターを活用する価値とは 201606
 
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glblインタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glbl
 
【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版
【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版
【WCAN 2015 spring】ワクワクドリブンエンジニアリング_公開版
 
SPEC - 人と組織のスペックをあげていこう支援
SPEC - 人と組織のスペックをあげていこう支援SPEC - 人と組織のスペックをあげていこう支援
SPEC - 人と組織のスペックをあげていこう支援
 
【Glide活用】ノーコードではじめるビジネスアプリ講座
【Glide活用】ノーコードではじめるビジネスアプリ講座【Glide活用】ノーコードではじめるビジネスアプリ講座
【Glide活用】ノーコードではじめるビジネスアプリ講座
 
なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)
なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)
なるべく安く効果の高いサイトをつくるには(【プロモーション&クリエイティブフォーラム2016】セミナー資料)
 
リモートワーカー働き方実態とテレワーク導入企業事例について
リモートワーカー働き方実態とテレワーク導入企業事例についてリモートワーカー働き方実態とテレワーク導入企業事例について
リモートワーカー働き方実態とテレワーク導入企業事例について
 
2004チームspec_紹介資料
2004チームspec_紹介資料2004チームspec_紹介資料
2004チームspec_紹介資料
 
webサイトを効果的に活用していく人材戦略とは?
webサイトを効果的に活用していく人材戦略とは?webサイトを効果的に活用していく人材戦略とは?
webサイトを効果的に活用していく人材戦略とは?
 
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
 
20160308seminar2
20160308seminar220160308seminar2
20160308seminar2
 
ワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロ
ワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロ
ワンカレ|フリーランスWebディレクターから見た”クリエイティブ”と”ビジネス”の使いドコロ・落としドコロ
 
Bazaar
BazaarBazaar
Bazaar
 
VOCの活用方法 CSが軸となるサービス改善
VOCの活用方法 CSが軸となるサービス改善VOCの活用方法 CSが軸となるサービス改善
VOCの活用方法 CSが軸となるサービス改善
 
土田企画ご紹介
土田企画ご紹介土田企画ご紹介
土田企画ご紹介
 

Más de Keisuke Imura

JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話Keisuke Imura
 
テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱Keisuke Imura
 
High Performance Gulp
High Performance GulpHigh Performance Gulp
High Performance GulpKeisuke Imura
 
Foundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップFoundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップKeisuke Imura
 
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Keisuke Imura
 
ベンチャー広報のための時短デザインテクニック
ベンチャー広報のための時短デザインテクニックベンチャー広報のための時短デザインテクニック
ベンチャー広報のための時短デザインテクニックKeisuke Imura
 
今日から始めるPython
今日から始めるPython今日から始めるPython
今日から始めるPythonKeisuke Imura
 
2015年に向けたWordPress動向
2015年に向けたWordPress動向2015年に向けたWordPress動向
2015年に向けたWordPress動向Keisuke Imura
 
イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境Keisuke Imura
 
スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作Keisuke Imura
 
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Keisuke Imura
 
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像Keisuke Imura
 
60点をとれるWebデザイン
60点をとれるWebデザイン60点をとれるWebデザイン
60点をとれるWebデザインKeisuke Imura
 

Más de Keisuke Imura (13)

JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話
 
テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱
 
High Performance Gulp
High Performance GulpHigh Performance Gulp
High Performance Gulp
 
Foundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップFoundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップ
 
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作
 
ベンチャー広報のための時短デザインテクニック
ベンチャー広報のための時短デザインテクニックベンチャー広報のための時短デザインテクニック
ベンチャー広報のための時短デザインテクニック
 
今日から始めるPython
今日から始めるPython今日から始めるPython
今日から始めるPython
 
2015年に向けたWordPress動向
2015年に向けたWordPress動向2015年に向けたWordPress動向
2015年に向けたWordPress動向
 
イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境
 
スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作
 
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
 
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
 
60点をとれるWebデザイン
60点をとれるWebデザイン60点をとれるWebデザイン
60点をとれるWebデザイン
 

イマドキWebメディアの制作手法