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
580
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
650
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
razon
0
460
ノベルティカンファレンス in 地方 / Novelty conference in local region
razon
0
790
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
razon
1
240
フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI
razon
0
1k
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
razon
0
57
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
razon
0
270
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
razon
0
56
大都会アワード2017 / Daitokai awards 2017
razon
0
910
Other Decks in Programming
See All in Programming
Langfuseと歩む生成AI活用推進
licux
3
290
A Gopher's Guide to Vibe Coding
danicat
0
170
ソフトウェアテスト徹底指南書の紹介
goyoki
1
110
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
450
コーディングエージェント時代のNeovim
key60228
1
100
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
tjjh89017
0
380
CSC305 Summer Lecture 05
javiergs
PRO
0
110
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
970
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
140
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
9
2.6k
サイトを作ったらNFCタグキーホルダーを爆速で作れ!
yuukis
0
470
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.8k
Featured
See All Featured
KATA
mclloyd
32
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Designing for Performance
lara
610
69k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Bash Introduction
62gerente
614
210k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
GraphQLとの向き合い方2022年版
quramy
49
14k
GitHub's CSS Performance
jonrohan
1031
460k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
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でゴリゴリやりにくい • テーマとかあんまりない •
画像のアップロードは別でやらないといけな い