Meltdown by iphands and markcaron Markdown形式をリアルタイムプレビューしつつ編集可能にするjQueryプラグイン「Meltdown」。 このプラグインでMarkdown形式が苦手でも、ツールバーを使ってサクサク入力していくことができそうです。 関連エントリ Node.jsベースでmarkdown記法が使えるFAQサイト構築OSS「Raneto」
Markdownでリンクを作成する方法には2種類ある。インラインで記述する方法が最もよく使われており、必ずHTMLに変換するということならばこれだけで十分とも言える。もうひとつの参照形式で記述する方法はほとんど使われていないが、Markdown文書をテキストとして読む場合に、ともすれば長くなりがちなURLが本文に挟まらないので格段に読みやすさが向上する。 This is [an example reference-style link][1]. [1]: http://example.com/ 参照形式ではこのような形でリンクを作成する。本文では[link text][id]という形で書き、文書の最後に[id]: URLという形で書くわけだ。ちょうど脚注のような形になる。[id]: URLは任意の場所に書くことができるが、読みやすさと書きやすさの両面から最後にまとめて書いた方が良いだろう。
ども、ゆうせいです。突然ですが、Markdown(マークダウン)記法をご存知ですか? この記法(文章の書き方)を使うことで、HTMLがすごく簡単に書けるようになります。 つまり、Webでの文章、ブログ記事などを書くスピードが格段に上がるということです。 そこで今回は、Markdown記法についてと、おすすめのエディタをご紹介したいと思います。 Markdown記法って? そもそもMarkdown記法とは、 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バーにより作成された。 引用元:Wikipedia というもの。 ようするに、HTML文章を書く際に使うタグを打たずに済む書き方です。実際に見てもらうと分かりやすいと思いますので、サンプルをご覧ください。 こんな感じです。 HTMLのタグ
Evernoteは手放せないほど重要なツールですが、エディターの使い勝手には不満を持っています。文章を入力するには必要十分ですが、細かなことろで色々と、、、です。いちばん不満なのはHTMLやMarkdownで入力ができないこと。HTMLの直接入力はできなくとも、Markdownでの入力はサポートしてほしいと思っていました。 EvernoteとMarkdownが大好きなあなたにMarxicoはオススメなエディターです。 MarxicoはMarkdown記法をサポートし、Evernoteに直接保存することができる無料のエディターです。Chromeの拡張機能ですので、Chromeがインストールされている環境であれば、簡単に利用を開始することができます。Markdown記法のサポートの他にも独自の入力方式を持っています。Markdownだけでは表現できないテーブルや数式などの入力も可能です。 Ma
Markdownで書いてGoogle Driveで保存しておける「StackEdit」投稿者: Naoki 投稿日: 2014-07-02 シンプルなウェブサービスの紹介です。「StackEdit – Title」はブラウザでMarkdownで書いた書類をGoogle Driveと自動連携するシンプルなサービスです。 Markdownのエディタなんてたくさんあるので、別にローカルでやったりDropboxで管理したり、gitで管理したりすればいいじゃなん的なところもありますが、このサービスはブラウザで動くのでシンプルなメニューがあり、またすぐに書き始めることができるのが優位性です。 他に、Google Chrome Extension、Google Drive アプリなどもあります。Google Drive アプリを入れると、markdown形式の書類をブラウザで確認することができるようにな
Markdownを覚えて以来、ちょっとした心境の変化と、Sublime Textでブログを書き始めたら結構これが快適だったので、MarsEditを使うのを試験的にやめてみました。 そんなわけで本日は、最近私がどうやってブログを書いているのかと、使っているアプリ・ツールを晒してみたいと思います。(環境はOS X 10.9です) ブログ執筆の順序 まずはブログをどうやって書いているのか、その手順から。 アプリのダウンロード用html用意(アプリ紹介の場合) 画像用意→加工(リネームまで) 画像をまとめてアップロード Sublime Textで執筆 WordPress管理画面にてアップロード アプリのhtmlコード取得 アプリのコードはAppStoreHelperを使って取得しています。テンプレートを自分好みに簡単にカスタマイズできるのが嬉しいポイント。
みなさんGoogle Drive使ってますか?Google Driveにはいろいろな機能や便利な使い方があるので今回はその中でも特に知らないと損する便利な機能を一挙紹介します。 Google Drive の拡張アプリ モックアップを簡単に作れるCacoo Chromeウェブストア – Cacoo ワイヤーフレーム作成を簡単にしてくれるツールの一つです。上の画像のように簡単に分かりやすくクオリティーが高いものを仕上げることができます。 Markdownで文章が書けるStackEdit Chromeウェブストア - StackEdit Mardownで書けるのでエンジニアの方にはすごい便利かもしれません。またその後TumblrやGithub、Gistなどにも公開できるのでとても便利です。ブログの記事の下書きなどにもすごい向いているかもしれません。 Google DriveからFAX送信ができ
schooで授業もやるし、まぁ隠しておく意味もないかなーと思ってので、wri.peのソースを公開する事にしました。 https://github.com/masuidrive/open-wripe 全部公開しているので、キーを適切にセットすれば自分で動かす事ができます。 元々、公開するつもりでは無かったので、ソースは読みやすくはなっていません(汗 pull-requestを貰えれば取り込みなども行いますので、興味のある方は直接投げてもらうか、Twitter/Facebookなどで声をかけてください。 4/1からwri.peの作り方を解説する授業を4週間schooで行いますので、興味のある方は聞いて頂けるとうれしいです。 増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 増井 雄一郎 先生 – 無料動画学習|schoo(スクー) Webサービスのつくり方
個人的にもよく使っているwri.peがオープンソース化されました!Ruby on Railsで作られており、本家はHerokuで動作しているなど自前でWebベースのメモ環境を作るのがとても手軽になりそうです。 ということで早速触ってみましょう。Web APIのトークン設定をすればすぐに動かせます。 wri.peの使い方 トップページです。見たまま本家のwri.peそっくりです。 ログインしました。早速メモを作ってみましょう。 右側にプレビューもあって分かりやすいですね。 カレンダー。メモを作った日付が分かります。 検索はSolrを使っており日本語も対応しています。 バックアップはEvernote、Dropboxにできます。 殆どの機能がJSON出力に対応していたり、iCalでの出力や多数のWeb API、OAuth対応がされているなど今風のWebサービスを作るのに参考になる点が多いと思いま
このブログは Markdown on Save Improved プラグインを使用して、 Markdown記法 で記事を投稿できるように設定しています。 Markdownって便利だけど要素に個別のクラスを割り当てたりできないので個別のデザインを割り当てたりページ内リンクとかがつけにくいですよね。 MarkdownにHTMLタグを記載すれば認識してくれるのでそのまま書けばいいじゃんて話だとは思うのですが、入れ子にしてしまうとタグの中ではMarkdown記法が認識されなくなってしまいます。 なので、Markdown記法の恩恵をうけつつある程度レイアウトも柔軟に行えるような方法をいくつかまとめてみました。 画像とテキストを左右にフロートさせる配置する要素の横幅を広げる注釈を見やすくするページ内リンクを使う外部リンクは_blankで、ページ内リンクはスムーズにスクロールするようにするる 画像を左右
皆さんMarkdown使う機会多い人ですか?僕はぶっちゃけそんなに使用頻度が多いわけじゃないんですが、中にはMarkdownで書く事が多いって人も当然いると思います。そんな時Markdownエディタってどんなもの使っていますか? 今日ご紹介させて頂く『StackEdit』というMarkdownエディタは、プレビュー機能や、Dropbox共有、Google Drive共有、パブリッシュ機能ナドナド… まーとにかく色々な機能がついてる割に、Markdownに慣れない僕でも直ぐ使い出すことが出来るくらいのシンプルさに惚れたので、Markdownエディタ良いのないかなぁって探している方に是非参考までにと思い共有させて頂く事にしました! Chromeの拡張機能もありますが、アクセスするとサンプルが表示されるかと思いますので、それ見ながらちょっと軽くだけご紹介させて頂ければと思います! StackEd
書き方の簡単な説明 ◇一行目に、列の最上段に記載する項目を記入します。 ◇列を分けるときは「 | 」(縦線/バーティカルバー)を使います。 ◇二行目に、その列のテキストの寄せを決定します(後述)。 ◇三行目から、各項目を書いていきます。 右寄せ・左寄せ・中庸寄せ 対象の列のテキストを右・左・中央に寄せるためには、マークダウンで表組みを作った時の二行目で調整します。 ◇「|:-----|」 列が左寄せになります。 ◇「|-----:|」 列が右寄せになります。 ◇「|:-----:|」 列が中央寄せになります。 簡単な話、寄せたい方向に「 : 」(コロン)を入れれば、それで完了です。真ん中の「 - 」(ハイフン)の数は適当でOK。1つでも構いません。 マークダウンからHTMLへの書き出し マークダウンで書いたテキストをブログ記事に上げても、そのままではもちろん表組みにはなりません。改めてHT
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
MarkPadはWindows用のオープンソース・ソフトウェア(Microsoft Public License)です。 Markdownフォーマットで文書を書いて、コンバートしてみたら思っていたのと違う結果になってしまった…なんて経験は誰もが持っているかと思います。そこで紹介したいのがMarkdown専用エディターMarkPadです。 起動したところです。左側がエディター、右側がリアルタイムに更新されるコンバート結果になります。 設定画面です。ブログ設定がある所が面白いです。 ブログの基本フォーマットを呼び出しました。後はメタ情報を編集した後、下に本文を書いていくだけです。 Markdownフォーマットで記述してそのままブログに投稿できてしまうのがユニーク。 文字の拡大もできます。 主な特徴としてはサイドバイサイドの編集、プレビュー画面を備えていること、一つの実行ファイルのみでありポータ
先日、WP-Markdownを紹介しましたが、WP-Markdownをインストールすると、SyntaxHighlighter Evolvedなど一部のプラグインが動かなくなります。 function hoge(){ return false; } このようにデフォルトのWP-MarkdownにもSyntax Highlighterに対応させる記述方法はありますが、記事作成画面で改行がなくなったりちょっと不便なんです。 改行しなおせば記事の表示では問題ありませんが、編集するとまた改行がなくなってしまうという状況。 記事作成画面でソースコードの改行がなくなる そこで、WP-MarkdownとSyntaxHighlighter Evolvedを一緒に使う方法を紹介します。 プラグインのインストール WP-Markdownはインストール済みとして進めます。 前述の通り、WP-MarkdownとSy
tumblrさんのmarkdown投稿のプレビューがしばらく前から、壊れっぱなしですよね。 windows環境では、markdownエディタはかなり残念な結果な物が多いので、 Vimで書いて -> tumblrの投稿に貼り付けて -> プレビューで確認 というサイクルを回していた身としては、tumblrのプレビュー機能が死んでいるのは結構痛かったりします。 そこで、markdownのプレビューできるアプリを探していた時に見つけたのが、Markable Markable.in - A remarkable online markdown editor. Markableとは?オンラインマークダウンエディタですね。 かなり多機能で、 自動保存(15秒毎)1Mまでファイルをアップロード可能ライブプレビューmarkdown extra対応 (サーバーサイドのみ) Helpを見る限り、ライブプレビュ
「マークダウン記法」というのをご存知でしょうか。 例えばHTMLで文字を強調しようと思うと、文字をstrongで囲うと思います。ですが、いちいちコードを書くのは面倒ですよね。パソコンならスニペットを使えばいいでしょうが、iPhoneなどのモバイル端末では面倒極まりない作業です。 そこで「マークダウン記法」。これは、ある法則に従って記号を使えば、後からHTMLに変換される。文字装飾が行える。そんな簡易文字装飾フォーマットなのです。 ちなみにWikipediaによると… Markdown は、文書を記述するための軽量マークアップ言語のひとつである。「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、John GruberとAaron Swartzによって考案された。[1] Markdownの記法の多くは、電子
HTMLは、手軽なマークアップ言語ですが、開始タグや終了タグなどあり、文章作成やちょっとしたメモ書きには不向きです。 今回紹介するのは、Markdownという軽量なマークアップ言語です。 GitHubのREADMEや、Tumblrなどでも採用されており、様々なCMSのプラグインも存在しています。 汎用性が高く便利な記法なので紹介します。 Markdownとは Markdown は、文書を記述するための軽量マークアップ言語のひとつである。 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。 Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く