tumblrにmarkdownで投稿するならmarkable.inが便利。かもしれない
tumblrさんのmarkdown投稿のプレビューがしばらく前から、壊れっぱなしですよね。 windows環境では、markdownエディタはかなり残念な結果な物が多いので、 Vimで書いて -> tumblrの投稿に貼り付けて -> プレビューで確認 というサイクルを回していた身としては、tumblrのプレビュー機能が死んでいるのは結構痛かったりします。 そこで、markdownのプレビューできるアプリを探していた時に見つけたのが、Markable Markable.in - A remarkable online markdown editor. Markableとは?オンラインマークダウンエディタですね。 かなり多機能で、 自動保存(15秒毎)1Mまでファイルをアップロード可能ライブプレビューmarkdown extra対応 (サーバーサイドのみ) Helpを見る限り、ライブプレビュ
Markdown example :: markItUp! Universal Markup jQuery Editor
Want more? Buzz A powerful Javascript audio library over the HTML5 audio element. Vegas A jQuery plugin to to add beautiful fullscreen backgrounds to your webpages and create amazing Slideshows. SundayMorning A jQuery plugin to translate content on the fly. Face Detection A jQuery plugin to detect faces in pictures. Examples Markdown set Basic example of Markdown configuration. markItUp! Universal
DropboxのDatastore APIをさっそく使ってみた - ZeBeVogue別館
Dropboxが公開したDatastore API。簡単に説明すると、Dropbox内にファイルではなく、構造化したデータを保存できるというもの。 先日使ったParseのようなものと考えて差し支えないが、今のところ認証した自分のデータしか扱えないようだ。全員が見れるようなデータを保持する事ができないのが、これもそのうち使えるようになるだろう。 詳細は以下のリンクを参照ください。 The Datastore API: a new way to store and sync app data | Dropbox Developer Blog（公式ブログ・英語） Dropbox が Datastore APIで構造化したデータを保存できるようになった オフラインWebアプリを実現するDropboxの新API「Datastore API」。Dropboxは実質的にBaaS市場へ参入した － Pub
GoogleドライブにCSSやJavascriptファイルを置く方法
GoogleドライブにCSSやJavascriptファイルを置く方法投稿 : 2013-04-05更新 : 2016-08-18 追記：2016/08/18 注: この機能は、2016 年 8 月 31 日以降はご利用いただけなくなります。 2016 年 8 月 31 日までは Google ドライブでウェブページをホストできますが、それ以降は googledrive.com/host/ID はご利用いただけなくなります。 Google ドライブでウェブページをホストする - ドライブ ヘルプ 2016/08/31以降は、当記事の方法は使えなくなります。 Googleドライブ https://drive.google.com/ htmlファイル以外はプレビューが出ないですが、以下のようにすれば公開されているURLが判明します。 あと、格納するフォルダ自体が、「ウェブ上で一般公開」でないとダ
DropboxにJavascriptファイルを置く方法 | 某氏の猫空
Dropboxを外部ファイル置き場にするアメブロ、Bloggerなどの無料ブログの場合、Javascriptなどのファイルを置く場所に困ることが多いわけです。以外と、Dropboxなんかが良いのではないか？と思ったので記事にしてみました。 アクセスがそれほどない場合、大丈夫そうに思うのとその手の記事が検索すると結構見かけるので、気分的に大丈夫なんじゃないかと・・。 参考記事： ・超初心者さんへ！TextEdit（メモ帳）とDropboxでWebページを作ろう | Webクリエイターボックス ・Dropbox と Movable Type を使って、サーバを使わずWebサイトを公開：Goodpic 1.Dropboxに会員登録 http://db.tt/rhLIXGg ※紹介用リンクです。あなたと私にぞれぞれ500MB追加（専用クライアントのインストール必要） 2.DropBoxにWEB経由
あの reveal.js でのプレゼンを Markdown で簡単に書けるようにした - 新大阪でコワーキングスペースを主宰しているPerlプログラマのブログ
2013/02/09 あの reveal.js でのプレゼンを Markdown で簡単に書けるようにした @nqounetです。 Namba.pmに参加した時にもプレゼン作成ツールとして紹介したのですが、改めてブログ上でも紹介したいと思います。 reveal.js って何？ 見ていただくのが一番早いです。 reveal.js - The HTML Presentation Framework ひとことで言うと、HTMLで書けるプレゼンツールです。 何と言ってもエフェクトがカッコイイ！ ここ2回ほどのPerl入学式のスライドも、このツールで書いています。 perl-entrance-org.github.com/presentation/perlentrance10.html#/ perl-entrance-org.github.com/presentation/perlentrance1
マインドマップから全てを紡ぎ出す - XMind+Pandocのドキュメント作成術 - - Qiita
（13.12.10 改訂） 前書き ぶっちゃけると、この記事が書きたかっただけです。 その勢いでAdvent Calendarを作ってしまいました。 とはいえ、もう少し「ドキュメントを作る」ことに注目が集まってもいいのではないかと思います。 Markdownが流行っていることですし、LaTeXユーザもたくさんいますし。 というわけで、ドキュメント作成Tips Advent Calendarの第1回では、 「マインドマップであらゆる文書を書く方法」について、 自作ツールの宣伝も兼ねてお送りします。 あらすじ マインドマップを使った文書作成フロー この画像を順に追う形で説明していきます。 誰に読んでほしいか 報告書やブログ記事・プレゼン資料など、章立てやしっかりとした論理構成をもつ文書を作りたい全ての人 白紙のWordやエディタを前にして
Marked.js で Markdown をクライアント側でパースして表示する - Qiita
で、HTML に整形された文字列が返されるというシンプルなもの。(整形オプションがいろいろあるようだが割愛) Typescript クイックガイドでは、HTML 内に Markdown テキストがベタ書きされていたが、せっかくなので管理がしやすいように外部 Markdown ファイルを読みこむようにしてみた。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Markdown renderer</title> <meta name="description" content="Markdown renderer"> <!-- bootstrap --> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" rel="styles
なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita
ちょうどいくつかプレゼン用の資料を作らなきゃと思っていてなんかいいテンプレートないかな〜って探していたらのでreveal.jsが超絶に良かったのでメモ reveal.js htmlで綺麗でカッコいいプレゼンテーションを作れるフレームワークです。 3Dでグィングィン動きます デモ画面見ればどんな風にグィングィン動くかわかります（開いたら右スクロールボタンを押してみてください） Escキー押すとプレゼンテーションのドキュメント一覧が見れます それがまたカッコよく3Dでみれます。 PDFへのエキスポートが楽チンです 書いたドキュメントをプリントしてメンバーに配布とかってシーンがあるとおもいますが reveal.jsなら綺麗にできます。 使い方 zipパッケージで落としてくる hakimel/reveal.jsにいって 「Download ZIP」をポチッと押します。 書きたい内容をindex.h
reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた | TM Life
なんか昨日, koba04さんの『「プログラミング未経験のタワレコ店員がエンジニアになって思ったこと」というスライドを書いてみた』というエントリーがキッカケで １年前に公開したエントリー『オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた.』へのアクセス数が急上昇しました. これに便乗して, 今回は reveal.js の オンラインエディタ版『rvl.io』の使い方ついて解説したいと思います. 最近は, ありがたいことに講演に依頼や, 実際にセミナーで発表する機会も増えてきたので かなり重宝しています. とても便利なオンラインエディタなのでぜひ使ってみて下さい. Table of contents reveal.js って？ rvl.io って？ rvl.io の使い方をrvl.ioで作ったプレゼンで解説してみた 過去に
多様なフォーマットに対応！ドキュメント変換ツールPandocを知ろう - Qiita
追記（2020.4.19） Pandoc User’s Guideを日本語に全訳しました。 よろしければご参照ください。 新しい翻訳をプレリリースしました！（翻訳途中の部分もあります） Pandocユーザーズガイド 日本語版 [2.7.2] — 日本Pandocユーザ会 2019.02.21 ドキュメント 旧日本語版：Pandoc ユーザーズガイド 日本語版 はじめに 今回は、ドキュメント作成Tips Advent Calendar 2012の1日目 （マインドマップから全てを紡ぎ出す - XMind+Pandocのドキュメント作成術 -） で少し紹介したPandocというツールについて、もう少し深く掘り下げて紹介したいと思います。 MarkdownとかreStructuredTextとか、流行ってますよね いわゆる軽量マークアップ言語が最近流行しています。特にMarkdownは猫も杓子も
reveal.js+Markdown - Qiita
お手軽スライド作成 @siguremon /twitter /github /Qiita reveal.jsって HTMLで書けるプレゼンツールです reveal.js - The HTML Presentation Framework -- 特徴 スライドが横だけでなく、縦にも配置できる Overviewがみれて、プレゼンの途中で行ったり来たりできる(Escキー) コードスニペットが書ける上にsyntax highlightもしてくれる Pdfにも出力できる reveal.jsの簡単な使い方 このページが詳しいので以下略 (reveal.jsで作ったスライドによる説明) reveal.jsを使ってみた スライドを作る でもhtmlをせっせと書くのはめんどくさい… hamlとかmarkdownで書けるといいなー -- 同じようなことを考えた先人たちがいました Reveal.jsとMarkd
Javascript製Markdown記法パーサー、markdown-js - にのせき日記
Githubなどでお馴染みのMarkdown。 Markdown記法パーサーをJavascriptで実装しようとする試みはいくつかあるけれど、markdown-jsは自分が知る中では一番良く出来ている。 ソースを見てもらえればわかると思うけど、Showdownやこれから派生したGFM previewはあまりにも処理を追いにくい。よって拡張しにくい。 その点、markdonw-jsは入力に対してのどのような出力がでるのか処理を追いやすいし、拡張性にも優れている。なかなか良い感じだ。 使い方も単純。 var input = "# input\n hoge \nhoge"; console.log(window.markdown.toHTML( input ); /* 出力 */ // <h1>input</h1> // // <p>hoge<br>hoge</p></div>
JavaScript - Markdownパーサーのshowdown.js、markdown-js、markedを簡単比較 - ぼっち勉強会
主に比較したいこと 使い方 変換結果の見た目の印象 table記法を解釈できるか コードブロックの解釈 動作確認の前提 MarkdownはQuick Markdown Exampleから一部引用しています 使用したテキストはGistに置いておきます CSSはTwitter Bootstrapを使っています クライアントで使う場合を想定しています(=node.jsでの使用例ではない) HTMLはどれも次のコードを基本としています <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link href="bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div id="content">hoge</div> </di
markdownのパースにmarkdown-jsをススメる2つの理由
ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です githubでもdoccoでもTumblrでもmarkdownは色々使いますよね。 そこで、自分たちのサービスでもmarkdownでパースできたら良いねという話になると思います。 markdownのパーサーは色々ありますが、拡張性の観点からmarkdown-js( https://github.com/evilstreak/markdown-js ) をお勧めしたいです。 以下、お勧めする理由です。 1. isomorphic (クライアントサイドでもサーバーサイドでも使える)isomorphicというのがとっても大きいです、markdownのpreviewを表示するためだけに、 サーバーサイドにアクセするのも勿体ないので、jsで処理させられるのはとってもメリットがあります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr
Dropbox が Datastore APIで構造化したデータを保存できるようになった
HTMLでスライドプレゼン作成 Slides - The easiest way to create and share beautiful presentations.
EpicEditor - An embeddable JavaScript Markdown editor
Google Code Archive - Long-term storage for Google Code Project Hosting.