SlideShare a Scribd company logo
イ ス レーターでWebデザ ンしても
ラ ト
イ
制作現場で嫌われないデータ作成術
2013年12月6日
Knock! Knock! 勉強会

矢部靖人
1)Webデザインでイ
ラレはなぜ嫌われるのか
2)今イラレが注目される理由
3)Webデザイ
ンでイ
ラレを使うTips
今日の話は Webデザインの良し悪し」
「
ではなく、
「Webデザイ “データ”
ン用
の良し悪し」
です
1)
ラレはなぜ嫌われるのか
Webデザインでイ
・ ラレ て…DTPの人がデザインしたんでし ?
イ っ
ょ
→ Webのお作法とかわかっ
てないんだか
ら…
・ ん りイ
あ ま ラレ得意じゃないんだよね
→ 普通Psでし ? 微妙に使いにく
ょ
いんだよね…
・
エッジがにじむし、
画像が足
りなかった るし
りす
→ データ
が汚いんだよね…
イ
ラレがWeb制作現場で嫌われる原因
その多く
は先入観…
お互いに歩み寄 ませ
り んか
DTPもWebもない、
CS4まではWeb向きではなかった
今は?
り使え うにな ま
るよ
り した
Webでもかな
イ
ラレだっ
てデキ
る子なんです
!
ただ、
これだけだと
“積極的にイ
ラレ”
とはいかない…
2) ラレが注目される理由
今イ
Fireworks CS6で事実上の開発停止
なく
なったわけないけど、
次を考えないと…
求められるマルチデバイ
ス対応
・
多様なデバイ (PC スマホ ゲーム機…)
ス
・
・
・
多様なスク
リーンサイ (スマホ∼PC)
ズ
・
多様な画面解像度 device pixel ratio)
(
個別最適化は不可能 → 汎用的に構築したい
汎用的なパーツ制作
・
・
・
CSS3によるグラデーション 角丸 変形 etc...
・
ォン
Webフ ト
・
(ベク
ター形式によ Web用画像)
る
SVG
ベク
ター形式 = 拡大縮小に強い
 → 画面サイ ・
ズ 画面解像度に依存しない
ター形式といえば
Adobeでベク
Illustrator! Illustrator! Illustrator!
このあた
りのお話は、
またいずれかの機会に…
3)
ラレを使うTips
Webデザインでイ
問題 :エッジがにじむ
原因 : ピクセルに整合し
ていない
要は、
ピクセルとい“単位” の上手なお付き合い
う
と
大原則:単位はピクセル、
数値は整数
単位はピクセル
数値は整数
・
「ピクセルグリ ドに整合」 ェ
ッ
にチ ック
・
「新規オブジェ ト
ク をピクセルグリ ドに整合」 ェ
ッ
にチ ック
・
情報パネル / 変形パネルでこ
まめに確認
・
ただし例外もあ (数幅が奇数の線など)
る
・ と、
あ 安易な拡大縮小はデータ
を汚す原因
基準点は左上がベター Webのお作法)
(

チ ック
ェ

※「線幅と効果も拡大 縮小」 ェ を入れないのがオススメ
・
はチ ック
線の位置
イ
ラレ上のオブジェ トサイ
ク
ズはすべて30px × 30px
赤のエリ
ア
29px × 29px

赤のエリ
ア
28px × 28px

赤のエリ
ア
3 px × 30px
0

線を中央に揃え
る

線を内側に揃え
る

線を外側に揃え
る
・
線の位置は
「内側に揃え or
る」「外側に揃え
る」
・
「外側」
がいいとい
う話も…
→ http://www.dtp-transit.jp/adobe/illustrator/post_1797.html
参)
スモデル
Webのボック
(外側の余白)
Margin
(内側の余白)
Padding

Width

Height

(
Border 線)
イ
ラレ上でピクセル描画を確認す
る
ちなみに
「校正設定」
は
「インターネッ
ト標準RGB(sRGB)」
「新規ドキ メン ダ アログでは Web」
ュ ト」 イ
「
を選択
ドキ メント製作時の設定で、
ュ
大半はク アでき
リ
ます
プロフ イ
ァ ルはWebを選択
複数ページを ファ ルに入れるな
1 イ
ら
ページごとにアート
ボードを分けま ょ
しう

※ 設定を変更す と カスタ にな ます
る
ム
り

