Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Welcome to Octopress
Search
Yuuki Sumida
December 14, 2012
Programming
0
560
Welcome to Octopress
合同勉強会in大都会岡山 -2012 Winter-
http://partake.in/events/4b7fe4db-858b-4193-b392-3406ed2b571f
Yuuki Sumida
December 14, 2012
Tweet
Share
More Decks by Yuuki Sumida
See All by Yuuki Sumida
stddev_popとstddev_sampの話 / stddev_pop and stddev_samp
razon
0
500
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
razon
0
360
ノベルティカンファレンス in 地方 / Novelty conference in local region
razon
0
630
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
razon
1
170
フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI
razon
0
900
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
razon
0
44
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
razon
0
210
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
razon
0
47
大都会アワード2017 / Daitokai awards 2017
razon
0
700
Other Decks in Programming
See All in Programming
ISUCONってなんだか難しそう……!!でも、初めてのISUCONにPHPで挑戦してきました!
kotomin_m
1
300
[スクリプト] Swiftの型推論を学ぼう
omochi
0
110
TCAの Shared Stateって どういう仕組みになってんの?
yimajo
0
330
「コンパイル時のユニットテスト」導入するとユニットテストを 書かなくてよくなるのか?
tomohisa
9
2.2k
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
1.1k
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
27
19k
incrementalモデルの理解を深める
ikkimiyazaki
2
640
Swiftの型推論を学ぼう | Let's Learn About Type Inference in Swift
omochi
2
520
OpenTelemetry のサービスという概念について
azukiazusa1
1
390
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
WinUI 3デモ - "CommunityToolkit.Mvvm"NuGetパッケージ編
andrewkeepcoding
0
130
CSRF対策のやり方、そろそろアップデートしませんか / Update your knowledge of CSRF protection
hiro_y
25
14k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Designing Experiences People Love
moore
135
23k
Thoughts on Productivity
jonyablonski
57
3.8k
Into the Great Unknown - MozCon
thekraken
10
830
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Documentation Writing (for coders)
carmenintech
59
3.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
Transcript
ウェルカム・トゥ・オクトプレス ウェルカム・トゥ・オクトプレス 2012/12/15(Sat) 2012/12/15(Sat) 合同勉強会 合同勉強会in in大都会岡山 大都会岡山
About me About me • もじゃ変 • 天領倉敷Scala/岡山Javaユーザ会 • ニンジャヘッズ(重篤)
Agenda Agenda • Octopressの紹介 • デモ(Octopressでの記事作成~デプロイ) • Octopressライフが捗るTips
Octopress Octopressの紹介 の紹介
Octopress Octopressとは とは • ブログ風の静的HTMLを生成する アプリケーション • Ruby製のファイルジェネレータJekyllに ブログライクなテンプレート/専用のrake コマンド群を追加したもの
• ローカルで記事を作成してGitHub Pages/ Heroku等にデプロイする • 記事はmarkdown/textileで記述
Octopress Octopressとは とは • GitHub – 言わずと知れたGitリポジトリのホスティングサー ビス • GitHub
Pages – GitHub上で静的なWebページを公開するための サービス – 専用のリポジトリ(1ユーザにつき1つ)に静的なWeb ページをPushすることで、公開される
Octopress Octopressとは とは html documents(local) github repository github:pages 1.push 2.deploy
Octopress Octopressとは とは blog entry(md/textile) github repository github:pages 1.html generate
3.deploy ------ ------ ------ ------ octopress 2.push ※厳密にはGitHub Pages上のJekyllがよしなにしてくれる
Octopress Octopressの導入 の導入 ※Ruby 1.9.2以上が必要 $ git clone git://github.com/imathis/octopress.git octopress
$ cd octopress $ gem install bundler $ bundle install $ rake install $ rake setup_github_pages
デモ デモ (Octopress (Octopressでの記事作成~デプロイ での記事作成~デプロイ) )
記事を新規作成する 記事を新規作成する $ rake new_post[“記事のタイトル”]
作成した記事のプレビュー 作成した記事のプレビュー $ rake generate $ rake preview
作成した記事のデプロイ 作成した記事のデプロイ $ rake deploy
Octopress Octopressライフが捗る ライフが捗るTips Tips
設定ファイルについて 設定ファイルについて
Octopress Octopressのテーマを変更する のテーマを変更する • https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes $ cd octopress $ git
clone GIT_URL .themes/THEME_NAME $ rake install['THEME_NAME'] $ rake generate
Octopress Octopressをバージョン管理する をバージョン管理する • 直下以下をそのままgitとかに突っ込めばOK • .gitignoreで_deployディレクトリ以下を除外
さいごに さいごに
Octopress Octopressのいいところ のいいところ • 好きなエディタでゴリゴリできる • バージョン管理できる • 静的HTMLが吐かれる •
気になるところは自分で弄れる
Octopress Octopressのいくないところ のいくないところ • 記事を書くために環境を作らないといけない – 会社PCでゴリゴリやりにくい • テーマとかあんまりない •
画像のアップロードは別でやらないといけな い