You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

hatena2md.rb �2H�U ��,H�U require "bundler/inline" require "pathname" require "time" require "uri" abort "[USAGE]: hatena2md <exported file> <output dir>" if ARGV.length < 2 exported_file_path = ARGV[0] output_dir = Pathname.new(ARGV[1]) output_dir.mkpath unless output_dir.exist? gemfile do source "https://rubygems.org" gem "nokogiri" gem "reverse_markdown" end Article = Struct.new("Article", :tit

ごきげんよう。erukitiです。 皆さん、技術同人誌を書いていますか？ 技術同人誌専門の大型イベントとしては年内に残り2つが予定されています。 2019年9月22日（日曜）に池袋で開催される技術書典7と、2019年12月14日（土曜）に人形町で開催される技書博2です。 技術同人誌の執筆には Re:VIEW+TeXLiveか、MarkdownやHTMLとCSS組版などといった組み合わせがよく使われています。 過去にQiitaでも技術書同人誌を書きましょう！ - Qiitaという記事や本文212Pの分厚い薄い本の共同執筆を支える技術 - Qiitaという記事を書いたりしましたが、今回、新しく導入した執筆環境について解説します。 筆者も度々Re:VIEW+TeXLiveを使っていますが、2019年7月27日（日曜）に開催された技書博では、Markdown（正確には、Markdown+Re:VI

技術書典や技書博、あるいは今日開催されているようなコミケで頒布されている技術同人誌は多くがB5判ですが、A5判の方が著者にも読者にも、圧倒的に利点が多いよ！というのが今回の記事です。 ちょうど先日7/27日の技書博で出したEffective React Hooksという本はA5判で作成しました。物理本は100部しか刷っておらず、とらのあなさんに委託している分のみです。電子版はBoothで販売しています。 さて、以前から同人誌執筆仲間から、A5いいぞーという話を聞いていたのですが、毎回締め切り間際の攻防で新しいサイズを試すという冒険を取れなかったのですが、今回は色々な偶然がかみ合って、試すことができました。 結果からいうと、とにかくお勧めできるということなので布教したく、この記事を書きました。技術書執筆している人に是非この記事を読んでもらいたいです。そして技術同人誌の標準がA5になればと思っ

CSSで組版（印刷打つの紙面を構成）を行うCSS組版が、技術系同人誌（主に技術書典）界隈や、一般の出版業界でも盛り上がりを見せています。 今回、CSS組版・パブリッシング交流会というところで登壇した内容を記事にいたしました。また、記事の最後には、同イベントでのCSS組版について感じたことも報告としてまとめました。 実際に行ったCSS組版の方法 MarkdownからHTMLにどう変換するかの模索結果 が今回の記事の内容です。そのため、ベストプラクティス、というわけではないです。CSSで組版を行うということは、必然的に、HTML等で書かれた文書が必要になるので、それをどうやって生成しようという話です。 目次 バックグラウンド なぜMarkdown＋CSS組版なのか Markdown＋CSS組版の作業の流れ エディタ Atom エディタ Typora HTML出力 印刷画面プレビュー Tips

各種editorでmarkdown tableのformatterは用意されていると思いますが、 Atomプラグインのmarkdown-table-editor の出来が非常に良いです。 これまでは、markdown-table-formatter を利用していましたが、こちらよりも数段使いやすいです。 デフォルトだと日本語に対応していないので、以下の「Use East Asian Width」オプションをオンにしておくと良いです。 「Smart Cursor」 の方は、名前から機能が想像できませんが、特定列の修正を連続して行う場合に便利そうです（他にも便利な機能があるのかもしれませんが）。 ご参考 Markdown のテーブルをいい感じに編集する Atom パッケージを作った - Object.create(null)

原稿やHTMLの草案を書く際に、とても重宝するのがマークダウンエディタです。特定の記号を付与することにより、文章に構造的な意味を付与し、視認性・再利用性を最大限確保した状態で文章を書くことができます。 マークアップはもとより、ビジネス文章やレポート文章を記述する感覚に近いので、社内の共有文章としてもオススメです。 世の中にはマークダウンで書けるテキストエディタがいっぱい ライティングとプレビューマークダウンのための78のツール 海外の記事ですが、78ものマークダウンエディタに対応したツールを紹介しています。 78 Tools for Writing and Previewing Markdown Mac専用、マークダウン対応エディタ35個 Mac専用のマークダウンエディタ集です。 35+ Markdown Apps for the Mac « Mac.AppStorm これらの中およびその

Quiver: The Programmer’s Notebook Twitter のタイムラインで こちらのエントリ を見かけて、これはよさそうと思って衝動買いしてちょっと試してみたところ、自分のニーズを全て満たしていると言っても過言ではないくらいよかった。ので、この感動を同じニーズを持った人達に伝えるべく、軽くレポートしてみようと思う。 Quiver 移行前のメモ管理 Dropbox に markdown 形式で保存 emacs で編集 Marked 2 を emacs から起動して閲覧 という感じで落ち着いていた。 が、いまいちしっくりきてなかったというか。メモ管理に最適化されてる感じは薄かった。シェルの世界から出ないでよいのでラクだなあというくらい。 Quiver の特徴 最たる特徴は以下。 1つの Note は複数の Cell で構成されている 現状、Cell は以下の5種類 T

プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ)Markdownをサポートしたメモアプリは数多くありますが、技術系のメモやスニペットを書き溜めるのに適したものはそれほど多くありません。 個人的な要件としては、 データフォーマットがオープンで好みのクラウドサービスで同期できることMarkdown(GFM)を扱えてプレビューできることコードの取り扱いが簡単なこと(できればシンタクスハイライトも)ファイルを意識しないで使えること(ファイル名を考えたりしなくて良い。オートセーブされる)ノートブック、タグなどでノートを整理・分類できることぐらいなのですが、すべてを満たしたアプリをなかなか見つけられず、Day OneやUlysses、Kobitoなどを併用して凌いでいましたが、最近、知ったQuiverというアプリがこれらの要件をすべて満たしており、これに一本化することに。 あまりに