サイ
ズは任意
らいが一般的?)
(w1200く

プレビューモードは
「ピクセル」
に変更
・
Web特有のデザイン 情報
・
そんなフ ト、
ォン 普通入っ
てませんか !
ら
(デバイ
ステキストのフ
ォント指定 / アウト
ライン化)
・
画像にし
て欲しいテキスト / 画像にしないテキ
スト
・
マウスオーバー時の変化
(ボタ / リ
ン
ンクテキ
スト)
・ (アニメーション)/ ギミ
動き
ックは伝わるよ
うに
・
画像は72dpiで くは150dpi) 350dpiとか重いだけです
(もし
。
・
ブラウザによ
る差異もあ 完璧な再現は不毛です
り、
結局は人と人
DTPにはDTPの、
WebにはWebのお作法がある
つま 「郷に入 ては郷に従え」 う と
り、
り
とい こ
デザイナー: 今度のWebデザイン、 ラレでいいですか?
イ
コーダー :うーん
(仕方ない
っすね)
デザイナー: あ りWebに慣れてないん
ま
で、
何か不都合があ
ったら直すので言っ
てくださいね
コーダー :じゃあ、 っちでいい感じに直し
こ
ますよ。
う く
ま ないとこ
ろは、 らチ ック てく
後か ェ し ださい。
両者
:そんな感じでお願いし
ます
参考
・ IllustratorでWeb向けの作業を行 ときのチ ック スト DTP Transit)
う
ェ リ (

http://www.dtp-transit.jp/adobe/illustrator/post_1160.html
・ IllustratorでWEBデザインを納品す
る方法 CS5版)く
(
( ずはて)

http://www.kuzuhate.com/web-soft/illustrator/553/
・マルチデバイ
ス時代にあ
りがたい イ
! ラレのあれこれ

http://www.slideshare.net/awayukin/gachinko-awayuki-share
実装に困っ ら
た ご連絡く
ださい
!
本日はあ がと ございま
り う
した
ご連絡 ご質問など下記までお願いし
・
ます
E-mail : info@hamnaly.com
Facebook / Twitter : yabecchy

More Related Content

What's hot

Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?
Kanako Kawahara
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみただいすけ ふるかわ
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
 
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
正樹 平野
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランSasaki Kouhei
 
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
 
20160124_GPL勉強会
20160124_GPL勉強会20160124_GPL勉強会
20160124_GPL勉強会
rie05
 
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインコンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
 
習ったことはありませんがこんな感じでWebデザインを教えてます
習ったことはありませんがこんな感じでWebデザインを教えてます習ったことはありませんがこんな感じでWebデザインを教えてます
習ったことはありませんがこんな感じでWebデザインを教えてます
Kyo Kaji
 
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
 
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
nishio
 
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディプロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
 
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
 
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド0120121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01Kenta Nakamura
 
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルールディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルールINFOBAHN.inc(株式会社インフォバーン)
 
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方girigiribauer
 

What's hot (19)

Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?
 
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみたプログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
 
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
 
聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門聞いて覚えるマテリアルデザイン入門
聞いて覚えるマテリアルデザイン入門
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
 
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
 
20160124_GPL勉強会
20160124_GPL勉強会20160124_GPL勉強会
20160124_GPL勉強会
 
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザインコンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
 
習ったことはありませんがこんな感じでWebデザインを教えてます
習ったことはありませんがこんな感じでWebデザインを教えてます習ったことはありませんがこんな感じでWebデザインを教えてます
習ったことはありませんがこんな感じでWebデザインを教えてます
 
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
 
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
 
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディプロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
 
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
 
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド0120121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
 
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルールディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
 
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
 

Similar to イラレでWebデザインしても嫌われないデータ作成術

Indigo.Design概要
Indigo.Design概要Indigo.Design概要
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
 
2012 12-17-titanium meetupvol4
2012 12-17-titanium meetupvol42012 12-17-titanium meetupvol4
2012 12-17-titanium meetupvol4
Hiroshi Oyamada
 
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Kenta Nakamura
 
私がRails Girls Sendaiをやろうと思ったワケ
私がRails Girls Sendaiをやろうと思ったワケ私がRails Girls Sendaiをやろうと思ったワケ
私がRails Girls Sendaiをやろうと思ったワケ
thatblue
 
改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣
Noriaki Kadota
 
ゼミ報告会20141203
ゼミ報告会20141203ゼミ報告会20141203
ゼミ報告会20141203
Sayaka Mine
 
Wcan2011 winter takeproject
Wcan2011 winter takeprojectWcan2011 winter takeproject
Wcan2011 winter takeproject
TRIDENT
 
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
Kasumi Morita
 
Data Visualizationしてみた [ D3.js編 ]
Data Visualizationしてみた  [ D3.js編 ]Data Visualizationしてみた  [ D3.js編 ]
Data Visualizationしてみた [ D3.js編 ]
weddingpark
 
Lt41
Lt41Lt41
Lt41
GIG inc.
 
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
 

Similar to イラレでWebデザインしても嫌われないデータ作成術 (12)

Indigo.Design概要
Indigo.Design概要Indigo.Design概要
Indigo.Design概要
 
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
 
2012 12-17-titanium meetupvol4
2012 12-17-titanium meetupvol42012 12-17-titanium meetupvol4
2012 12-17-titanium meetupvol4
 
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
 
私がRails Girls Sendaiをやろうと思ったワケ
私がRails Girls Sendaiをやろうと思ったワケ私がRails Girls Sendaiをやろうと思ったワケ
私がRails Girls Sendaiをやろうと思ったワケ
 
改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣
 
ゼミ報告会20141203
ゼミ報告会20141203ゼミ報告会20141203
ゼミ報告会20141203
 
Wcan2011 winter takeproject
Wcan2011 winter takeprojectWcan2011 winter takeproject
Wcan2011 winter takeproject
 
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
 
Data Visualizationしてみた [ D3.js編 ]
Data Visualizationしてみた  [ D3.js編 ]Data Visualizationしてみた  [ D3.js編 ]
Data Visualizationしてみた [ D3.js編 ]
 
Lt41
Lt41Lt41
Lt41
 
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
 

More from Yasuhito Yabe

Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
Yasuhito Yabe
 
20131206 静岡web制作界隈ゆく年くる年2013
20131206 静岡web制作界隈ゆく年くる年201320131206 静岡web制作界隈ゆく年くる年2013
20131206 静岡web制作界隈ゆく年くる年2013
Yasuhito Yabe
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
 
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
Yasuhito Yabe
 
静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012
Yasuhito Yabe
 
あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012
Yasuhito Yabe
 
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Yasuhito Yabe
 
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
Yasuhito Yabe
 
jQueryでiTunes Store風スライドショーを作ってみる
jQueryでiTunes Store風スライドショーを作ってみるjQueryでiTunes Store風スライドショーを作ってみる
jQueryでiTunes Store風スライドショーを作ってみる
Yasuhito Yabe
 
Web制作者のためのWebマーケティング用語と計算式
Web制作者のためのWebマーケティング用語と計算式Web制作者のためのWebマーケティング用語と計算式
Web制作者のためのWebマーケティング用語と計算式
Yasuhito Yabe
 
jQuery超入門編
jQuery超入門編jQuery超入門編
jQuery超入門編
Yasuhito Yabe
 
Knock! Knock! サイトができるまで
Knock! Knock! サイトができるまでKnock! Knock! サイトができるまで
Knock! Knock! サイトができるまで
Yasuhito Yabe
 
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
Yasuhito Yabe
 
みんビズ その傾向と対策
みんビズ その傾向と対策みんビズ その傾向と対策
みんビズ その傾向と対策
Yasuhito Yabe
 
20111001 adobe edgeとhtml5_css3_javascrit
20111001 adobe edgeとhtml5_css3_javascrit20111001 adobe edgeとhtml5_css3_javascrit
20111001 adobe edgeとhtml5_css3_javascrit
Yasuhito Yabe
 
a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)
Yasuhito Yabe
 

