タグ

JavaScriptとツールに関するminato128のブックマーク (3)

  • [JavaScript] dataスキームURI生成(画像データのBase64変換)

    Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,~~~』形式のデータ(dataスキーム)を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方

  • FirebugでRESTfulなDBアプリに挑戦!!(1/5) - @IT

    これまでは、Ruby on Railsの環境づくりや、既存の表(レガシー表)に対してActiveRecordを使用する方法などを説明してきました。今回は、いよいよRuby on RailsにおけるREST(REpresentational State Transfer)に迫っていきます。Ruby on Rails2.0では、script/generate scaffoldがREST対応になったことや、ActiveResourceの標準搭載、AtomPub対応など、RESTfulサービスの実装が進みました。稿では、RESTによるデータベース操作を、さまざまな方法で体験してみましょう。 Firebugを利用したデバッグ 稿はスクリプトの確認にFirebugというFirefoxアドインを使用します。 Firebugを利用するにはFirefoxが必要です。お持ちでない方は、以下のURLより事前

  • 各種ブラウザでの互換性を検証できる編集ツール「Pirka'r」,IPAがOSSとして正式公開

    独立行政法人 情報処理推進機構(IPA)は2009年9月30日,コンテンツをさまざまなWebブラウザで閲覧した際の互換性向上を支援するツール「Pirka'r」(ピリカル)を,オープンソース・ソフトウエアとして正式公開した。互換性を検証や,コンテンツ編集機能を備える。 Pirika'rは以下のような機能を持つ。HTMLCSSJavaScriptを検証し,ブラウザに依存する記述がないかどうかを検証する「ブラウザ互換性チェック機能」。コンテンツがFirefox, Internet Explorer, Safariでどう表示されるかを,1画面に並べて表示する「マルチブラウザビュー機能」。また,コード補完や,シンタックス・ハイライト,構文チェックが可能なHTML/CSS/JavaScriptのエディタを備えており,指定したURLのコンテンツをディレクトリ構造を保ったままダウンロードし編集できる。

    各種ブラウザでの互換性を検証できる編集ツール「Pirka'r」,IPAがOSSとして正式公開
  • 1