Submit Search
Upload
Designer Meets Bootstrap(22th Knock!)
•
1 like
•
806 views
Yasuhito Yabe
Follow
2014年 5月 17日(土)・B-nest 静岡市産学交流センター 第22回 Knock! Knock! 勉強会
Read less
Read more
Design
Report
Share
Report
Share
1 of 64
Download now
Download to read offline
Recommended
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツ
Yumi Masaki
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
Cherry Pie Web
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
Cherry Pie Web
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
Hiroshi Kato
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Cherry Pie Web
「フォントはしゃべる」というお話
「フォントはしゃべる」というお話
Cherry Pie Web
私をWordCampに巻き込んだ「しいたけ占い」
私をWordCampに巻き込んだ「しいたけ占い」
Masahiko Kawai
Recommended
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツ
Yumi Masaki
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
Cherry Pie Web
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
Cherry Pie Web
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
Hiroshi Kato
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Cherry Pie Web
「フォントはしゃべる」というお話
「フォントはしゃべる」というお話
Cherry Pie Web
私をWordCampに巻き込んだ「しいたけ占い」
私をWordCampに巻き込んだ「しいたけ占い」
Masahiko Kawai
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
LIQUID DESIGN Ltd.
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
Masahiko Kawai
Director's Night 20130921
Director's Night 20130921
Yasufumi Nishiyama
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
kenji goto
2015年のWebを考える
2015年のWebを考える
kenji goto
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
Cherry Pie Web
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
kenji goto
20140903 sa business_seminar
20140903 sa business_seminar
Yasufumi Nishiyama
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
kenji goto
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
南実業会Webサイト開設について
南実業会Webサイト開設について
Cherry Pie Web
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
Webディレクション講座 - 初級編 -
Webディレクション講座 - 初級編 -
Colorkrew
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
Yat-wbnara201602
Yat-wbnara201602
YAT blog
クライアントと同じ方向を向くという事
クライアントと同じ方向を向くという事
kenji goto
僕のFireworks普及計画!!
僕のFireworks普及計画!!
Yuuki Kashimoto
Lightning Talk
Lightning Talk
Takahiro Saeki
More Related Content
What's hot
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
LIQUID DESIGN Ltd.
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
Masahiko Kawai
Director's Night 20130921
Director's Night 20130921
Yasufumi Nishiyama
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
kenji goto
2015年のWebを考える
2015年のWebを考える
kenji goto
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
Cherry Pie Web
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
kenji goto
20140903 sa business_seminar
20140903 sa business_seminar
Yasufumi Nishiyama
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
kenji goto
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
南実業会Webサイト開設について
南実業会Webサイト開設について
Cherry Pie Web
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
Cssnite in sapporovol14
Cssnite in sapporovol14
Yasufumi Nishiyama
Webディレクション講座 - 初級編 -
Webディレクション講座 - 初級編 -
Colorkrew
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
Yat-wbnara201602
Yat-wbnara201602
YAT blog
クライアントと同じ方向を向くという事
クライアントと同じ方向を向くという事
kenji goto
What's hot
(20)
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
Director's Night 20130921
Director's Night 20130921
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
2015年のWebを考える
2015年のWebを考える
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
20140903 sa business_seminar
20140903 sa business_seminar
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
南実業会Webサイト開設について
南実業会Webサイト開設について
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
Cssnite in sapporovol14
Cssnite in sapporovol14
Webディレクション講座 - 初級編 -
Webディレクション講座 - 初級編 -
Web制作のためのおすすめツール
Web制作のためのおすすめツール
Yat-wbnara201602
Yat-wbnara201602
クライアントと同じ方向を向くという事
クライアントと同じ方向を向くという事
Similar to Designer Meets Bootstrap(22th Knock!)
僕のFireworks普及計画!!
僕のFireworks普及計画!!
Yuuki Kashimoto
Lightning Talk
Lightning Talk
Takahiro Saeki
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
プログラミングTipsサイトlt(town bash 201710)
プログラミングTipsサイトlt(town bash 201710)
Ryosuke Miyahara
2016/11/16セキビズ ビジネスブログ講座(ポエジー・オカビズ水野)
2016/11/16セキビズ ビジネスブログ講座(ポエジー・オカビズ水野)
Keysuke Mizuno
Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?
Kanako Kawahara
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
Mariko Imamura
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014
Azusa Uezu
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
Yuya Toida
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
Kunihiro Okamura
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Yuya Toida
Webya110114a
Webya110114a
toksato Tokunaga
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
direkyo-kyusyu
ワードプレスとは? 竜胆(りんどう)Webデザイン
ワードプレスとは? 竜胆(りんどう)Webデザイン
古川 恵子
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
Tomoe Sawai
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
大輔 井水
山口県でフリーランスでやっていくために気をつけていること大全集
山口県でフリーランスでやっていくために気をつけていること大全集
Masashi Hisatsugu
Portfolio
Portfolio
Futo Kanazawa
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
Take Bo
Similar to Designer Meets Bootstrap(22th Knock!)
(20)
僕のFireworks普及計画!!
僕のFireworks普及計画!!
Lightning Talk
Lightning Talk
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
プログラミングTipsサイトlt(town bash 201710)
プログラミングTipsサイトlt(town bash 201710)
2016/11/16セキビズ ビジネスブログ講座(ポエジー・オカビズ水野)
2016/11/16セキビズ ビジネスブログ講座(ポエジー・オカビズ水野)
Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
groundwork-pasona-tech
groundwork-pasona-tech
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Webya110114a
Webya110114a
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
ワードプレスとは? 竜胆(りんどう)Webデザイン
ワードプレスとは? 竜胆(りんどう)Webデザイン
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
山口県でフリーランスでやっていくために気をつけていること大全集
山口県でフリーランスでやっていくために気をつけていること大全集
Portfolio
Portfolio
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
More from Yasuhito Yabe
20131206 静岡web制作界隈ゆく年くる年2013
20131206 静岡web制作界隈ゆく年くる年2013
Yasuhito Yabe
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術
Yasuhito Yabe
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
Yasuhito Yabe
静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012
Yasuhito Yabe
あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012
Yasuhito Yabe
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Yasuhito Yabe
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
Yasuhito Yabe
jQueryでiTunes Store風スライドショーを作ってみる
jQueryでiTunes Store風スライドショーを作ってみる
Yasuhito Yabe
Web制作者のためのWebマーケティング用語と計算式
Web制作者のためのWebマーケティング用語と計算式
Yasuhito Yabe
jQuery超入門編
jQuery超入門編
Yasuhito Yabe
Knock! Knock! サイトができるまで
Knock! Knock! サイトができるまで
Yasuhito Yabe
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
Yasuhito Yabe
みんビズ その傾向と対策
みんビズ その傾向と対策
Yasuhito Yabe
20111001 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)
Yasuhito Yabe
More from Yasuhito Yabe
(17)
20131206 静岡web制作界隈ゆく年くる年2013
20131206 静岡web制作界隈ゆく年くる年2013
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012
あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
jQueryでiTunes Store風スライドショーを作ってみる
jQueryでiTunes Store風スライドショーを作ってみる
Web制作者のためのWebマーケティング用語と計算式
Web制作者のためのWebマーケティング用語と計算式
jQuery超入門編
jQuery超入門編
Knock! Knock! サイトができるまで
Knock! Knock! サイトができるまで
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
みんビズ その傾向と対策
みんビズ その傾向と対策
20111001 adobe edgeとhtml5_css3_javascrit
20111001 adobe edgeとhtml5_css3_javascrit
a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)
Designer Meets Bootstrap(22th Knock!)
1.
Designer Meets Bootstrap 矢部靖人 2014年
5月17日 Knock! Knock! 勉強会 あ、ここは発表者のコメントです。スライドの“行間”とでもお考えください。
2.
自己紹介 はじめに自己紹介をさせてください
3.
名 前:ゃべ ゃすひと 年
齢:三十路のなかば 住 所:長泉町(静岡県の東部) 職 業:兼業主夫 → 一児の父ちゃん 個人事業主(フリーランス) Web制作全般、制作の下請け 広告デザイン全般 主にWebサイト制作案件を、フルコミットでの直請けから、部分的な下請けまで承っています
4.
Webデザイナー ↓ Web/DTPデザイナー、フリーペーパーの編集 ↓ Webディレクター / プランニング
/ 営業 ↓ フリーランスのWeb制作者 Webだけでなく、紙もの(DTP)から提案営業まで、幅広く経験した後に独立、今に至ります
5.
よろしくお願いします
6.
0) 変わり始めているWeb 本題に入る前に、2014年という時代背景を整理したいと思います
7.
スマホからのネット利用者は1年間で1100万人増加、PCからは350万人減少 -INTERNET Watch http://internet.watch.impress.co.jp/docs/news/20140423_645717.html 時代はスマホ全盛、BtoCサイトでは過半数超えも珍しくない状況です(当社調べ)
8.
PCからスマホへ ・スクリーンサイズの変化 ・デスクの前 → いつでも、どこで ・一家に1台
→ ひとり1台 より身近に、よりパーソナルに ネットの主戦場がPCからスマホに移ると、どんな変化があるのでしょうか
9.
iPhone 6 が発売されました、またデカくなりましたね…
10.
Webサイトからアプリへ ・ブラウザという万能な窓 → アプリという専用の窓 ・タッチポイントの変化(App Store) ・開かれた世界から、閉ざされた世界へ PCではブラウザで利用するWebサービスも、スマホではアプリを使いますよね
11.
Facebookでは、機能ごとにアプリを分割しています(メッセンジャーなど)
12.
検索からシェアへ ・重要な情報ソースとしての“個人” ・検索しない時代 → Google Now →
Yahoo! Smart Search → LINE MALL ネットへの入り口がブラウザからアプリに変わり、検索行動も変化が起きているかも?
13.
そして…ウェアラブルへ? 見逃せない動きとして、スマホの次?も考えないといけません
14.
メガネ型デバイスはSF的な未来を感じさせます
15.
スマートウォッチでは、先行しているAndroid陣営ですが…Smartですか?
16.
当面の本命は、やはりApple Watchかもしれません
17.
ウェアラブルデバイスと親和性の高い音声コントロールは、何を変えていくでしょうか
18.
ドラスティックな変化の時代 大きな時代のうねりの中で、私たちはどう立ちまわるのがいいのでしょう?
19.
ドラスティックな変化の時代 今必要なモノ 未来への備え 「直近で必要なコト」・「数年先を想像すること」、どちらも必要。バランスが大事かと。
20.
1) Why Bootstrap
? さて、やっと本題のBootstrapです
21.
これまで主流であったPCでのWebサイト利用は、まだまだ健在です
22.
スマートフォンからアクセスは爆発的に増えています
23.
もちろんタブレット端末も無視できません
24.
ユーザーは複数のデバイスを、シチュエーションに応じて使い分けます
25.
レスポンシブWebデザイン マルチデバイス対応と言えば、レスポンシブWebデザインを採用することも多いですよね
26.
レスポンシブWebデザイン レスポンシブWebデザインは、PC、タブレット、スマートフォ ンなど、あらゆるデバイスに最適化したWebサイトを、単一 のHTMLで実現する制作手法です。 ブラウザーのスクリーンサイズを基準にCSSでレイアウトを 調整することで、デバイスごとに専用サイトを用意することな く、マルチスクリーンに対応したWebサイトを制作できます。 ASCII.jp ( http://ascii.jp/elem/000/000/697/697463/
) レスポンシブWebデザインの定義はこんな感じです
27.
+ 要は「ひとつのHTML×デバイスのスクリーン幅に応じたCSS」でデザインを制御するイメージ
28.
レスポンシブWebデザインは そんなに難しくない (Fluid Layout /
Fluid Image / MediaQuery) レスポンシブWebデザインの技術的要素は、単体ではそれほど難しくないのですが…
29.
技術的には…難しくない。 でも、実際には迷うことばかり… ・breakpointはどうする? ・モバイルファースト? ・レガシー環境(IE8とか)対策は? 実際、「breakpointを決める」だけでも、検討する要素は多く大変ですよね
30.
Bootstrapを共通言語にする “世界の叡智” そういう「大変だけど汎用性の高いこと」は、他人の成果をあてにして良いと思います
31.
ほかの人の書いたコードって 読みにくくないですか? 他人のコードも自分の過去のコードも、Bootstrapに則っていれば、そこは理解が速いです
32.
CSS設計って難しくない? CSSの書き方・設計思想も人それぞれです
33.
BEM OOCSSSMACSS こういうCSS設計思想も取り入れたら、コードはメンテナブルになるはずです
34.
そんなこんなでBootstrap、結構つかえるヤツなんです
35.
“いかにも”なサイトしかできない? と思われるのは、「エンジニア御用達」と言われた時代の負の遺産、思い込みです
36.
よく見るJumbotronをデフォルトのまま使うと、こんな感じです
37.
Bootstrapのブログデーマだと、こんな感じ
38.
Bootstrap公式サイトに掲載されている事例です
39.
Bootstrap公式サイトに掲載されている事例です
40.
日本語サイトでのBootstrap事例です
41.
国内のBootstrap事例を集めたまとめページもあります
42.
hamnalyでもBootstrapは積極的に使用しています
43.
hamnalyでもBootstrapは積極的に使用しています
44.
hamnalyでもBootstrapは積極的に使用しています
45.
最終的には、俺々テンプレート化 何事も使いようです、自分のワークフローに上手く取り入れるのが大事かと
46.
2)More easy, More
Speedy そんなBootstrapですから、もうちょっと踏み込んだ使い方もしています
47.
もっと簡単に、もっと速く (それなりのものを速く作る) コストのかけられない案件で、もしかすると上手くハマるかもしれません
48.
スピードという価値 ・速さという付加価値(特急料金) ・空いた時間で、 ・休んでもいい、働いてもいい ・勉強してもいい ・新しいコトにチャレンジしてもいい 特に「速い」ということは、価値が高いことだと考えています
49.
Photo by double-h
from Flickr 新幹線は、速くて快適だから特急料金を払う価値があります
50.
Amazonプライムのお急ぎ便も、年会費は少し高いけど止められないサービスです
51.
市販テーマ / テンプレートの使用 具体的には… もっと速く作るために、「手間を買う」という発想です
52.
海外のテンプレート販売サイトは、よくチェックします
53.
海外の無料テンプレートに、インスピレーションを求めることもあります
54.
制作でラクすることは悪くない クライアントの利益に貢献できるかだ と、ワタシが言った 市販テンプレートの利用を敬遠する向きもあるかと思いますが…もう一度考えてみませんか?
55.
(余談ですが、この話はたぶん都市伝説…) あるレストランでピカソがウェイターから絵を描いてと頼 まれました。彼は30秒ほどで描き、それを1万ドルだと言 いました。 「30秒で書いた絵が1万ドル!?」 ウェイターがびっくりして言うと、ピカソはこう言いました。 「30秒じゃない、40年と30秒だ」 この話の真偽はさておき、それまでの積み重ねがあってこそ、と言うことですね
56.
市販テンプレートをちゃんと使うために ・基本スキルとしてのHTML / CSS ・完成形を想像するセンス ・適切なテンプレートを選ぶチカラ ・カスタマイズは必須 ・スキル
/ センス / 経験がより問われる 市販テンプレートの利用には、スクラッチで0から構築するよりも、実力が試されるくらいです
57.
事例サイトは非公開です ゴメンナサイ 先般のhamnalyでの事例のなかにも、市販テンプレートベースのものがあります
58.
「ここの色をこうして…」「このパーツはこう使えるかも…」と、できあがりをシミュレートします
59.
市販テーマ / テンプレートの注意点 ・そのままイケる、なんてことはまずない ・ソースをちゃんと見る ・v2系とv3系 ・なんちゃってBootstrap ・ライセンスは適切に 制作のベースとして使える、良質なテンプレートを見極める目が大事です
60.
最後に…
61.
もっと簡単に、もっと速く (それなりのものを速く作る) クルマの両輪 丁寧に、より高い専門性 (自分にしかできないモノ) 仕事もスキルの活かし方も、「複数のモノを適材適所でバランスよく」が大事ではないか、と
62.
Photo by Tejvan
Pettinger from Flickr 自転車も車輪が2つあるから簡単に乗れるわけで、この大変な時代を颯爽と駆け抜けたいですね
63.
実装に困ったらご連絡ください!
64.
本日はありがとうございました ご連絡・ご質問など下記までお願いします E-mail : info@hamnaly.com Facebook
/ Twitter : yabecchy
Download now