とほほのJavaScriptリファレンス
とほほのJavaScript入門 (JavaScriptリファレンス) [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023 の新機能 ES2024 の新機能 ES2025 の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう Ja
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
distinctcorp.com.au | TLSA record
distinctcorp.com.au This domain is registered for one of our customers. If this is your domain name, please visit this page to see how to register it as DNS zone into your account. Note: If you already have registered the DNS zone for your domain name, please wait for DNS propagation. Your web site will be displayed soon. It may take few minutes. * Do you know what the TLSA record is? Suggested ar
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
JavaScript で画像処理！ canvas を使ってみよう - WebOS Goodies
前述のとおり canvas 要素は Web ページ内に空の画像領域を確保します。感覚としては画像ファイルを指定しない img 要素のようなもので、Web ページ上での扱いもほぼ同じです。画像がないので src 属性がなく、代わりに width, height 属性で描画領域のサイズを明示しなければなりません。また、JavaScript で描画対象の canvas を特定するための id 要素を指定するのが普通です。例えば、150x150 ピクセルの描画領域を確保するには、以下のように記述します。 <canvas id="example_canvas" width="150" height="150"></canvas> 閉じタグを忘れると以降の内容が表示されなくなるので注意してください。詳細は後述しますが、canvas 要素内のテキストはブラウザが canvas をサポートしていないときの
JavaScript <canvas>によるグラフィック描画 - とみぞーノート
Javascriptで直線などを描こうとすると、<div>とCSSを組み合わせて描く必要があり、かなり悲惨だったが、<canvas>タグを使用することで、Javascriptからでも簡単にグラフィックの描画ができるようになる。 ただし、対応ブラウザはまだ少くSafari2,FireFox1.5,Opera9。IEは未サポート。 簡単な使用例 使い方は非常に簡単で、getElementById()でcanvasタグのDOM Nodeを取得して、canvas.getContext()メソッドで描画用のコンテキストを取得すれば準備完了。後はコンテキストのfillRect()などの描画メソッドを呼び出すことで様々なプリミティブを描くことができる。 <html> <head> <title>Canvas Test</title> </head> <body onload="load()"> <scr
Farbtastic Color Picker — Acko.net
jQuery Plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Download Farbtastic 1.2 - January 8, 2007 (License: GPL). Demo Farbtastic uses layered transparent PNGs to render a saturation/luminance gradien
ColorPicker - jQuery plugin
About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features Flat mode - as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport License Dual licensed under the MIT and GPL licenses. Examples Flat mode. $('#colorpickerHolder').ColorPicker({
Perl Tips | PHP で、TinyMCE を使う。
TinyMCE という AJAX (JavaScript) ベースの HTML エディタのライブラリがある（ オンラインのデモはこちら ）。これは単体のエディタとして使えように提供されているものではなく、 Drupal などの CMS と連動できることを目的として作られている。もちろん自分でこのライブラリを利用する HTML ページを 1枚書いて、オフラインで使ってもよいのだが、せっかくなので PHP と連動させてみた。作った HTML ソースは任意のメールアドレスに送信できるようにした。 ツールバーのカスタマイズは実はそんなに難しくない。詳しくはコードを見ていただきたいが、独断と偏見の最小構成で以下のようにカスタマイズしてみた。 設置の仕方だが、ウェブサーバに tinymce などのディレクトリを作ってそこに TinyMCE を解凍して置き、以下のスクリプトを index.php などの
コナミコマンド.js
»Download あの懐かしい「上上下下…」の響き。伝説のコナミコマンドを、あなたのウェブページに簡単に導入する事が出来るスクリプトです。 Google Reader がコナミコマンドに対応しているというニュースを読んだらいても立ってもいられなくなり、条件反射のように作成してしまいました。 さて、とりあえずこのページ自体がサンプルになっているので、コナミコマンドを入力してみて下さい。 スクリプトの作成時間よりこの説明ページの作成時間の方が長かった事は秘密だ。 動作条件 下記のブラウザで動作確認しています。他のブラウザでも動くかも知れませんが、分かりません。 IE6、IE7、Firefox1、Firefox1.5、Firefox2.0、Safari3、Opera9 日本語入力が ON になっていたり、ウィンドウ (もしくはタブ) にフォーカスがない時は無効です。 なお、例によって ここで公
JavaScript/時間 - TAG index
時間表示に関連したJavaScriptのサンプル一覧。スクリプトのコードと使用例を紹介。
JavaScriptからFlickr APIで画像検索：ITpro
Flickr APIのインタフェースとしては， REST / XML-RPC / SOAP の3種類が用意されています。 通常は，実装が容易な REST を利用することが多いようです。 REST リクエスト時のレスポンス（APIから返却される結果データ）は， RSP 形式という独自の XML フォーマットで出力されます (Plain Old XML)。 XML以外にも，JSON形式(JavaScript Object Notation)， JSONP形式(JSON with Padding)， PHP serialize形式での出力も可能です。 今回は，JavaScriptから処理しやすいJSONPを利用することにします。 Flickr APIの利用（ライセンス認証用API Keyの取得）には， 米国Yahoo!の会員登録が必要です。 英語のメッセージなので少し面倒ですが， [Sign U
JavaScriptでかんたんAIRアプリに挑戦 - ぼくはまちちゃん！
こんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか…。 こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました！ そしたら意外と簡単だった…！ これならぼくにも作れそう！！ ってことで、ちょっとメモしておきますね！ どれにしようかな…！ つくるのが簡単なこと WinでもMacでも動いてほしい 使う人がインストールしやすそうなのがいい こんな感じで考えていくと… 最終的に、Googleガジェット か AIRなのかなー、ってことになりました！ でも実際ぼくはGoogleガジェットなんて使ったことないし…！ (なんとなくGoogleデスクトップとかも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
