OpenLayersを利用して、フリーの地図Open Street Mapを表示する方法をまとめる。 環境準備 OpenLayresのダウンロード 地図を表示するJavaScriptのフリープラグインOpenLayersをダウンロードする。 http://trac.osgeo.org/openlayers/wiki/HowToDownloadに接続 「Current Stable API URL is always」に続くhttp://openlayers.org/api/OpenLayers.jsを右クリックして、「名前を付けてリンク先を保存」を選択。 適当なフォルダに保存する。この例では、htmlファイルを置くフォルダ内に「plugins」というフォルダを作成して、その中に保存。 jQueryのダウンロード 簡単にDOMを扱うためにjQueryを組み込んでおく。 http://jque
3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than Ever) You Might Not Need jQuery 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 現在のブラウザ事情 jQueryに替わる、JavaScriptの選択肢 マイクロライブラリの台頭 IE9への対応はポリフィルで NodeListの反復 jQueryは遅いのか? jQueryについて私が嫌いなもの $なしでは生きていけない? 現在のブラウザ事情 jQueryが2006年にリリースされてから、DOMとブラウザのAPIは飛躍的に向上しています。2013年に「You Might Not Ne
jQueryは確かに便利ですが、すべての機能が必要かと言われれば、そうではない人が多いと思います。 「$」やセレクタなど、jQueryの機能をサポートしたjQueryの代替として利用できる超軽量スクリプトを紹介します。 Selector -GitHub 最新のjQueryのファイルサイズは、下記の通り。 jquery-3.2.1.js 270 KB jquery-3.2.1.min.js 90 KB そして、Selectorのファイルサイズは、1/4以下! selector.js 65 KB selector.min.js 17 KB もちろん、jQueryの機能すべてが利用できるのではなく、オブジェクトやセレクタや関数に限られています。 サポートされているjQueryの機能 サポートされているjQueryオブジェクト $ サポートされているjQueryセレクタ add addClass
この記事は加筆して「脱jQueryのためにしたこと - ICS MEDIA」に引っ越しました。 64000PV、480いいねとフロントエンド界隈でご好評いただいた内容です。ぜひご覧ください。 ※Google検索で辿り着いた方にリンク切れとなっては申し訳ないので、元の記事を残しています。ご了承ください。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
Subway Map Visualization jQuery Plugin | TechBubble 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」。 もうなんでもアリか、という感じですが、次のように地下鉄マップ風のグラフィックを自由に描けるプラグインです。 ULのリストで定義していくと次のように自由に図形が描画出来ます。 東京の地下鉄を作ってみても面白いかもしれませんね。 まあ地下鉄じゃなくてもJRとかでもいい気がしますが。 関連エントリ テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」 グラフ描画用のjQueryプラグイン集 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」
jQuery UI開発チームは3月23日、オープンソースのJavaScriptユーザーインターフェイスフレームワーク最新版「jQuery UI 1.8」を公開した。同団体のWebサイトよりコードやテーマをダウンロードできる。 jQuery UIはjQueryのJavaScriptライブラリをベースとしたインタラクション、ウィジェット、アニメーションエフェクトなどのUIコンポーネントライブラリ。開発者は容易にインタラクティブ性の高いWebアプリケーションを作成できる。 最新版は「jQuery 1.4.2」をサポートし、「Autocomplete」と「Button」の2種類のウィジェットが加わった。Autocompeteはユーザーのテキスト入力をポップアップで支援するもので、Buttonはあらゆるエレメントからテーマ化可能なボタンを作成できるという。 ユーティリティでは、positionとzI
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く