Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
gkbr.me
このドメインを購入する。 gkbr.me 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
dataスキーム生成
dataスキーム生成 ※このサンプルはIEでは動きません。 imgタグのsrcに代入 CSSのbackground-imageに代入 dataスキームのJavaScript使用例
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
リッチすぎるデータグリッド等を実装できるJavaScriptライブラリ１５:phpspot開発日誌
15 JavaScript Data Grids to Enhance your HTML Tables | Hot Scripts Blog リッチすぎるデータグリッド等を実装できるJavaScriptライブラリ１５。 WEBページに実装するグリッドを選ぶ際にかなり参考にできそうです。 スタンドアロンで動くものや、JavaScriptやMootoolsプラグインのものがまとまっています dhtmlxGrid SigmaGrid jTPS – Datatable jQuery Plugin DataTables – Data Table jQuery plugin Flexigrid for jQuery MyTableGrid OmniGrid 全部見る 関連エントリ シンプルなグリッドをレイアウトにオーバーレイ表示できるjQueryプラグイン「Griddy」 グリッドアコーディオンで新
Web AI
JavaScriptライブラリ「Web AI」 はじめに ※ 「Web AI」のネット上からの情報取得部分は、Google他のAPI終了に伴い、利用できなくなっています。しかし、その他の部分は、現在でも利用可能な内容ですので、そのまま公開を継続します。（2017-08-23） 「Web AI」は、ネット上の情報を利用して、人工無脳的なプログラムを書くためのJavaScriptのライブラリです。本ライブラリは、Webから取得した情報の処理を効率化して、インテリジェンスな何かを生み出すことを目的にしています。 「Web AI」が持っている機能は、以下の通りです。 検索処理およびRSSフィード取得のメソッド・チェーン化（Google Ajax APIを使用） 断片的な日本語文章からのキーワードと文章の抽出 日本語文章のマルコフ連鎖 URLクエリーの解析と構築 URLクエリーの圧縮と解凍 短縮UR
jQueryライクに使えて2KBしかないスマートフォン用JSフレームワーク「zepto.js」:phpspot開発日誌
zepto.js ? the aerogel-weight mobile javascript framework jQueryライクに使えて2KBしかないスマートフォン用JSフレームワーク「zepto.js」。 それなりにスマートフォンでも速度がでるとはいえ軽いに越したことはないというところで、jQueryのminify版が26KB (1.4.3) というところで、１０分の１以下のサイズでjQueryと同じように使えるのはいいかもしれませんね（当然機能は落ちますが） 詳細については以下のSlideShareも参考に出来ます
JavaScriptでwavファイルを読み込んで波形表示するサンプル - Yanagi Entertainment
動画でリッチなことできるんなら音声でもできるんじゃね？ と思ったので書いてみました。 http://yanagiatool.appspot.com/jsaudio/load.html （FireFox3.6系列のみ） ローカルからwavファイルを画面にドラッグアンドドロップしてみてください。ゆっくり波形が表示されます。 読み込めるwavファイルの形式は16bitステレオのみです。 仕組み File APIを使ってます。 FileReaderでファイルの中身をStringとして読み込んで、ヘッダをチェックして、データ部を適当にエンディアン変換しながら表示してます。 File APIの使い方やバイナリの扱い方などは W3C File APIを使ってJavaScriptでファイル加工 - しばそんノート http://d.hatena.ne.jp/shibason/20100111/126319
クロージャは万能だが最良じゃない - fairy.ouchi.to
先日買ったJavaScript: The Good Partsの第５章、 5.4 関数型クラスの記述がどうにも引っ掛かって、何か反証はないもんかと探してたんだけど、なんのことはない。 ＭＤＣの関数についての項目にちゃんとあった。 JavaScript には prototype という概念(というか考え方・実装)があって、 プロトタイプチェーンという方法で、要求されたプロパティを"そのオブジェクト自身"が持っていない場合、 "そのオブジェクトのプロトタイプ"に探しに行き、そこにもなければ"そのオブジェクトの親のプロトタイプ"に...と、 祖先がある限り遡って探し続けるようになっている。 いろいろと詳細は省いて、要するに、あるオブジェクトにメソッドを持たせようとする時に、 そのメソッドの実装方法は大きく２つあって、そのオブジェクト自身に直接持たせるように設計する場合と、 そのオブジェクトのプ
JavaScript対応のIDEをまとめてみた
JavaScriptに対応してるIDEのメモまとめ。 Aptana 有名どころでEclipseのプラグインとしても使えます。 IDEらしくちょっと重たいけど、整形やデバッグやスニペットなど大抵の機能が入ってる。 IDE内でブラウザプレビューができて便利。 最近のバージョンだとFirefoxのプレビュー機能がデフォルトで入ってないので別途プラグインを入れる必要がある。 Aptana Studio 2.0.3－Firefoxプレビュータブ – ゆちの備忘録 WebStorm JavaScript EditorにJavaScript関係の対応について書いてある。 HTMLとかまぜこぜでも補完ができてる。 追記:ちょっと触ってみたら実は凄かった 追記2:使い勝手などをまとめて見ました。 最強のJavaScript IDE 「WebStorm」を使ってみた Komodo IDE デバッグ系機能がない
最強のJavaScript IDE 「WebStorm」を使ってみた
JavaScript対応のIDEをまとめてみたの続きのようなもので、その中で紹介していたWebStormが素晴らしいので別途紹介。 WebStormはHTML(5)+CSS+JavaScriptに対応してるIDEで、Windows, Mac OS、Linux上で動作します。 有料のソフトウェアですが、オープンソースライセンスがあったり体験版は45日間使えるのでとりあえず試してみましょう。 この記事の続編(アップデート版)を書きました 特徴 とにかく膨大な機能が載ってるので全てを紹介するのは無理があるため、凄いと思ったところを掻い摘んで紹介。 主にJavaScriptを書くエディタとして使っていますが、CSSやHTMLも普通のIDEより書きやすいです。 基本的にWebStormで日本語に関する問題は少なめです。一部IMEの変換候補が出てくる場所がずれたり、プラグインで日本語がダメだったりする
Web standards playground
Web standard experiments by Benjamin De Cock.
ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄い:phpspot開発日誌
SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス
node.jsとは何か(3) - I am bad at math
今日はnode.jsで採用しているCommonJSの話である。 CommonJSの説明だけだとあっという間に終わってしまうのでJavaScriptの歴史を混ぜ込んだら期せずして長くなってしまった。 さて、1995年に発表されたJavaScriptは開発当初「Mocha」と呼ばれ、次に「LiveScript」となり（実際Netscape Navigatorの2.0のアルファ版ではではこの名前だった）、最後にようやくJavaScriptになる(Navigatorの2.0B3から)という変遷をたどった。このJavaScriptという名前っていうのはJavaというコンパイル言語を補完するスクリプト言語にしたいという考えがあったからという話もあるんだけど、そのころ開発元のNetscapeはSunとの業務提携を発表しており、ちょうどそのころJavaが世に出てNetscapeブラウザ上でクールなJava
天野仁史 - Wikipedia
この記事には複数の問題があります。 改善やノートページでの議論にご協力ください。 出典が不足しています。存命人物の記事は特に、検証可能性を満たしている必要があります。（2021年5月） 独自研究が含まれているおそれがあります。（2021年5月） 出典検索?: "天野仁史" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hinata.in
Amazon.co.jp: マンガでわかるJavaScript: クロノス・クラウン, 柳井政和: 本
WebStorm: The JavaScript and TypeScript IDE, by JetBrains
SVG-edit