「VimmerだがMarkdown文書を書く時にはリアルタイムプレビュー機能が欲しいのでしかたなく専用エディタを使っている。」 そんな根無し草的Vimmerの夢を叶えるVim用のMarkdownリアルタイムプレビューツールがあったので紹介します。 使い方 vimでmarkdownテキストを開くだけです。 vimでMarkdownテキストを入力するとWebブラウザが自動的に起動して、GitHubとよく似たプレビューが表示されます。 そして、vimのMarkdownテキストを入力するとリアルタイムにブラウザのプレビューがアップデートされます。プレビューを更新させるためにMarkdownテキストを保存する必要はありません。 導入方法 instant-markdown-d これは何？ Markdown文書をHTMLに変換してブラウザにリアルタイムプレビューするNode.jsのアプリです。 REST

猿も人並みに、Markdown記法なるものを使うようになりました。 記法として他によく知られているのは、はてな記法とか、Wikipediaの編集画面で使われている記法でしょうか。 ウィキ（ハワイ語: ...

(Photo:Event: Meet The Media Guru | Cory Doctorow by Meet the Media Guru) 最近、開発チーム内でQiita:Teamを導入し、情報共有・コミュニケーションが目に見えて活性化してきています。 自分の作業ログにもなるし、同時にメンバにもシェアでき、さらにはいいねやコメントなどでフィードバックを得られるので、最近は何でもQiita:Teamに書いています。 個人的に気にっている点をご紹介します。 情報発信するモチベーションがわきやすい Markdownで手軽かつ綺麗に記述できる 簡単なMarkdownによって、整形されたドキュメントを素早く作成することが可能です。 入力フォームも、タブでインデントされたり、自動補完されたりと入力の手間を軽減する仕組みも多く実装されています。 macでは、kobitoというクライアントが用意さ

B! 77 0 0 0 vimにおけるMarkdown環境について。 現在のVimではSyntaxもデフォルトで入っていたり、 いくつかプラグインもありますが、 ちょっと気に食わないところがあったのでその辺を改良したと言う話です。 現在あるSyntax Default tpope/vim-markdown plasticboy/vim-markdown hallison/vim-markdown 改良版: rcmdnk/vim-markdown 終わりに 現在あるSyntax Default 何も入れない状態でもvim/syntax/markdown.vimファイルがVimの中に用意されているのでmarkdownファイルを開くと色付けがされます。 デフォルトSyntax こんな感じ。 この場合、*.md等のファイルはMarkdownではなく modula2 のものと判断されてしまうので、こ

