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
640
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
razon
0
460
ノベルティカンファレンス in 地方 / Novelty conference in local region
razon
0
770
おれたちのファイナルファンタジー勉強会 アンケート / 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
56
昔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
890
Other Decks in Programming
See All in Programming
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
660
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
600
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
170
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
350
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
120
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
560
Is Xcode slowly dying out in 2025?
uetyo
1
240
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
260
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.8k
エンジニア向け採用ピッチ資料
inusan
0
180
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Site-Speed That Sticks
csswizardry
10
670
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Testing 201, or: Great Expectations
jmmastey
42
7.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でゴリゴリやりにくい • テーマとかあんまりない •
画像のアップロードは別でやらないといけな い