はじめに Markdownって便利ですよね？ README.md、PR や Issue の本文やコメント、Qiita や Zenn はもちろん、Google Docs や Trello や Notion や Jupyter Notebook でも使えるみたいです。もっといろいろな文書を Markdown で書ければいいのになあ、あらゆる文書のソースコードを Markdown にできればいいのになあ。 さあ、Markdown の可能性を広げましょう！ 本記事では「スライド」と「(電子)書籍」をMarkdownで書く方法をご紹介したいと思います。もちろん、VSCodeでMarkdownを効率よく便利に書いていくためのチップスもご紹介していきますよ。 ご参考スライド VS Code Conference Japan 2021 で発表した際の以下スライドもご参照ください。 もちろんこのスライドもV

ネタが無いときのスライド回顧録のコーナーです。 speakerdeck.com 論理削除と呼ばれるものはたくさんあり、delete_flgカラム作るとか、paranoiaみたいなgemを使うとかいろいろありますが、そういうことが話題にあがったときに「その削除フラグは本当に必要なのか？」と振り替えるために見ると良い資料です。 削除フラグは設計における脳内停止というのはこのスライドが発表された勉強会と同じ発表で和田さんがされているので、モデリングの観点でもインプットしておくとよいです。削除に対する構えかたがいろいろ変わります。 関連リンク SQLアンチパターン 幻の第26章「とりあえず削除フラグ」 論理削除Casual Talksでの議論を見て、削除フラグの採用を全力で阻止して本当に良かったと思った - valid,invalid 27. 論理削除とは何か？どのような解法があるのか？ w/ t

Rabbitとは Rabbitはプログラマ向け（主にRubyist向け）のプレゼンテーション ツールです。 Rabbitはテキスト形式でプレゼン資料を作成できるので、常にエディ タとバージョン管理システムを使っているプログラマ向きのプレゼ ンテーションツールです。 また、キーボードによるインターフェイスが充実していることもプ ログラマにはうれしい機能です。Keynoteや他のプレゼンテーションツールで スライドを作成しているユーザでも、スライド表示にRabbitを使う ことができます。具体的には、見栄えの調整などのスライド作成は GUIのプレゼンテーションツールで行い、スライド表示・操作のイン ターフェイスだけキーボード操作に強いRabbitを使う、というよう に使い分けられます。 さらに、Rabbitではスライドの見た目をRubyでカスタマイズできま す。プレゼンテーションの時もプログラ

テーマ やりたかったこと デモ 手順 タスク 仕組み できること・できないこと できること できないこと 次の実装 さいごに fusuma0.0.1をリリースした。https://t.co/EpS9Wkq7DT— npx hiroppy😶 (@about_hiroppy) 2018年4月27日 今現在、0.2.1 テーマ 本質ではないwebpackとかBabelとかPostcssとかの設定ファイルを書くことなく、1コマンドでリリースまで面倒を見てくれて、マークダウンだけクールなスライドを作れるようにしたい。 サッとスライドを作れて、サッっとデプロイしたい。 やりたかったこと webpackやBabelの設定を隠蔽したい 開発・プロダクトビルド・リリースを1コマンドで終わらせたい マークダウン(or HTML)で書けるようにしたい フレームワークへの接続 bespoke.js以外にも対応さ

最近はプレゼンテーションのスライドもHTMLで作ることが増えてきました。余計なエフェクトや装飾を気にせず内容だけに集中できますし、コンテンツを公開すればWebクローラーフレンドリーです。 幾つかのツールがありますが、今回はTwitter社の開発したCDK（Courseware Development Kit）を紹介します。AsciiDoc記法で作るHTMLスライドツールです。 CDKの使い方 CDKのインストールはpipで行います。 pip install cdk そしてAsciiDocを引数に渡します。 cdk sample.asc そうするとHTMLファイルが生成されますので、それを開くだけです。 こんな感じに中央に大きな文字が特徴です。 日本語も使えます。コードはちょっとカードっぽく表示されます。 コマンドヘルプです。 スライド一覧。 アウトライン。 スライドジャンプも。 Ascii

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上のGitHubでMarkdown（マークダウン）ファイルを作成し、そのまま超高機能なスライド資料に変換してくれるサービスのご紹介です！ もちろん、自分でMarkdownファイルを用意してpushするだけでもOKなのですが、今回はコンソール画面などは使わずにすべてブラウザだけで完結できる方法をご紹介致します。 【 GitPitch 】 ■「GitPitch」の基本的な使い方！ それでは、実際に簡単なスライド資料を作ってみましょう！ まず最初に、自分のGitHubアカウントでログインし、新規のリポジトリを作成しましょう！ 「① リポジトリ名」は好きな名前を付けてください。 画面下にある「② チェックボックス」をONにしてから「③ Create repository」ボタンをクリックしましょう。 すると、自動的に「README.md

インフラについて、何となく理解しているつもりでも、「インフラとは何か？」と聞かれると、こういうものであると明確に答えるのは案外難しいものです。 そこで、インフラの基礎がわかるスライドシェアを10個ピックアップしてご紹介します。 インフラエンジニアの定義、インフラの基礎、手順書の書き方、インフラ自動化など、初心者から中級者向けの内容となっています。 Web業界で働くなら、システムの基盤となるインフラについて学んでおいて損はないはずです。

