Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Bourbonフレームワークで 自分のスターターテーマを作る!|WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 16.02.21

12,642 views

Published on

WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 16.02.21

15分程度のショートセッションでの発表です。

自分が使いやすいスタートテーマをBourbonフレームワークで作ろうとしました。
軽量型でシンプルですので、小さなテーマ制作には向いていると思います。


=================

◆制作業務
TickleCodeという屋号でJavaScript、WordPressでのWebサイト制作やSwiftでのアプリ開発、Ruby on RailsでのWebサービス開発などを行なう。
業務請負や受託制作を行いながら、自社ポータルサイト・Webサービスサイトの制作運営を行なう。
地域のポータルサイトや、旅行系サイト、不動産系サイトの制作運営は本人も興味が強いので、めっぽう強い。

[運営サイト]
TickleCode:
技術的な情報を整理して掲載している
http://ticklecode.com/

I Love Yakitori!:
焼き鳥が好きなので焼き鳥店の取材をしてWebサイトへ掲載している
http://yakitori-ya.net/

◆勉強会、コミュニティ
オープンソースであるWordPressのコミュニティ・イベントの運営にも携わりながら、自らも勉強会やイベントを企画運営する。
WordPressもくもく倶楽部、Swiftビギナーズ倶楽部など、多数の勉強会・セミナーの開催を行い、自身もスピーカーや講師を行っている。

[定期開催している勉強会]
Swiftビギナーズ倶楽部:
2014年11月より開催。SwiftでiOSアプリ開発を勉強するための会。
https://swift-beginners.doorkeeper.jp/

WordPressもくもく倶楽部:
2014年11月より開催。WordPressでの制作・運営を勉強するための会。
https://wp-moku.doorkeeper.jp/

WordPressコントリビュート倶楽部:
2015年12月より開催。WordPressコントリビュート(翻訳、プラグインなどの貢献活動)を勉強するための会。
https://wpmake.doorkeeper.jp/

Ruby / Ruby on Rails ビギナーズ勉強会:
2015年1月より開催。Ruby on Railsでの制作・運営を勉強するための会。
https://coedo-rails.doorkeeper.jp/

Published in: Internet
  • Dating for everyone is here: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ❶❶❶ http://bit.ly/2Q98JRS ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Bourbonフレームワークで 自分のスターターテーマを作る!|WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 16.02.21

  1. 1. WordBench東京 2月勉強会 「みんなのテーマ開発」 〜自分の好きな作り方を話そう〜 16.02.21 TickleCode. Yoshinori Kobayashi 1 Bourbonフレームワークで 自分のスターターテーマを作る! あわよくば、公式ディレクトリに登録したい!
  2. 2. 2 生まれは 奈良県 です 小林由憲(こばやしよしのり) Twitter: TickleCodeブログ: @yoshiii514
  3. 3. もくもく会(自主勉強会) を複数の運営メンバーや アドバイザーの方々と ともに、定期開催しています。 勉強会を開催しています)^o^( 3 【CoEdo.rb】 Ruby / Ruby on Rails ビギナーズ勉強会 Swiftビギナーズ勉強会 WordPressもくもく 勉強会 http://wp-moku.doorkeeper.jp/ https://swift-beginners.doorkeeper.jp/ https://coedo-rails.doorkeeper.jp/ 自己紹介
  4. 4. 4 思う存分に、翻訳・プラグイン開発・テーマ制作 ・Core(本体)開発を学びたかったので、新しく勉 強会を始めました! WordPress コントリビュート勉強会 自己紹介 第3回は、3月18日(金)19:00
  5. 5. 5 wapuufall plugin を作りました! https://github.com/TickleCode/wapuufall わぷーが雪のように降ってくるプラグインです。 ※絶賛リジェクトされ中!
  6. 6. 6 そして! 今回は! なになに!
  7. 7. 7 超絶シンプルで、 速攻でカスタマイズできる。 そんなマイテーマが欲しい! さすがだね(*^^*)/
  8. 8. 8 だから テーマを作りました! おお!すてきー(^o^)
  9. 9. 9 その名は! おおおおーーー!きたよーーー(*^^*)/
  10. 10. 10 Daibutsu https://github.com/TickleCode/daibutsu
  11. 11. 11 Daibutsu use Bourbon Framework テーマを作りました
  12. 12. 12 Bourbon バーボン    ※ブルボンじゃないよ! Sassベースの軽量型のフレームワーク。 Ruby on Rails,Sinatra 向けだがテーマ制作でも使える。
  13. 13. 13 U.S. Web Design Standards メインSCSSに、BourbonとBourbon NEAT が使われ ている。
  14. 14. 14 Bourbonのよいところ ・Sassで統一されている。 ・IE9以上で動作可能。 ・HTMLをシンプルにできる。 ・コンパクトで学習コストが低い。
  15. 15. 15 Bourbonで気になるところ ・ユーザーSassが大きくなる傾向 ・コンポーネント(パーツ)が不足 ・ユーザーSassが複雑になる傾向
  16. 16. 16 Bootstrap and Foundation and Bourbon
  17. 17. 17 GitHub Status Bootstrap,Foundation,Bourbon Family Framework Star Contribu tors Commits First Bootstrap 92,559 668 11,673 11/04/24 Foundation 22,551 824 11,479 11/10/09 Bourbon Family 12,941 202 2,080 11/02/13 Bourbon Family : Bourbon + Bourbon NEAT + Bourbon Bitters + Bourbon Refills
  18. 18. 18 GitHub commit-activity Graphs Bootstrap,Foundation,Bourbon Bootstrap Foundation Bourbon
  19. 19. 19 About Bourbon
  20. 20. 20 Refills Bourbon Family mixin library,etc... SCSSライブラリ grid framework レイアウトシステム scaffold styles カスタマイズ用のSCSS Components and patterns フォーム部品、ひな形パーツ
  21. 21. 21 Bourbon MIXINS FUNCTIONS ADD-ONS CSS3などのプレフィックス補助や指定の簡略化。 以前はここにレイアウト機能があった。 今は、NEATに移動された。 ショートハンド。CSSを簡略化する関数群。 mixin library,etc... SCSSライブラリ
  22. 22. <div class="news"> <div class="hot-news"> <div class="latest-news"> </div> .news { @include outer-container; } .hot-news, .latest-news { @include span(6); } 22 Bourbon NEAT <div class="container"> <div class="row"> <div class="col-md-6">/* contents */</div> <div class="col-md-6">/* contents */</div> </div> </div> HTML HTML SCSS
  23. 23. 23 Bourbon Bitters scaffold styles カスタマイズ用のSCSS scaffold は足場の意味。 bitters install を実行するとbaseディレ クトリが作成される。 これらの変数群(scss)を修正して、 Bourbonの基本動作をカスタマイズす る。
  24. 24. 24 Bourbon Contribution About Bourbon Contribution GitHub上での pull request ・不具合修正、リファクタリング ・既存機能の拡張 ・ドキュメント修正 Bourbon もコントリビュートができます!
  25. 25. 25 テーマを公開 Theme Daibutsu
  26. 26. 26 Theme Daibutsu テーマはチェック項目が多い^^;
  27. 27. 27 Theme Daibutsu Theme Checkプラグインで多数のエラーがでた ので、公開の話はまた次の機会に!
  28. 28. ご清聴ありがとうございました。 28

×