GreasemonkeyをWidget化するGreasemonkey (Kanasansoft Web Lab.)
widgetをドラッグして位置を変更する事ができます。 タイトルバーをダブルクリックする事でwidgetをたたむ事ができます。 タイトルバー右のボタンをクリックしてwidgetを閉じる事ができます。 タイトルバー左のボタンをクリックしてwidgetの設定を変更する事ができます。 widgetの設定には、現段階でwidgetの固定方法があります。 widgetの固定方法は、ブラウザの表示領域のどの角を基準にしてwidget位置を固定するかを選択できます。 widgetをたたむ時、表示されたままになるタイトルバーの位置はwidgetの固定方法に依存します。 ブラウザのウィンドウやタブ間でwidgetの位置を同期します。 setting widgetでDockの表示位置を変更できます。 Dockに表示されているアイコンをクリックすることで、widgetの表示/非表示を切り替える事ができます。 G
JavaScriptでフォームを自由に操る
変数のスコープ いよいよ最終回となりましたが、今回は、今まで学習した内容を組み合わせて、より実践的なアプリケーションを作成してみたいと思います。いつもの通り、このページの動画を見ながら最終目標を見てみましょう。また、このサンプルファイルはダウンロードできますので、こちらを見ながら勉強していきましょう。今回は、JavaScriptでフォームを自由に操っていきます。 その前に、前回も説明した変数について、もう少し細かく説明していきます。 変数には、スコープというものがあり、宣言した変数がどの範囲で参照できるかを認識しておく必要があります。プログラム全体で参照できる変数を、グローバル変数、関数など、一部でしか参照できない変数をローカル変数と呼びます。 グローバル変数を宣言するには、基本的には、プログラムの先頭で、「var 変数名」で宣言します。関数の中ではなく、必ず、関数の外で宣言してください。
Web APIって何？
Web APIとJSON Web上ではネットショッピング、ブログ、SNSなどさまざまなサービスが提供されています。これらのサービスの中にはWebブラウザから利用するだけでなく、サービスの機能の一部をプログラムから利用可能なAPI（Web API）として提供しているものもあります。Web開発者はWeb APIを利用したアプリケーションを開発したり、既存のWebサイトにWeb APIを利用した機能を追加することなどが可能です。 なお、Web APIを使用し、複数のサービスの機能を組み合わせたり、独自の機能を追加したサービスを構築することをマッシュアップと呼びます。 これらのWeb APIの多くはXMLで情報を返すものが多いのですが、中にはJSONで情報を返却するWeb APIも存在します。そこで、今回はJSONを使用するWeb APIの利用方法を紹介します。 Ajaxのクロスドメイン制約 しか
ミニRSSリーダーを作ってみよう！
Google AJAX Feed APIとは？ Google AJAX Feed APIはRSS/Atomなどの各種フィードを取得するためのJavaScript APIです。最大の特徴はクロスドメインでも他のサイトのフィード情報を簡単に取得できることです。Ajaxで使われるXMLHttpRequestはセキュリティの都合上、同一ドメインでしか通信できない仕様ですが、Google AJAX Feed APIはJSONPという仕組みを使うことでクロスドメインでの通信を実現しています。 詳細は省きますが、JSONPでは Google AJAX Feed APIを使うにはまず、Googleアカウントでログインし、Google AJAX Feed APIのサインアップページで自サイトのURLを入力し、API Keyを発行をする必要があります。サインアップページはこちら（http://code.goo
js-users.jp - 日本の JavaScript ユーザのためのハブサイト
YAPC::Asia 2008 で Michael Schwern は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ！」といったそうです。そして「Perl-users.jp - 日本のPerlユーザのためのハブサイト」ができました。それにインスパイアされてas-users.jpも出来たらしい。 これは JavaScript も同じではないのか？ そう思って js-users.jp ドメインを取り、ここに js-users.jp を開始します。完全に as-users.jp にインスパイアされています。本当にありがとうございます。ノープランです。 イベント情報 ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008年
404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節
2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var
変数につまずくのはもうやめたい！
変数という入れ物 前回の「第1回 そろそろ本気で学びませんか？」では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて、JavaScriptを使ってHTMLのコンテンツを入れ替える方法を紹介しました。 今回の最終目標は、formのデータを読み込んでBMI計算プログラム（BMIとは、Body Mass Indexの略で、肥満度の指数としてよく使われます）を作っていきたいと思います。まずは、実行結果をこのページの動画を見ながら確認してください。 また、このサンプルファイルはダウンロードできますので、こちらを見ながら勉強していきましょう。 プログラミング言語には必ず変数というものがあります。変数とは、簡単に言うとデータの入れ物です。データを一時的に保管するために、変数というものを使います。 変数名は、自由に決めることができますが、変数名の最初を数値にしたり、JavaS
[Think IT] 第1回：Ajaxの基礎知識 (1/3)
Ajaxの定義を考える 皆さんはAjaxという言葉がなんの略かご存じですか？ AjaxはAsynchronous JavaScript + XMLの略称で、Asynchronousは非同期という意味です。この言葉はデザインコンサルティング会社Adaptive PathのJesse James Garrett氏によって提唱されました。 その内容はadaptive pathの2005年2月18日掲載記事で読むことができます（出典：Ajax: A New Approach to Web Applications）。 その記事によればAjaxという具体的な技術があるわけではなく、既存技術の組み合わせによって定義されると述べられています（図1）。 では、それを満たさないとAjaxと言えないのでしょうか？ データ通信に関して最近ではJSONというフォーマットが主流でXMLを使うことは少ないですし、動的
JavaScriptのイベントハンドラ説明
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかし JavaScript を触っていた むかしむかしに書かれた JavaScript の本で勉強している／した 人向けに。大元記事（そろそろ本気で学びませんか？ | Think IT（シンクイット））の想定読者に近いかなと思います。よって以下は JavaScript の初学者にはまったくおすすめできない（余計な知識がついてしまう）です。 Step 1: はじめのいっぽ ボタンを押したらメッセージボックスが出現する HTML を書いてみます。 <html><body> <script type="text/javascript"> function ShowMes
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
UK STUDIO - 初心者向けJavaScript勉強会の資料公開と補足
とある理由で僕主催の初心者向けのJavaScript勉強会 を14日行いました。とある理由はforestkさんのエントリーを参照ください(UK 主催の初心者向け Javascript 勉強会が生まれた経緯) 会場は株式会社ノッキングオン様にご提供いただきました。借りたい人ははてなキーワードのノッキングオンの会議室使いたい!を利用するといいと思います。東麻布でプロジェクター & ネット環境あり(優先ですがアクセスポイントを持参すれば無線も利用可能みたいです)の好環境ですのでかなりおすすめの物件となっております:-P 資料を公開しますので参考になれば幸いです。といっても、ほとんど入門書に書いてあるようなことですがwしかもif文とかの説明すげー適当だしね! 資料URL : http://www.slideshare.net/ukstudio/javascript/11 質問されたり、資料が半端な
スタイル（style）プロパティ|Ajax入門|Ajaxの基礎と応用の学習|StudyNet
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介
JavaScriptの編集はecmascript-mode.elよりもjavascript.el? - higepon blog
EmacsでのJavaScriptの編集をするときはecmascript-mode.elを使っていたのですが、海外のサイトでjavascript.elの評判がよさそうだったので使い始めています。 (add-to-list 'auto-mode-alist '("\\.js\\'" . javascript-mode)) (autoload 'javascript-mode "javascript" nil t) (setq javascript-indent-level 4) 追記 2008/6/27 この情報は古くなっていますので EmacsでJavaScriptソースを快適に読むために：js2-modeとエグズーベラントCtags - 檜山正幸のキマイラ飼育記 http://d.hatena.ne.jp/m-hiyama/20080627/1214549228 あたりを参照すると良いで
イベントハンドラ 《 Ajax 入門
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介 イベントハンドラ一覧 onabort(中止) onblur(フォーカス外) onchange(変更) onclick(クリック) onclose(閉じた時) ondblclick(ダブルクリックした時) ondragdrop(ドラッグ＆ドロップ) onerror(エラー) onfocus(フォーカス) onkeydown(キーを押した時) onkeypress(キーを押し続けた時) onkeyup(キーから離れた時) onload(ロードした時) onmousedown(マウスボタンを押した時) onmousemove(マウスカーソルを移動した時) onmouseout< (マウスカーソルが離れた時) onmouseo
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
JavaScriptリファレンス
ウィンドウ名.alert() …… ［OK］ボタンのみの警告ダイアログを表示する ウィンドウ名.confirm() …… ［OK］と［キャンセル］ボタンを持つ確認ダイアログを表示する ウィンドウ名.prompt() …… 文字入力ダイアログを表示する ウィンドウ名.defaultStatus …… ステータスバーにデフォルトで文字列を表示する ウィンドウ名.status …… ステータスバーに（一時的に）文字列を表示する ウィンドウ名.length …… ウィンドウ内のフレーム数を参照する ウィンドウ名.open() …… 新しいウィンドウを開く ウィンドウ名.close() …… ウィンドウを閉じる ウィンドウ名.closed …… ウィンドウが閉じているかどうかを返す ウィンドウ名.name …… ウィンドウ名を参照する ウィンドウ名.opener …… オープン元の親ウィンドウを参照
Aerial（エアリアル） - Ajax/Cometの次を行く リアルタイム双方向RPC - Blog by Sadayuki Furuhashi
JavaScript - サーバー間で双方向のRPC通信を行う技術は「Aerial」（エアリアル）という名前になりました*1。アイディアを出していただいた皆様、ありがとうございましたm(_ _)m Aerialは、通信にFlashを使い、JavaScriptとサーバープログラムとの間で双方向のRPC呼び出しを行う技術です。つまり、サーバー側からJavaScriptのメソッドを呼び出したり、逆にJavaScriptからサーバー側のプログラムを呼び出したりします。 サーバーから直接JavaScriptのコードを呼び出したり、逆にJavaScriptからサーバー側のメソッドを呼び出したりできるので、通信の内容を意識する必要がなく、バグの混入を抑えます。RPC成分入り！ ライブラリを開発するときも、HTTPやブラウザ間の実装の違いを意識する必要も無く、ごく普通のTCP接続で通信を行うので、Come
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
emacs javascript mode
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -