好きなブラウザで動作するMarkdownビューアlocal-notes.jsを公開しました
Markdownで書いたメモをブラウザで閲覧するためのJavaScript製ドキュメントビューアを公開しました。 henry0312/local-notes Markdown自体に関しては例えば以下を参照してください。他にもググればいくらでも情報が出てくると思います。 Markdown – Wikipedia Markdown記法 チートシート – Qiita OS X用のオススメのMarkdownエディタはMouです。 Mou – Markdown editor for web developers, on Mac OS X iOS用のオススメエディタがあれば是非教えてください（ぇ local-notes.jsはMarkdownで書いたメモを整形してブラウザで読むことを可能にするJavaScript製のソフトウェアです。使い方等の情報はREADMEを参照してください。 注意 Direct
JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ
前回の記事の続き。前回は、正規表現が使えない時はパーサコンビネータを使ってみると良いということを書いた。 パーサコンビネータのためのライブラリは、以下のように各言語ごとにいくつかある。 JavaScript - Parsimmon Ruby - rparsec treetop Python - parsy PHP - PHPPEG 各言語でいくつかあるのだが、正規表現と違ってパーサコンビネータには統一的な書き方があるわけではないし、ライブラリによって使い方も様々である。なので、今まで正規表現だけ使ってきた開発者がちょっと使ってみようと思っても、使い方がよくわからずに面食らってしまうことがある。 パーサコンビネータはテキストをパースするための非常に強力な仕組みだが、その背後にある考え方を理解しなければこれらのパーサコンビネータのライブラリを使う際の障害になるだろう。逆に言うと、それさえ理解で
簡単なMarkdownエディタを作る - Qiita
自作 Web アプリに簡単な Markdown エディタを入れたくなった。 埋込み型のエディタ はあるっぽい。 でもそんな高機能でなくていいし、いちいち使い方調べるのシンドイし、 Markdown の JavaScript 用パーサーはあるみたい だから簡単に作れそう。 作ってみたら、３０分くらいですぐにできた。 ということで作り方メモ。 作るもの こんなの 左のテキストエリアに Markdown を記述すると、右側に結果が出力される。 opengl-8080/SimpleMarkdownEditor 用意するもの Markdown のパーサー Markdown で書いたテキストをパースして、 HTML を吐き出すパーサー。 marked を使ってみる。 コードのハイライト コードブロックをハイライトしてくれるライブラリ。 highlight.js を使ってみる。 スタイル設定 marke
完全に単一のHTMLファイルで動作するMarkdownエディタ作った - Qiita
概要 完全に単一のHTMLファイルで動作するMarkdownエディタ「かんたんMarkdown」を作ったというお話。 お断り 一応簡単に動作検証はしていますが、とんでもないバグが潜んでいるかもしれません。 かんたんMarkdownを利用して大切な文章がなくなってしまったり、その他損害が生じても責任は取れませんm_ _m 経緯 前回の記事(そろそろExcelで資料作るのやめたい)で、 単一ファイルで動くMarkdown 画像をbase64で埋め込んでしまう というアイデアに可能性を感じて下さった方が多いようです1。 しかしながら、 エディタとプレビューアが別なのが面倒 base64に変換するのが面倒 といった意見も多く聞かれました。 そこで思ったのです。ならばエディタを作ってしまえと。 かんたんMarkdown かんたんMarkdownは完全に単一のhtmlファイルで動作するMarkdown
MMDモデルを3DCGでウェブ上に公開し閲覧者がアングルを動かしまくれるJavaScriptライブラリ「jThree」
MMD(MikuMikuDance)で作成したファイルをウェブページ上に表示し、閲覧者が視点を自由に操作できるようにするJavaScriptライブラリが「jThree」です。ページ上にモデルを表示させるにはWindows 7を搭載したPCでChrome・FireFox・Operaを使えばOK。また、Macの場合はOperaならば同様にページ上で動作させることが可能なようです。 3DCGコンテンツをjQueryスタイルで作るJavaScriptライブラリ - jThree http://www.jthree.jp/ 実際にウェブページ上でどんなことができるようになるのかは以下のムービーを見れば分かります。 「jThree」を使うとウェブページ上でこんなことができるようになる - YouTube jThreeのトップページにはデモページが3つ用意してあるので、今回は「千本桜 + カゲロウデイズ
TinySegmenter: Javascriptだけで実装されたコンパクトな分かち書きソフトウェア
TinySegmenterはJavascriptだけ書かれた極めてコンパクトな日本語分かち書きソフトウェアです。 わずか25kバイトのソースコードで、日本語の新聞記事であれば文字単位で95%程度の精度で分かち書きが行えます。 Yahoo!の形態素解析のように サーバーサイドで解析するのではなく、全てクライアントサイドで解析を行うため、セキュリティの 観点から見ても安全です。分かち書きの単位はMeCab + ipadicと互換性があります。 デモ 日本語の文章を入力し、解析ボタンをクリックしてください。 ダウンロード TinySegmenterはフリーソフトウェアです. 修正BSDライセンスに従って本ソフトウェアを使用,再配布することができます. Download TinySegmenter version 0.2 使い方 <script type="text/javascript" src
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>
Node.js 0.12 では yield が使えるのでコールバック地獄にサヨナラできる話
Node.js の次のメジャーバージョン 0.12 で yield が使えるようになります。 そのおかげで、JavaScript のコールバック地獄に光が差し込むのです。ああ、さようなら、コールバック地獄。 7 年ごしで実現した yield 2006 年、Firefox 2 のリリースと同時に yield は JavaScript 界に登場しました。随分と前の話ですね。 登場した当時は JavaScript 界隈でけっこう話題になっていました。 JavaScript 1.7 の yield が凄すぎる件について - IT戦記 Latest topics > JavaScript 1.7のyield文ってなんじゃらほ - outsider reflex JavaScript 1.7 の新機能: Days on the Moon 登場したときにはインパクト大きかったものの、結局 Firefox
HTAを利用したウインドウ付きアプリケーション - マンガで分かる JavaScriptプログラミング講座
先生：今日は 最後の クラブ活動だ 前回はウィンドウなしの アプリケーションを作った 今回はウインドウ付きの アプリケーションを作るぞ 麗：そんなことが できるんですか？ 先生：ああ 『HTA』を使えば バッチリできる それで 『HTA』なんだが HTMLファイルの拡張子を 『.hta』にすれば完成だ .html ↓ .hta 3人：… 3人：はっ？ 遊：いくらなんでも それは手抜き過ぎじゃ！ 先生：ダブルクリック してみろ （ウィンドウ表示） 遊：あれ？ ブラウザではなく ウインドウが 立ち上がった！ 先生：どうだ 物すごく楽だろう？ 遊：おみそれ しました 先生：前回の『cmnFunc.js』を 改造すれば ファイル操作も行える 改造箇所は 2ヶ所だ // 1ヶ所目 this.createObject = function(name) { try { return WScript.Cr
コマンドプロンプトを，Webブラウザとして使おう （WSH・JScriptでXmlHttpRequest） - 主に言語とシステム開発に関して
バッチのまとめTOPへ コマンドプロンプトを，Webブラウザとして使う。 バッチファイルから WebサイトにGETリクエストを発行し， Webサイトが返すレスポンスに，最低限の「レンダリング」を施す。 という事を行なう。 （１）バッチでWebサイトと通信する第一歩 まずは，インターネット上のサイトから，単純にHTMLソースをそのまま取得してみる。 下記のコードをyahoo.jsとして保存し，ダブルクリックするだけ。 // 非同期通信 var xhr = WScript.CreateObject("MSXML2.XMLHTTP"); xhr.open("GET", "http://www.yahoo.co.jp/"); xhr.send(); while( true ) { WScript.Sleep(100); if( xhr.readystate == 4 ) { // HTMLを表示
Windows Scripting Host 入門編
■はじめに 今まで、JavaScriptはブラウザ上で実行するものだったため、 HTMLの中にスクリプトを書いていました。 しかし、WSHプログラムはWindowsの他のアプリケーションと同様にデスクトップ上で実行するものの為、 今までと違いテキストファイルに直接スクリプトを記述し、.jsという拡張子を付けます。 そして、そのファイルをデスクトップ上で直接実行するわけです。 もちろん、<SCRIPT>タグを書く必要がないわけです。 WSHで利用出来る言語は、現在のところJavaScript(JScript)とVBScript(拡張子.vbs)などがありますが、 ここでは当然JavaScriptを使用して説明させて頂きます。 なお、WSHプログラムを動かすにはOSがWindows98以上であるか、 もしくはWindows95やWindowsNT4の場合に、Microsoftのサイトから WS
威斯尼斯人wns2299登录(百度Vip认证)官方网站
系统提示 抱歉 可能是由下列问题导致的： 由于网络或安全的原因，您暂时无法访问本站点，请稍后重试。
JavaScript でゼロパディングするときは slice を使う - p4lifeのメモ
以前のメモ（ JavaScript の substr には気をつけた方が良い - p4lifeのメモ）では，substr メソッドを使って Firefox，IE 両方に対応するゼロパディングを実装した．ただ，冗長になってしまって綺麗なコードではなかった． // substr を使うと length を入れるのが面倒 var d = new Date(2007, 6, 10); var m = "0" + (d.getMonth() + 1); var a = "0" + d.getDate(); var s = d.getFullYear() + m.substr(m.length - 2) + a.substr(a.length - 2); // s == "20070710" → 期待通り しばらくして，コメント欄で slice メソッドを使えば良いということを教えてもらったので，さっ
Ecma-262.pdf (application/pdf オブジェクト)
ECMAScript® 2025 language specification 16th edition, June 2025 This Standard defines the ECMAScript 2025 general-purpose programming language. Kindly note that the normative copy is the HTML version; the PDF version has been produced to generate a printable document. This 16th edition has been prepared under the Ecma RF patent policy. Please note that for ECMAScript Edition 4 the Ecma standard nu
Android用ブックマークレット
Androidブラウザへのブックマークレット登録を補助 Androidの「Dolphin Browser HD」や「Opera Mobile」、「Firefox」、「Boat Browser」、「Skifire Web Browser」で、以下のテキストボックスのURIをコピーして、ブックマーク登録画面のURI欄に貼り付けて登録する。 javascript:(function(a,i,l){a=document.getElementsByTagName(/a/.source);for(i=0,l=a.length;i<l;++i){if(String(a[i].href).match(/^javascript:/)){a[i].href='javascript:(function(){document.title="'+a[i].innerHTML.replace(/\\/g,/\\\\/
ブラウザをテキストエディタっぽく使うサンプルを作ってみたら意外に単純にできますた
なんだかidea*ideaさんの たった一行でブラウザをシンプルなメモ帳に変える方法 という記事が話題になってまして、ブラウザをメモ帳代わりにするっていうお話なんですが…いろいろ調べてるうちにブラウザ上で動作するエディタができちゃいました。 contenteditableとは 件の記事ではWebブラウザのURL欄に data:text/html, <html contenteditable> というのを入力して開くと、ブラウザ自体がメモ帳のようにテキスト入力できるようになるよ！というネタでして、確かにテキスト入力すると書き込めるようにはなってるんですが残念ながら保存はできません。 ブラウザの【保存】でもhtmlとしてしか保存できないしなんだかテキストは実態参照になって（chromeで保存した場合）たり…といった感じなのです。 そもそもこのコードの【contenteditable】っての自体
HTML5&CSS&JSでWindows 7やVista向けのアプリを作る方法 » blueskisのブログ
HTML5とCSS3でWindowsアプリを開発する方法(9x系~8まで対応) モバイルアプリ開発ではHTML5やCSS3、JSを使った開発が主流になりつつありますが、そんな中Windowsでのアプリ開発は8からMetroスタイルでサポートされたものの、7までは使えません。 しかし、IEに付いているある技術を掘り起こすことでこの悩みは解消できます。 この技術はIE5からサポートされているので、HTML5やCSS3など新技術を使わないのであればWindows 95でも動かせます。 そしてなによりOS標準付属。つまりメモ帳とIEさえあれば開発できちゃうということです。 なおここでは趣旨はHTML5とCSS3なので、IE9を使います。WindowsXPを使ってる人はIE8でガマンしてください。 とりあえず作ってみる このHTML5&CSS3&JavaScriptで開発できる技術はHTAです。いわ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
markdown + remark.js + gh-pages でプレゼン資料を公開する - Qiita
Post by @techs-empty
)
JScript