2019/08/03 追記: 2019年現在、デスクトップアプリ版の Marp はすでに開発を中止しており、次世代版である Marp Next の開発に注力しています。デスクトップアプリはまだ使用可能ですが、すでにメンテナンスが中止されており、セキュリティに関する一部懸念も指摘されているため、デスクトップアプリ版をこれから使い始めるのは決して推奨されません。 移行先として、Marp Next の公式ツールの1つとして提供されている Visual Studio Code の拡張機能、Marp for VS Code をお勧めしています。クロスプラットフォーム・オフライン対応・ライブプレビュー・PDF出力はもちろん、新しい Marpit フレームワーク をベースとした Markdown 構文、HTML 形式や PowerPoint 形式での出力、カスタムテーマ CSS の対応など、スライド作成

勉強会での発表資料を作成するにあたり、まずMarkdownで話そうと思うことを適当にメモしてるうちに、なんか発表資料このままで良くない？と思えてきました。別に レイアウトや配色のセンスに自信があるわけでもない し。。 で、最初 "markdown pagination" でググってみるとあまりパッとしたのがなかったのですが、"markdown presentation" にしてみると出るわ出るわ。しかもどれも結構よさげ。 というわけで出てきたものをメモがてら書き留めておきます。結論からいうとググって一番上に出てきた "Remark" が今回の要件に（ほぼ）マッチしていたので、他はまだ使ってません。 Remark 長所 GitHubでソース公開されてる 無料 ログイン不要 不満があれば自分で修正してpull request送れる Swipe 長所 テンプレートやフォントが複数用意されてる（っ

なんか昨日, koba04さんの『「プログラミング未経験のタワレコ店員がエンジニアになって思ったこと」というスライドを書いてみた』というエントリーがキッカケで １年前に公開したエントリー『オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた.』へのアクセス数が急上昇しました. これに便乗して, 今回は reveal.js の オンラインエディタ版『rvl.io』の使い方ついて解説したいと思います. 最近は, ありがたいことに講演に依頼や, 実際にセミナーで発表する機会も増えてきたので かなり重宝しています. とても便利なオンラインエディタなのでぜひ使ってみて下さい. Table of contents reveal.js って？ rvl.io って？ rvl.io の使い方をrvl.ioで作ったプレゼンで解説してみた 過去に

PowerPoint2003から2013になってちょっと戸惑いを隠せない。。。 ありきたりなスライドテンプレートもなんか嫌だし。。。 と思っていたところ、markdownでWebスライドが作れることを発見しました。 GithubでWebページを公開する方法を発見、SublimeTextも入れたので、ちょっとWebスライドを作ってみます。 完成サンプル http://budougumi0617.github.io/reveal.js-myMaster/ 作り方 Reveal.jsというJavaScriptライブラリを利用します。 GitHubからreveal.jsのプロジェクトzipをGET index.htmlをテキストエディタで開く。 <div class="slides">タグ内の<section>内容を削除 後述のオプション付き<section>を記載する <section>内にMa

Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en

補欠としてですが、行ってきたyokohama.pm #11で@yusukebeさんが開発・紹介してくださったApp::revealupを試してみました！ 導入 $ mkdir slide $ cd slide $ vi cpanfile まず適当なディレクトリを作って、その中にcpanfileを置きます。 そしてcpanfileに以下を記述します。 requires 'App::revealup' 書けたらcarton installで./local以下にインストールします。 $ carton install そうしたらスライドの内容を書いていくMarkdownファイルを作って、 $ vi slide.md 中身は適当にこんな感じにすると、 ##slide1 hoge --- ##slide2 fuga 後は以下のコマンドを実行して、ブラウザから"localhost:5000"にアクセスす

追記: コメントでyusukebeさんに指摘いただき、carton使わないよう修正しました＞＜ まずこれをみてかっけーと思った 一瞬でクールなスライドがつくれる「App::revealup」をリリースしました - ゆーすけべー日記 http://yusuke.be/post/88914879289 perlの環境構築よくわかんないけど、かっこいいスライド作りたいのでしらべてみた perlのインストール brew install plenv plenv install 5.18.2 plenv install-cpanm plenv global 5.18.2 plenv rehash && rehash # perl export PERL_LOCAL_LIB_ROOT="/Users/`whoami`/perl5:$PERL_LOCAL_LIB_ROOT"; export PERL_MB

yusukebeさんのApp::revealupというモジュールがあるんですが スライドのプロトタイピングにとってもよかったのでご紹介。 こんなぐあいにmarkdownで書いて、 revealup server -p 5001 --theme night --transition none yapcasia2014.mdこんなぐあいに立ち上げると、 こんなぐあいにプレビューできます。おてがる！ スライドの区切りを気軽に変えられる 一枚のmarkdownを編集するかたちなので中身の移動やコピペがしやすい 全体の流れを確認しやすい すぐにプレビューできる などなどがべんりポイントだとおもいます。 先日のYAPCのスライドはまずApp::revealupをつかってわーっと書き散らかしてからまとめて、keynote上で仕上げる、という過程で作っていました。 LiveReloadなどと組み合わせると