Enviar búsqueda
Cargar
Bootstrapカスタマイズ&ビルド!
•
0 recomendaciones
•
1,168 vistas
Masayuki Maekawa
Seguir
2013-05-25の第五回okayama-jsでのセッションの資料です。
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 29
Descargar ahora
Descargar para leer sin conexión
Recomendados
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
Saitowotsukutsutemita
Saitowotsukutsutemita
hmatumoto
Browser oh browser browser
Browser oh browser browser
Teppei Sato
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Smalltalkで3D GUI
Smalltalkで3D GUI
Masashi Umezawa
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
Masashi Murakami
Gorilla.vim#6
Gorilla.vim#6
MasatakaHigashijima
Recomendados
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
Saitowotsukutsutemita
Saitowotsukutsutemita
hmatumoto
Browser oh browser browser
Browser oh browser browser
Teppei Sato
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Smalltalkで3D GUI
Smalltalkで3D GUI
Masashi Umezawa
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
Masashi Murakami
Gorilla.vim#6
Gorilla.vim#6
MasatakaHigashijima
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Jun-ichi Sakamoto
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
Web Workers
Web Workers
kaboccha
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
schoowebcampus
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
schoowebcampus
Cakecon xoops cubeなのにcake-phpを使う
Cakecon xoops cubeなのにcake-phpを使う
ha1t
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Kazuya Hiruma
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Gulp De wordpress in WordBench
Gulp De wordpress in WordBench
Kanako Kobayashi
できる!?Companion
できる!?Companion
Yuji Kazan
K初めてのstylus
K初めてのstylus
Kazuki Nakatani
Atomic design+vue
Atomic design+vue
小川 昌吾
141115 making web site
141115 making web site
Himi Sato
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
Kei Mikage
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
webcampusschoo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
Masayuki Maekawa
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
Masayuki Maekawa
VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
Masayuki Maekawa
Más contenido relacionado
La actualidad más candente
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Jun-ichi Sakamoto
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
Web Workers
Web Workers
kaboccha
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
schoowebcampus
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
schoowebcampus
Cakecon xoops cubeなのにcake-phpを使う
Cakecon xoops cubeなのにcake-phpを使う
ha1t
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
Kazuya Hiruma
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
H2O Space. Co., Ltd.
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Gulp De wordpress in WordBench
Gulp De wordpress in WordBench
Kanako Kobayashi
できる!?Companion
できる!?Companion
Yuji Kazan
K初めてのstylus
K初めてのstylus
Kazuki Nakatani
Atomic design+vue
Atomic design+vue
小川 昌吾
141115 making web site
141115 making web site
Himi Sato
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
Kei Mikage
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
webcampusschoo
La actualidad más candente
(19)
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
Webpackにトライ 基本編
Webpackにトライ 基本編
Web Workers
Web Workers
プログラマのためのPC自動化
プログラマのためのPC自動化
JS開発環境を晒す。
JS開発環境を晒す。
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生:笠井 枝理依
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
GW講習3日目!プロデザイナーが実践するHTML&CSSスキル向上トレーニング
Cakecon xoops cubeなのにcake-phpを使う
Cakecon xoops cubeなのにcake-phpを使う
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ライブラリにあらず! 〜Google Closure Toolsの事始め〜
ちゃんとWeb会議スライド『Coffee script』
ちゃんとWeb会議スライド『Coffee script』
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
Gulp De wordpress in WordBench
Gulp De wordpress in WordBench
できる!?Companion
できる!?Companion
K初めてのstylus
K初めてのstylus
Atomic design+vue
Atomic design+vue
141115 making web site
141115 making web site
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
新インフラエンジニアに捧ぐ職業○のおはなし - qpstudy 2014.04 LT資料
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
Más de Masayuki Maekawa
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
Masayuki Maekawa
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
Masayuki Maekawa
VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
Masayuki Maekawa
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
Masayuki Maekawa
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
Masayuki Maekawa
まえぽん式ダイエット
まえぽん式ダイエット
Masayuki Maekawa
早く家へ帰るための Grunt入門 [+gulp紹介]
早く家へ帰るための Grunt入門 [+gulp紹介]
Masayuki Maekawa
このところのWeb制作事情
このところのWeb制作事情
Masayuki Maekawa
マルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイント
Masayuki Maekawa
Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2
Masayuki Maekawa
JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工
Masayuki Maekawa
Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介
Masayuki Maekawa
Más de Masayuki Maekawa
(12)
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
常時SSL化の事前確認・注意点・手順 〜WordPressとその周辺で必要なこと〜 #wctokyo
自治体サイトのWordPressのメンテナンス
自治体サイトのWordPressのメンテナンス
VPSへの一発WordPressインストールスクリプト
VPSへの一発WordPressインストールスクリプト
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
「セルフブランディング」という文脈で5年間を振り返ってみる5分間
実践 大都会式 プロトタイピング&フロントエンド 2014
実践 大都会式 プロトタイピング&フロントエンド 2014
まえぽん式ダイエット
まえぽん式ダイエット
早く家へ帰るための Grunt入門 [+gulp紹介]
早く家へ帰るための Grunt入門 [+gulp紹介]
このところのWeb制作事情
このところのWeb制作事情
マルチデバイス対応のコーディング・マークアップのポイント
マルチデバイス対応のコーディング・マークアップのポイント
Text editor anywhereでtextareaもsublime text 2
Text editor anywhereでtextareaもsublime text 2
JavaScriptで『漫画カメラ』的画像加工
JavaScriptで『漫画カメラ』的画像加工
Windowsユーザーむけのツール紹介
Windowsユーザーむけのツール紹介
Último
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Último
(11)
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Bootstrapカスタマイズ&ビルド!
1.
Bootstrap カスタマイズ&ビルド! 前川昌幸
2.
3.
http://expo.getbootstrap.com/
4.
やってみると いかにもBootstrapな画面になっちゃう…
5.
6.
別にいいんじゃね?
7.
8.
そうはいかない!
9.
Let’s カスタマイズ!
10.
編集する?
11.
カスケードする?
12.
ビルドしちゃおう!
13.
14.
「make」コマンドで「docs」をビルドできます (デモしてみます) (ただしUNIX系OSに限る[mac/linux])
15.
16.
CSS
17.
HTML
18.
JavaScript
19.
要は「LESS」
20.
LESSの話だけで終わりかねない
21.
docディレクトリがいろいろ入ってる 何か作るには邪魔
22.
23.
というかWindows! (Cygwin使えてか?)
24.
ちゅうわけで作ってみました https://github.com/maepon/okajs-bootstrap
25.
ビルド先は「mockup」ディレクトリ テンプレートはビルド先から分離 Makefile書き換え済み batファイル添付(Windows対応)
26.
さあ、いじってみよう!
27.
まとめ
28.
今日紹介されたMixtureなども便利 でもBootstrapで完結させることも可能 管理画面のモックアップなどからいかが?
29.
ありがとうございました @maepon
Descargar ahora