Bing Mapsのサンプルコードを使ってみよう！
「Bing Maps」のサンプルコードを使って、HTML5のlocalStorageとgeolocation APIを利用してスマホアプリを作ってみよう 今回紹介するのは、「Bing Maps」のサンプルコードを使って応用方法を知ろうです。Mapといえば、Google Maps、Yahoo! ロコ、Bing Mapsなど、数多くのサービスが存在します。そして上記で紹介したMAPはどれもAPIを用意しています。 MapサービスのAPIを利用することで、自分用のMapアプリも作れます。また、仕組みを知ることで、Webアプリやスマホアプリも作れるでしょう。 これからの時代は、すでにあるものを利用してアプリ開発できる時代です。ぜひ今一度、APIを利用してみましょう！ 前回「Microsoftの地図サービス、Bing Mapsを使おう」の基本編からステップアップしてみましょう。 参考アプリ：Mapを
Mac環境でのYUI Compressorの設定覚書 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） YUI CompressorにはJavaScriptファイル等の圧縮等に大変お世話になっていますが、 今回のお話はMac一年生のわたくしがYUI Compressorを手軽に使う設定をしてみた覚え書き。 ついでに言うと、次回の記事にちょっと話が続きます。 とりあえずインストール とりあえずYUI Compressorをインストール というか、ダウンロードして好きなところに保存しましょう。 ダウンロードはこちらから。 YUI Library :: Downloads MacOSならばJavaははじめから入っているのですぐに使えます。 そんなわけで、早速テスト。 java -jar /the/path/to/yuicompressor/build/yuicompressor-2.4.6.jar foo.js > foo.min.js
第1回／Webアプリが作れるjsライブラリ「Sencha Touch」の使い方
第1回／Webアプリが作れるjsライブラリ「Sencha Touch」の使い方 Javascript2012年12月16日 そろそろWebアプリのひとつも作れるようにならなければいけないと一念発起し、習得を試みることにしました。 しかしいかんせん自分はフロントエンドの人間なので、HTMLやJavascriptは理解できても、iPhoneアプリ開発の標準言語であるobject-Cなどはまったくわかりません。 そこで今回はHTMLコーダーでも容易にWebアプリの開発ができるライブラリ「Sencha Touch」を使ってWebアプリの開発に片足を突っ込んでみることにしました。 Sencha Touchとは 米国のSencha社が開発した、HTML5ベースのWebアプリ開発フレームワークです。 Sencha Touchの特徴 Windows環境でもiOS、Androidどちらでも動作するアプリが作
んっ？−ちゃよて・ちゃよて
We could not find anything for your request! 御要求のWebページ、画像、ファイルが見つかりません。 トップページへ サイトの内容紹介ページへ
md5.js (mitsunari@cybozu labs)
JavaScriptでMD5を計算するライブラリを作りました． ○特長 webでよく見られるいくつかの同種のライブラリに比べて3～7倍ほど高速に計算します． ○ダウンロード(download) md5.js ○仕様 ASCII文字列を渡すとそのMD5を計算して16進数文字列で返します． 文字列に漢字などが含まれている場合は二つ目の引数にCybozuLabs.MD5.BY_UTF16を指定してください．UTF16として処理します． ○使い方1 var str = CybozuLabs.MD5.calc("abc"); if (str == "900150983cd24fb0d6963f7d28e17f72") { ... } ○使い方2 var str = CybozuLabs.MD5.calc("あ", CybozuLabs.MD5.BY_UTF16); ○ライセンス 修正BSDライセンス
iPhone / iPadなどでposition: fixedが利用できる「iScroll」
配布元：iScroll ライセンス:MIT-License iPhone / iPad、Androidなどに搭載されているmobile WebKitではCSSのposition: fixedが利用できませんが、iScrollを利用することでこれらのプロパティを利用したようにヘッダーやフッターの固定が可能になります。 利用方法 まずは、head要素内などで配布サイトよりダウンロードしたライブラリ本体を読み込みます。 <script src="iscroll.js"></script> HTMLでは次のようにコンテンツ部分をwrapperとscrollerというidをつけたdiv要素で包んでおきます。 <body> <header id="header">ヘッダー部分</header> <div id="wrapper"> <div id="scroller"> コンテンツ部分 </div>
スマートフォンでposition:fixedを再現するiscroll！input問題も解消 | Site-Study.com
iOSやAndroidに搭載されているモバイルSafariではposition:fixedが利用できません。 position:fixedを再現するためにはjavascriptを使うのが楽ちんです。javascriptのライブラリではYUIや有料版のSencha Touchというものがあるらしいですが、今回はiscroll.jsを利用します。 まずはじめに iscroll公式サイトから最新版のiscroll.jsをダウンロードします。 jsの読み込み <script type="application/javascript" src="iscroll.js"></script> iscroll.jsのみ利用する場合はjquery等のライブラリは必要ありません。 iscroll.jsを利用するためのjsタグ 公式サイトでは基本的な利用タグが紹介されています。 <script type="te
【翻訳】document.writeでSCRIPTを書き出すなやで！ - MOL
Original：Don’t docwrite scripts（2012-04-10）by Steve Souders 昨日のブログ記事のHTTP Archiveが速くなっている、大きな要因の一つとしてはスクリプトローダーを使用しないことです。そのスクリプトローダーとはスクリプトを動的に読み込むためにdocument.writeを使用しているものです。振り返れば、私は2009年4月のブロッキングなしのスクリプト読み込み、続・ハイパフォーマンスWebサイト(4章)において、document.writeテクニックについて記述していました。それは以下のようなものです。 document.write('<script src="' + src + '" type="text/javascript"><\/script>’); document.writeを使ったスクリプトローダーの問題点： 挿入し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pure JavaScriptによるQRコード生成ライブラリ