This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback

phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python 今まで markdown-js ってのを使っていたのですが, marked ってやつが table とか code block とかデフォルトで対応してて良い感じだったので 導入がてらまとめました. ついでに簡易エディタの作り方もざっくり書いたので最後まで見てもらえると幸いです. marked.js とは A full-featured markdown parser and compiler, written in JavaScript. Built for speed. markdown 用のパーサー
ドキュメントオブジェクトモデル (DOM)ElementインスタンスプロパティariaActiveDescendantElementariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColIndexTextariaColSpanariaControlsElementsariaCurrentariaDescribedByElementsariaDescriptionariaDetailsElementsariaDisabledariaErrorMessageElementsariaExpandedariaFlowToElementsariaHasPopupariaHiddenariaInvalidariaKeySh
これまで、Webページに地図を表示するためのJavaScriptライブラリとしてOpenLayers 2を利用してきました。しかし、まもなくOpenLayers 3がリリースされる見込みです。そこで、OpenLayersの2と3、さらに別のオープンソース(BSDライセンス)のJavaScriptライブラリLeafletの比較調査をしました。 ※OpenLayers 3については、現在公開されている正式版とは仕様が異なる点がありますのでご注意下さい。 比較のための課題として、現在位置を中心にOpenStreetMapをズームレベル18で表示するWebページを、OpenLayers 2、OpenLayers 3、Leafletを用いて作成します。 まずは、OpenLayers 2から。(JavaScriptプログラムのみ示します) var map = new OpenLayers.Map('m
ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強(僕の中で)JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。 同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer
【問題】 anicatch.netというドメインで動いているウェブアプリでHTML+JavaScriptを生成してブラウザに返す。帰って来たJavaScriptの中において、XMLHttpRequestを用い、別ドメイン(今回は api.anicatch.netというドメイン)上で動いているAPIサーバのapiを叩きたい。 で、Access-Control-Allow-Originで許されてないよっ!的なブラウザのエラーを喰らいつづける。 JavaScript文書からapi.anicatch.netを叩いていいのはanicatch.netで生成されたものだけに制限したい。 【調査1】 Ajaxのクロスドメイン問題について HTTP access control (CORS) Access-Control-Allow-Origin試してみた。 jquery - Cross-Domain AJ
Node.js の標準ライブラリとして、 File System モジュールという POSIX 関数のシンプルなラッパーが提供されているので、これの readFile 関数を使うのがスタンダード。 ⇒ File System Node.js v5.0.0 Manual & Documentation 同期処理できる readFileSync 関数と、非同期の readFile 関数が用意されている。以下、サンプルコード。 var file = "./hoge.txt"; var fs = require("fs"); // 文字エンコーディングを指定して、 // 同期的にテキストファイルを読み込む。 var contents = fs.readFileSync(file, "utf8"); console.log(contents); // 文字エンコーディングを指定して、 // 非同期に
Node.js の標準ライブラリとして、 File System モジュールという POSIX 関数のシンプルなラッパーが提供されているので、これの readdir 関数を使うのがスタンダード。 ⇒ File System Node.js v5.0.0 Manual & Documentation 同期処理できる readdirSync 関数と、非同期の readdir 関数が用意されている。以下、サンプルコード。 var path = "."; var fs = require("fs"); // 同期的にディレクトリ内にあるファイル名の一覧を配列で取得 // "." と ".." は含まれない var files = fs.readdirSync(path); files.forEach(function(file){ console.log(file); }); // 非同期にディレ
Node.js の最新版 v5.0.0 で ECMAScript 2015 (ES6) の class を使ってみる。 Node.js の公式ドキュメント ECMAScript 2015 (ES6) | Node.js によると、 class 構文は strict モードでないと使えないとのこと。 また、ES6 モジュール仕様の import export も使ってみたかったけど Node.js ではまだサポートされていなかったので今回はパス (残念)。 サンプルコード Node.js で動かすための JavaScript コード。 メイン処理 main.js $ cat main.js // Node.js は strict モードでないと class が使えない "use strict"; // Node.js ではまだ import export 構文が使えないので require
ECMAScript 2015 Modules (import, export) -ECMAScript 2015 Language Specification - ECMA-262 6th Edition - 15.2 Modules --http://www.ecma-international.org/ecma-262/6.0/#sec-modules -ECMAScript 2015 Language Specification - ECMA-262 6th Edition - Table 40 (Informative) - Import Forms Mappings to ImportEntry Records --http://www.ecma-international.org/ecma-262/6.0/#table-40 -import - JavaScript | MD
今回の環境 Mac OS X Yosemite 10.10.5 nodebrew で Node.js v5.0.0 をインストールする 事前に nodebrew をインストールしておく。参考 ⇒ [ヅ] Node.js のバージョンを nodebrew で管理する (with Mac OS X + Homebrew) (2015-03-13) $ nodebrew ls-all | grep 5.0.0 v5.0.0 $ nodebrew install-binary v5.0.0 fetch: http://nodejs.org/dist/v5.0.0/node-v5.0.0-darwin-x64.tar.gz ######################################################################## 100.0% Install s
Tetsuya Oba t.oba @ tys-yokohama.co.jp 2015年 10月 26日 (月) 05:59:12 PDT 前の記事 [OSGeoJapan-discuss] GRASSで3D表示とデータ作成について 次の記事 [OSGeoJapan-discuss] GRASSで3D表示とデータ作成について Messages sorted by: [ date ] [ thread ] [ subject ] [ author ] 林 様 ありがとうございます。 やはり升本先生の情報が一番なんですね。 最終的には、Grassを使って地盤地質情報の3次元モデル化を 考えていますが、道は遠いようです。 まずは、Grassでboreholeデータを表示してみます。 以 上 On 2015/10/26 17:13, hayashi @ apptec.co.jp wrote: >
Leafletは広く使われているWeb地図のためのJavaScriptライブラリである。 2011年に最初にリリースされた[3]。 モバイルとデスクトップのプラットフォームのほとんどに対応し、HTML5とCSS3に対応している。 OpenLayersやGoogle Maps API(英語版)とともに最も人気のあるJavaScript地図ライブラリの一つであり、FourSquare、Pinterest、Flickrなどの有名なサイトで使われている。 Leafletを使うと、GISの知識のない開発者でも容易にタイルベースのWeb地図を表示できる。またGeoJSONから地物データを読み込んでスタイリングしたり、インタラクティブなレイヤーを作ることができる(クリックするとポップアップが表示されるマーカーなど)。 LeafletはVladimir Agafonkinによって開発されている。Vladi
an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く