ツナワタリマイライフスマートフォン用の表示で見るツナワタリマイライフ日常ネタから技術ネタ、音楽ネタまで何でも書きます。Programmingはじめにはてなブログを書き始めたのと、職場、プライベート共にAtomを使うようになって常にmarkdownで文章を書くようになりました。これはとても良いことです。reveal.jsはhtmlでカッコ良いプレゼンがwebでできるツールです。これも以前からやっていましたがなんだかんだ放置してました。(図もよく書くので結局keynote使ってた)ただ最近はてなブログにmarkdownでネタをためてることから、このままreveal.jsで写せば勉強会でLT楽じゃない?と思って久しぶりに導入に至ります。導入が楽でないといけない。localでapacheを動かすmacは上記の通りデフォルトで入ってるので、動かすだけなら、カンタンなんですね、動かすだけなら。Works!と言われるはずです。よしよし確かに動いている。これはroot権限でアクセスできる/Library/WebServer/Documents/index.html.enを見ています。ユーザ環境で使えないとうっとおしいんでぱぱっと変更しましょう。/private/etc/apache2/extra/httpd-userdir.conf/etc/apache2/extra/httpd-userdir.confを修正16行目を追加します。**.confの部分はユーザ名をいれてください。</IfModule>/etc/apache2/users/**.confを作成ルート権限で作成しましょう。takeの部分は自分のユーザ名を入れてください。</Directory>/Users/take/Sitesの作成ここにファイルを置いて、http://localhost/~take/Sites/でアクセスできます。ザリガニが見ていた...。reveal.jsの導入reveal.jsの配置ようやくwebサーバの設定ができたところで(こんなに手番がいるとは思わなかった)次はreveal.jsです。回答したら適当にリネームしてさきほど設定した場所に置きましょう。reveal-jsreveal-jsとrenameしました。サンプルにアクセスhttp://localhost/~take/reveal-js/にアクセスするとcoolなスライドが現れるはずです。なんとこれだけ、導入カンタンですね。サンプルのindex.htmlは消してしまいましょう。43行目のから376行目のまでを削除します。以下を削除した箇所に追加します。</script></section>(ちなみに会社のcentos環境だとdata-separatorは"---"でないと正しく動かなかった。)slidesのdivの間ですね。以下のsampleを同じパスに置きます。さんページ区切りが---、縦の区切りが--ですね、これをブラウザで見るとはいできあがり。Qiita終わりに今日は最速の導入手番というところで、ここまで。以後もう少し細かい設定をしたいと思います。chromeでpdfエクスポートできるらしいし。あと勉強会で発表するLTもできたら公開します。ブログ記事の質を高めるためにツール導入を検討した。...2016-10-21Docker入門中!Dockerfileに苦戦する。Ubuntu上のVagrantとAnsibleで遊びまくる週間です。はてなブログProインフラよりのソフトウェア開発エンジニア3年生。技術ネタをつらつらと書きます。Jakarta月別アーカイブ注目記事grasschaspyはてなブログをはじめよう!take_she12さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。