タグ「JavaScript」が付けられているもの

ツイートボタンのカスタマイズまとめ。

  • 投稿:
  • / 更新:
「ツイートする」ボタンをカスタマイズして、ボタンをクリックするとモバイルツイッターから投稿できるようにしたり、iPhoneならばTwitterアプリから投稿できるようにしてみる。まずは公式ボタン。公式…
　>> 続きを読む

getCurrentPosition は精度が出ないので watchPosition を使う。

  • 投稿:
JavaScriptで位置情報を取得するのに、ふたつのメソッドが用意されています。getCurrentPosition：一度だけ位置情報を取得watchPosition：連続的に位置情報を取得→ 参考…
　>> 続きを読む

Safari @iPhoneで、meta viewportを動的に生成。いつでも横幅ピッタリに収める。

  • 投稿:
  • / 更新:
iPhone向けのウェブページやWebアプリを作るときに、コンテンツをSafariの画面の横幅ぴったりに表示したいことがあります。いろいろなページで解説されているように、htmlヘッダに<met…
　>> 続きを読む

inputに対するlabelタグが効かないiOS版のSafari。これを回避するには…。

  • 投稿:
  • / 更新:
なんとなく html を書いているときに気がついたのでメモメモ。例えば「チェックボックスを設置したとき、説明文をクリックしても反応する」ようにするためには、 <input type="check…
　>> 続きを読む

JavaScriptで位置情報を取得。

  • 投稿:
HTML5 の Geolocation API に対応しているブラウザであれば、navigator.geolocationで位置情報にアクセスできます。位置情報を取得するメソッドはふたつ。getCur…
　>> 続きを読む

「Safari @iPhoneでSQLiteデータベースが使えない」なんてことはないよね？

  • 投稿:
iPhone使いで自転車乗りなので、GPSログ機能を持つアプリを愛用しています。が、こいつがバッテリーを喰いまくる。おそらく、凄まじい頻度でGPS信号を受信しているのが原因だと思われます。で、もっと緩…
　>> 続きを読む

h2v.js 不具合リスト。

  • 投稿:
  • / 更新:
ウェブページのコンテンツを縦書きレイアウトに変換するためのJavaScript「h2v.js」の不具合リスト。気づいたそばから随時更新です。 ーーー2012.10.28現在、ココに記載されている不具合…
　>> 続きを読む

h2v.jsに関するメモ。

  • 投稿:
  • / 更新:
Webページを縦書きに変換するJavaScript h2v.jsです。　とりあえず細かな不具合はだいたい潰せた感じ。ブラウザの種類ごとに、対処療法的に不具合回避しているので、ソースコードがぐちゃぐちゃ…
　>> 続きを読む

縦書き変換JavaScript "h2v.js"、更新。

  • 投稿:
  • / 更新:
バージョン 1.3.0 を公開しました。　　→ h2v.js - Webページを縦書きレイアウトに変換するJavaScript予告していたように、 iPhoneなどのモバイル版Safari（およびMo…
　>> 続きを読む

縦書き変換JavaScript "h2v.js" の次回更新。

  • 投稿:
  • / 更新:
さてさて、横書きhtmlを縦書きレイアウトに変換するJavaScript「h2v.js」ですが、次回の更新には以下の内容が含まれる予定です。 iOS版Safari、およびiOS上でWebkitエンジン…
　>> 続きを読む

ちょっと古めのSafariでmargin-rightの値をgetComputedStyleで取得すると不正な値が。

  • 投稿:
現行のSafari 5や最新版Google Chromeでは直っているようですが、Safari 4.x で確認した事象。表題のとおり、 古めのWebkit系ブラウザでは、JavaScriptの get…
　>> 続きを読む

iOS版safariの「文字サイズ自動調整」がいやらしい。

  • 投稿:
  • / 更新:
ええと、 divやらspanやらに表示フォントサイズを指定してやるでしょ。 iPhoneのSafari（以下MobileSafari）から、そのページにアクセスするでしょ。 JavaScriptで、フ…
　>> 続きを読む

h2v.js - Webページの文章を縦書きで表示するJavaScript。

  • 投稿:
  • / 更新:
作ってみた。ここから下の本文が縦書きで表示されている筈。IE 7以前のバージョンや、携帯・スマートフォンブラウザで閲覧している人、その他レイアウトがズレているときは、↓この辺に表示されている「縦→横切…
　>> 続きを読む

JavaScriptで「htmlタグ以外」にヒットさせる正規表現。

  • 投稿:
  • / 更新:
…そんなものは無さそうなので、exec や replace のキャプチャ機能を使ってこんなふうにするとよいみたい。まずはタグにヒットする正規表現。たとえばこんな感じ。/<\/?[^>]+&…
　>> 続きを読む

iPhoneのSafariでも "L"字フリックアクションでウインドウを閉じる。

  • 投稿:
iPhoneのWebブラウザ、今では「Sleipnir Mobile」をメインに使っています。何が良いかと言うと、TouchPagingという機能。画面上で左右にフリックすれば隣のタブに移動できたり、…
　>> 続きを読む

JavaScriptファイルをgzip圧縮して設置してみる。

  • 投稿:
自分で作ったWebページの読み込み / 表示速度を向上させるために、htmlから呼び出す外部JavaScriptやCSSファイルのサイズをできるだけ小さくしてみます。まずは自分のページの表示速度を診断…
　>> 続きを読む

Internet Explorer 9は普及しているのかね。

  • 投稿:
さてさて、IE9の日本正式リリースから1ヶ月。どのくらい使われているのか、ウチのサイトのアクセスログを覗いてみましょう。まずはWindowsユーザが、どのブラウザを使ってアクセスして来たのかチェック。…
　>> 続きを読む

ラジオで流れている曲名をチェックするWebアプリケーション。

  • 投稿:
  • / 更新:
作ってみた。　　→ STF : Song Title Fetcher(β) (説明ページ)こんな奴。 全国のFMステーション(の一部)で流れている楽曲の情報を、ほぼリアルタイムで表示します。まだまだ作…
　>> 続きを読む

JavaScriptで折れ線グラフ。

  • 投稿:
折れ線グラフを描いてみようと思って、いろいろ弄ってみた。HTML5.JPで配布されている『折れ線グラフ』というスクリプトをカスタマイズ。出来たページはコチラ → パ・リーグ順位変動グラフ / セ・リー…
　>> 続きを読む

スタイルシートを切り替えながらページの見栄えをチェック。

  • 投稿:
ウェブページを作成するとき、テキストエディタを使ってhtmlソースをガシガシ書いていくのが好みなのです。が、外部スタイルシートを使ってページのデザインをあれこれするのが結構めんどくさい。外部スタイルシ…
　>> 続きを読む