iPhone上で論文や本だって執筆する…。ちょっと前なら「そんな無茶な」と言われていたことが、アプリや周辺サービスの充実で当たり前にできるようになってきました。 その一つの鍵となったのがDropbox やiCloudとの連携です。ユーザーの側でまったく意識することなく文書が同期される仕組みがあるおかげで、iPhoneで編集した文章をパソコンで清書ということが楽にできるようになったわけです。 もうひとつの鍵は、しだいにサポートされるようになったリッチテキストの扱いです。いまではEvernoteでもリッチテキストを扱えますし、Markdown書法経由で楽にリッチテキストを書くアプリも増えました。 そのなかでも群を抜いた高機能とUIの美しさを誇るアプリが Write です。Markdownの扱い、DropboxやiCloudとの連携、他サービスへの共有方法の数の多さなど、総合力が高い一方でこれま

みなさんはどのようなエディタでどのような記法で文章を書いていますか？最近、エンジニアの中で一番人気な記法はMarkdownではないでしょうか。GitHubでのwikiやREADMEの形式に採用されて火がつき、最近だとはてなブログもMarkdown記法に対応してくれました。 このブログもMarkdown記法で書いています。さらに当然なことながら、ソースコードなどを掲載した場合には、Syntaxハイライトして欲しいわけです。 その際に使用したプラグインをご紹介します。 Markdown プラグイン Markdown on Save Improvedを使っています。インストールすると投稿画面の右上に、ウィジェットが表示されます。 チェックを外した状態でMarkdown記法で記事を登録すると、HTMLへ変換して投稿されます。簡単、便利。 Syntaxハイライト プラグイン 2016/02/21 追

13/09/28 23:13 設定の記述を誤っていたため修正しました。 339d483 検索して見つかる Vim で Markdown をプレビューする方法は、どれも GitHub Flavored Markdown に対応しておらず GitHub で改めて確認すると表示が崩れていることが多々ありました。そんな悲劇をなくすため GitHub Markdown Rendering API を使ってプレビューする vim-quickrun-markdown-gfm を作りました。 https://github.com/superbrothers/vim-quickrun-markdown-gfm 以下の利点があります。 GitHub Flavored Markdown でプレビューできる Perl, Ruby などの Markdown parser に依存していない 別途プレビューサーバを起動

マークダウン便利ですね―、パパっとしたメモがHTMLに変換されて便利です。 マークダウンの自動プレビューを作った (マークダウン) こんな感じ。 マークダウンはプレビューが不便だった マークダウンはドキュメント生成が楽なのに、プレビューするととたんに面倒になります。 Finderのプレビューエリアをつかってプレビューしてた。 面倒だから監視スクリプト書いた マークダウンをメインで使いたいので、監視スクリプトと自動プレビューを作った。 こういうのがパパっと作れるのでOSXは本当に好き。 （IEでコレやろうと思うと大変ですよね。。。） 自動プレビューできるRubyスクリプト 必要なgems gem install rb-kqueue 起動 ruby markdown_watcher.rb m_sample Rubyファイル #!/usr/bin/env ruby require 'rb-kqu

previmというのを作りました。 作った経緯と、本プラグインの特徴を書きます。 既存のVim + Markdown環境は外部ツールが必要なものが多い Vim + Markdown環境は好みが別れるのか、色々とあります。 quickrun + 何かしらの変換ツール Hack #230: Markdown形式の文書を書く2 (quickrun0.5.0対応版) 上記リンクにある何かしらの変換ツールが必要 mkdpreview-vim Vimで編集中のMarkdownをプレビュー出来るプラグイン書いた 上記リンクにあるいくつかのツールが必要 instant-markdown-d VimでMarkdownをGitHub風にリアルタイムプレビュー Rubyが必要 Node.jsが必要 Marked(Mac用) vim-quickrunとMarkedでmarkdown編集が快適になった 専用アプリが

おすすめアプリ、ゲーム、iPhone、スマホの使い方、ガジェットなどのお得な情報をお届け | AppBank