Electron で Markdownプレゼン作成ツールを作って公開するまで - Qiita
Markdown でスライドを作るためのツールを漁っていたのですが、なかなか自分好みのものが無く、Electron の勉強を兼ねて作ってみた話です。 追記 (2018/12/10): その後の進捗はこちら Puppeteer & Carlo を Markdown スライド作成 CLI ツール (Marp CLI) で活用する - Qiita 成果物 今回作ったプレゼンツールは、以下にてプレリリース版を公開しています。 Marp - Markdown presentation writer https://yhatt.github.io/marp/ (旧称 mdSlide) 追記 (2016/07/13 19:42) ＿人人人人人人人人人人人人人人＿ ＞ 突然のGithubトレンド入り ＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ Markdown スライドツール比較表 私の欲
完全に単一のHTMLファイルで動作するMarkdownエディタ作った - Qiita
概要 完全に単一のHTMLファイルで動作するMarkdownエディタ「かんたんMarkdown」を作ったというお話。 お断り 一応簡単に動作検証はしていますが、とんでもないバグが潜んでいるかもしれません。 かんたんMarkdownを利用して大切な文章がなくなってしまったり、その他損害が生じても責任は取れませんm_ _m 経緯 前回の記事(そろそろExcelで資料作るのやめたい)で、 単一ファイルで動くMarkdown 画像をbase64で埋め込んでしまう というアイデアに可能性を感じて下さった方が多いようです1。 しかしながら、 エディタとプレビューアが別なのが面倒 base64に変換するのが面倒 といった意見も多く聞かれました。 そこで思ったのです。ならばエディタを作ってしまえと。 かんたんMarkdown かんたんMarkdownは完全に単一のhtmlファイルで動作するMarkdown
Online Markdown Editor
Using this tool --------------- This page lets you create HTML by entering text in a simple format that's easy to read and write. - Type Markdown text in the left window - See the HTML in the right Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email. As [John Gruber] writes on the [Markdown site] [1]: > The overriding design goal for Mar
一からテキストエディタを自作してみた - jsdo.it - Share JavaScript, HTML5 and CSS
思い立ったのでラインテキストエディタを自力で作ってみました。 使うDOM要素はcanvasのみ。textareaなんて使いません！！ 現在の機能 ・一行だけ文字が表示できます。画面からはみ出したのは表示されません。 ・キャレット（カーソル）が矢印左右キーで動かせます。 ・英字入力ができます。 ・BackSpaceで文字が消えます。 (以下、2013 2/8追加) ・Delキーでも文字が消えます。 ・Home, Endキーでもキャレットが動きます。 やりたいけどできてない機能 ・文字列選択（Shiftキー押しながら矢印キーで選択したい） ・簡易クリップボード ・マウス対応（クリックした所にキャレットを移す、選択する…） ・日本語入力（Google日本語入力のIME使えたらできないかな、とか思ったりして） 問題点 ・フォントの扱い方が未だによく分からなくて表示が汚い 予想する進化系 =>スクリ
ReText 3.0 Released (Text Editor For Markdown And reStructuredText)
ReText is a text editor for Markdown syntax and reStructuredText (reST) that supports exporting to some popular formats such as PDF, ODT, HTML and plain text. It supports live previews, web pages generator, HTML syntax highlighting, full-screen mode for distraction free writing, can export files to Google Docs and more. In case you're not familiar with it, Markdown is a markup language that allows
xyzzy - カスタマイズ可能で軽快な Windows 用テキストエディタ
xyzzy はカスタマイズ可能で軽快な Windows 用のテキストエディタのようなものです。 作者も使ったことのないような機能を満載しています。 xyzzy は 亀井哲弥氏 よって開発された Emacs ライクなテキストエディタです。 Common Lisp にほぼ準拠した言語で拡張可能であり、多くの機能が Lisp によって実装されています。 他にも以下のような特徴があります。 使いやすい 2 画面ファイラー 複素数や「人生、宇宙、すべての答え」を計算できる 電卓 COM・FFI (Foreign Function Interface; DLL 呼び出し) による他の Windows プログラムの制御 Twitter クライアント、2ch クライアント、五目並べなどの暇つぶしツール 軽快な動作 その他いろいろ 初めて利用する場合は xyzzy Wiki の QuickTour をご覧下
世界のテキストエディターから - ユーザーコミュニティの手で成長し続ける「xyzzy」
GNU Emacs風ながらも動作が軽快な「xyzzy」 そもそもテキストエディターはユーザーによって使用目的や用途が異なります。筆者のように文書作成が主目的という方や、ソースコードの記述やアドオン機能を併用した全体管理に用いる方、サーバーのログファイルを閲覧するためのビューアとして使う方もおられるでしょう。このように用途が異なるためテキストエディターの作者は、自身が使いやすいツールを念頭に置いてソフトウェアの開発を行うのではないでしょうか。今回紹介する「xyzzy」は、前回紹介したGNU Emacs風の味付けをふんだんに用いた国産のテキストエディターです。 ドキュメントで確認すると最初のバージョンは約15年前の1997年1月。作者である亀井哲弥氏がいつからxyzzyのアイディアを持ち、開発に着手したのかはわかりませんが、Windows 98も登場していない頃です。Windows 3.11の
Webブラウザ上で使える埋め込み型Markdownエディタ·EpicEditor MOONGIFT
EpicEditorはテキストエリア内でプレビューできるWebベースのMarkdownエディターです。 エンジニア向けを中心にMarkdown記法を使ったWebサイトが増えてきました。そこでより入力をしやすくしてくれるWebエディター、EpicEditorを紹介します。 デモです。この黒いテキストエリアがエディター部になります。 エディター部の右下にある×ボタンを押すとエディターとプレビューを切り替えられます。 リストなどMarkdown記法は問題なく利用できます。 フルスクリーンモードにすると左右にエディタ、プレビューが表示されるモードになります。 画面の横幅が広いと使いやすいです。 EpicEditorはプレビューが入力部と一緒というのがユニークです。またフルスクリーンモードにすれば左右でリアルタイムプレビューができるようになるので、より書きやすくなりそうです。オプションも多数用意され
Byword - Markdown text editor app for Mac, iPhone and iPad.
Markdown app for writing in plain text efficiently. Available for Mac, iPhone and iPad. Write Draft a blog post, write that story or complete a school report wherever you are. Use Markdown to format text with easy keyboard shortcuts, subtle syntax highlighting, word counters with live update, and much more. Sync All your documents, on all your devices. With iCloud and Dropbox, you can create docum
Big Sky :: Learn Vim Progressively
この文章は、 http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/で掲載されている「Learn Vim Progressively」の翻訳文です。 文内の全てはの筆者による物であり、訳文の内容については私による物となります。意訳が若干入っています。間違い等あればご連絡下さい。 tl;dr: 可能な限り速くvim(人類史上、最良と知られているテキストエディタ)を習得したい。その方法を提案する。生き残るには最小を学ぶ事から始め、その後徐々にトリックを混ぜて行く。 Vim 60億ドルのテキストエディタ 優れいて、強く、そして速い vimを学ぶ事、それはあなたあなたが学ぶ最後のテキストエディタになるでしょう。私が知る限りより優れたテキストエディタはない。学ぶのは難しいが、使うと素晴らしい。 4つのステップで学ぶ事をお勧めす
[C#] Google Chromeのtextareaを秀丸で編集するためのアプリを作ってみた その3
というわけで、欲しい方は以下のリンクからダウンロードしてください。 EditChromeServerWithHidemaru.zip インストール方法とか使い方は同梱のREADME.txtを見てくだされ。 やっぱり、なんか秀丸が最前面に出てこなかったり出ては来るけどフォーカス持ってなかったりとかするんですが、正直これ以上は対応難しそうなのでがまんすることに。 Windowsアプリ作るのが本職の人とかだと、さくっと間違いがわかるんだろうけれど、じーちゃんにはさっぱりですな。 ま、最前面に来なくとも外部エディタでtextarea編集できると便利なので、興味がある方は使ってみてはいかがでしょう。 TODO ・秀丸起動してから、その秀丸のウィンドウをアクティブ化するまでの時間をconfigで設定できるようにする。（現在ハードコーディング 2014/12/31追記 Windows8.1では、管理者権
![[C#] Google Chromeのtextareaを秀丸で編集するためのアプリを作ってみた その3](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d3a1b298719b6a6bcbe4f43fcb84840cf15bc2a/height=288;version=1;width=512/http%3A%2F%2Fg-chan.dip.jp%2Fsquare%2Fblogimg%2Fog_image.png)
Chrome：テキストエリアで外部テキストエディタを利用する方法。
Chrome：テキストエリアで外部テキストエディタを利用する方法。 2011/2/5 2014/8/10 pc関連, ネット関連 photo credit: Randy Zhang via photopin cc Firefoxの時は、It’s All Textって便利なプラグインがあったけど、Chromeでは似たようなアドオンは見つけられないでいた。 Gmailをブラウザから本格的に利用しようと思うと、ネックになるのは、フォーム内でメールを作成しなければいけないところだ。タブインデントとかも使えないし、フォントの関係で文字数揃えたりとか、そのへんもよくわからない。 ということで、探してみたら外部エディタは秀丸限定だけど、It’s All Textとほぼ同じような機能の機能拡張があった。 設定も非常に簡単だ。 (1) ChromeにEdit with Emacs をインストールする。 (2
TextareaConnect 〜 Chrome版 It's All Text
ChromeがFirefoxに劣っているいくつかの理由の一つにIt's All Textプラグインの存在がありました。同様のことが出来る拡張を定期的に探していたのですが、今日ついに実用に耐えうる(?)拡張を見つけたので紹介します。 TextareaConnect(☆3つですが、手元の環境では元気に動いています) Chrome版It's All Textが登場しなかった背景には、Chromeが拡張から外部プロセスの起動を許さないというポリシーがありました。TextareaConnectは、別に起動したサーバプロセスから任意のエディタを立ち上げ、テキストをやりとりすることでIt's All Text相当のことを実現しています。(他にも同じアプローチの拡張があったような気がします) サーバ側は、なんと出たばかりのNode.js 0.4.0以上を要求するためか、ドキュメント通りにはインストールでき
Markdownマニア必見！ファイル保存、印刷もバッチリのMarkdownエディタ「Jon Combe Markdown Editor」 - Chrome Life
他にもMarkdownをサポートしたオンラインエディタはたくさんありますが、入力したテキストをプレビューできるレベルです。 今回、紹介するMarkdownエディタは、ファイルの保存や印刷もできる「Jon Combe Markdown Editor」です。 Markdownのパーサーは、Showdownを使っているのでリアルタイムにMarkdownのプレビューが確認できます。 ローカルのMarkdownファイルを開くことができ、ファイルの保存にも対応しています。さらに、パースされたHTMLを保存できるのは、うれしいです。 HTMLはプリンターに印刷することもできます。 エディタエリアの分割を上下や左右など自分好みに切り替えることができるのも気のきいた機能です。 Markdownマニアはチェックしてみてください 「Jon Combe Markdown Editor」
これはすごい！インストール不要のテキストエディタ「TextDrop」：無料 - Chrome Life
テキストエディタといえば、どんなOSでも最初からインストールされているエディタの１つです。 しかし、OS標準のテキストエディタはあまり使い勝手がよくないので、他の高機能なテキストエディタをインストールしている人も多いと思います。 有名どころだと、秀丸、Emacs、Vim、サクラエディタなどがありますね。 そんな人でもこだわりのテキストエディタが、いつも使えるわけではありません。 最近では、会社のパソコンにアプリケーションをインストールするには申請が必要であったり、禁止されているところも多いでしょう。 そこで今回紹介するのは、インストール不要で使える無料のテキストエディタ「TextDrop」です。 「TextDrop」は、ブラウザ上で動くオンラインテキストエディタです。 操作性は、OS標準のテキストエディタレベルですが、特筆すべき点は、ファイルをDropboxに保存できるところです。 「Te
Macで集中して文章を書くなら「OmmWriter」を使うべき
テキストエディタなんて何でも良いと思ってました。 この美しいエディタに出会うまでは。 その名も「OmmWriter」。オム・・・読めない。 先日@hitoxu さんがブログで紹介されていたのが、この「OmmWriter」。 参考：Macに自分の書斎を。「OmmWriter」がすごく快適な件 | ひとぅブログ MacAppStoreでは「OmmWriter 2」が600円（購入時）で販売されていますが、「OmmWriter」はWeb上にて無料でDLが可能でしたので、自宅のMacに入れてみたところ・・・これがすこぶる、良い。 すぐさま2も購入してしまいました。 OmmWriter Dāna II Version 1.0 カテゴリ: 仕事効率化 価格: ￥600 更新: 2011/01/25 OmmWriterは文章を書くことのみに集中させてくれるアプリケーションです。 立ち上げると美しい背景画
Thunderbirdでもvimでメールを３倍速く編集したい External Editor
プライベートなメールは、基本的に Emacs + Wanderlust で読み書きしています。 ただし、一部のメールは、Thunderbird で読み書きしています。 Thunderbird でイヤなのは、文章の編集時の標準のエディタです。 Emacs もしくは、vim でないといろいろ編集するには、面倒でたまらない性格なので、Thunderbirdの編集も別のエディタを利用することにしました。 Wiki を編集するときには、Firefox の It's All Textの拡張を利用して、gvimを起動しています。 Thunderbird でも同じようなことができます。 そのためには、 External Editor というエクステンションを利用します。 http://globs.org/articles.php?pg=2&lng=en Thunderbird に External Edi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.olivinecafe.info/post/19055876482/olivineeditor
コーディングが楽しくなる軽快でスタイリッシュなテキストエディター「Intype」NOT SUPPORTED
Loading...