More from Yasuhito Yabe (17)

Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
 
20131206 静岡web制作界隈ゆく年くる年2013
20131206 静岡web制作界隈ゆく年くる年201320131206 静岡web制作界隈ゆく年くる年2013
20131206 静岡web制作界隈ゆく年くる年2013
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
 
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
 
静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012
 
あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012
 
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
 
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
 
jQueryでiTunes Store風スライドショーを作ってみる
jQueryでiTunes Store風スライドショーを作ってみるjQueryでiTunes Store風スライドショーを作ってみる
jQueryでiTunes Store風スライドショーを作ってみる
 
Web制作者のためのWebマーケティング用語と計算式
Web制作者のためのWebマーケティング用語と計算式Web制作者のためのWebマーケティング用語と計算式
Web制作者のためのWebマーケティング用語と計算式
 
jQuery超入門編
jQuery超入門編jQuery超入門編
jQuery超入門編
 
Knock! Knock! サイトができるまで
Knock! Knock! サイトができるまでKnock! Knock! サイトができるまで
Knock! Knock! サイトができるまで
 
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
 
みんビズ その傾向と対策
みんビズ その傾向と対策みんビズ その傾向と対策
みんビズ その傾向と対策
 
20111001 adobe edgeとhtml5_css3_javascrit
20111001 adobe edgeとhtml5_css3_javascrit20111001 adobe edgeとhtml5_css3_javascrit
20111001 adobe edgeとhtml5_css3_javascrit
 
a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)
 

Recently uploaded

Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
tazaki1
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Toru Tamaki
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
嶋 是一 (Yoshikazu SHIMA)
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
harmonylab
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
Osaka University
 
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMMハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
osamut
 
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobodyロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
azuma satoshi
 

Recently uploaded (7)

Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライドHumanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
 
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
 
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代  The New Era of Content Economy Brought by Generative AI
 
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMMハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
 
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobodyロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
 

イラレでWebデザインしても嫌われないデータ作成術