We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

JavaScript使いのためのAIR入門(1) - Adobe AIRのJavaScriptについて
js2-modeがすごい。便利すぎる。 js2-modeって何かというとJavaScript用のEmacs Lisp。 Googleで"javascript-mode"を検索するといくつか出てくるのだけれども、 js2-modeはかなり機能強化がされている。 従来のJavaScript用のelispが持っていたインデントやシンタックスハイライトはもちろん、 リアルタイムの構文解析によるシンタックス"エラー"ハイライティングやいくつかの入力補完機能まで実装されている。 さらにまだ未確認だけれどもJSDocのコメントフォーマットにも対応しているらしい。 とにかくリアルタイム構文チェックが便利すぎる。 間違えるとWarningなら即アンダーライン、Errorなら即ハイライトされる。 いや、ほんと便利これ。構文的なものはFireBugで確認するまでもない。ほんと早い。 そういえば最近Emacsなん
これはすごい・・・。 TIDEは「Tiny IDE(統合開発環境)」の略らしい。 そのシンプルな名前にたがわず、実に手軽にJavaScriptを書いて、テストすることができる。日本語もきちんと通るようだ。 しかもIDEだけあって、変数の中身をウォッチしたり、ステップごとに実行していくことが可能だ。 JavaScriptは慣れていないとどうにもとっつきにくかったりするが、こうした環境があればその動作を確認しながら学習していくことができるだろう。 まだベータ版ということで多少のバグがあるようだが、これからJavaScriptをやってみよう!と思われている方にはお勧めだ。
2012/7/14 追記 ログを見ていると、結構前からこの記事を検索経由で来られる方が多いです。 この記事が書かれたのは今から3年ほど前なので、残念ながら情報が古いです。 なので、2012年7月現在で自分の知ってるものをメモしておきます。 良さそうなのがあったら、それぞれ調べてみてください。 ・WebStorm JavaScriptに特化しているぶん高機能。がっつり開発用。有料。 ・Aptana Studio 高機能。HTML, CSS, JavaScript, PHP, Rubyをサポート。がっつり開発用。無料。 ・Sublime Text 軽い。言語いろいろ対応。有料。 以下mac用 ・Coda デザイナさんに人気。マークアップ寄りな印象。有料。 ・textmate 硬派なプログラマさんに人気。サーバーサイド寄りな印象。 マルチバイト対応のtextmate2もあり。有料。 自分はSub
JavaScriptの基礎から学び、JavaScript言語の理解を深め、JavaScriptで出来ることを知ります。 JavaScriptについて bookmark JavaScript言語の構成 昨今のJavaScriptブームで必要な知識 JavaScript言語を学ぶ道のり 開発環境の構築 bookmark 開発環境と動作環境の用意~スクリプト動作までを解説。 開発エディタの準備 bookmark エディタのインストール 既にエディタがある場合は使い慣れたもので開発しましょう アンカーシステムのPeggy Pad(Free) その他便利なエディタ、IDEの紹介 Aptana IDE EmEditor 秀丸 動作環境の準備 bookmark Firefoxのインストール Firefoxの拡張のインストール FireBug Web Developer Toolbar 他のデバッグ用ツー
TwitterAPIでJSONがサポートされている、ということで自分の最新ひとことを表示するスクリプトを書いてみました。トップのサイドバーに表示させています。(女の子画像は本家からこっそり拝借) (2007/04/24 追記) この後、Flashを使ったガジェットになりました。詳しくはこちら。 コードは次のとおりです。表示のところだけ要prototype.jsですが、結構単純なコードです。実行はloadTwitter()をコール。 function loadTwitter(){ var api = "http://twitter.com/statuses/user_timeline/3224511.json?callback=viewTwitter&count=1"; var s = document.createElement('script'); var head = document
{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl
前回の「ブログの☆の総数を取得できるAPIを組み込みました」では、はじめてJSONPを使ってみました。以下、実際にJSONPを使ってみての覚え書きと、これからJSONPプログラミングをはじめる方へのTIPSです。 ブログの☆の総数を取得できるAPIは、はてなスターに登録されたブログの情報を取得できるJSON形式とJSONP形式で提供されているAPIでした。 はてなスター日記 - ブログの☆の総数を取得できるAPIを追加しました JSONとは、JavaScriptにおけるオブジェクトの表記法をほぼそのまま利用したデータフォーマットのことで、JSONPはJSONにちょっと記述を加えて、クロスドメインのJSONデータを非同期で読み込ませて処理するための手法のことです。(詳しい定義については、自分で調べてみてください) 通常、Webブラウザでは他ドメインのJavaScriptのデータを読み込んで実
XMLHttpRequestを使ったAjaxでの通信は、セキュリティ上の制限により他ドメインのサーバーにはアクセスできません。 サーバー側のプログラムを自分で記述できる場合は、一旦中継してデータを取得し好きな形式に変換するプログラムを書けばよいのですが、 例えばこのブログのようにJavaScriptしか記述できない場合はそうもいきません。 クライアントがXMLHttpRequestを使わずに他ドメインのサーバーからデータを取得できれば…ということになるわけですが、それを実現する 方法の1つとして、サーバーが結果をJavaScriptのコードで返すというものがあります。 例えば、 http://www.hoge.com/service.aspx?param=xxxxx のようにリクエストすると、paramの内容に応じた結果をJSONデータを含むJavaScriptコードで返してくれるサービス
2007年6月7日 はてなブックマークのコメントをうけて、「常にJSONP、JSON、JavaScriptに機密事項を含めないように」という主張を改め、「クロスドメインアクセスの対策をとっていない状態ではJSONP、JSON、JavaScriptに機密事項を含めないように」という主張に関して記述しました。 こんにちは、SEの進地です。 今回から週単位でWebアプリケーションのセキュリティに関するエントリーを書いていこうと思います。 僕自身、日々勉強して精進というところですので、もし何らかの誤りがあれば是非ご指摘ください。 つっこみ大歓迎です。 今回取り上げるのはWeb 2.0なアプリケーションでセキュリティ面で気をつけるべきことの一つ、機密情報にJSONPでアクセスするなです。 JSON(JavaScript Object Notation)はJavaScript(ECMAScript)の
JavaScriptライブラリ「jQuery」とは? 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ&ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
jQueryとGlimmerでインタラクティブコンテンツを作成:jQueryで学ぶ簡単で効果的なAjaxの使い方(4)(1/3 ページ) いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ/プロデューサーも必見! Webサイトで重要なのは、顧客を囲い込む戦略 Webサイトで重要なのは、いかにリピーターを確保できるかどうかに掛かっているといっても過言ではありません。新規のユーザーは、広告さえ出せば瞬間的に獲得できます。しかし、継続的にサイトにアクセスしてもらうには、ユーザーにそのサイトを何度も訪れる“理由”が必要です。 もちろん、「Webサイトが、どのようなサービスを提供するのか」が最も重要な“理由”とならなければ意味がありませんが、Webサイトに何度も訪れたくなるようなちょっとした“仕掛け”
はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。 はてなスターでは、JavaScriptを利用しています。はてなスターの提供するJavaScriptファイルをご自分のブログのページ内で読み込むことで、ページの読み込み完了とともにそのJavaScriptが実行されます。JavaScriptでは、そのページに存在する記事とPermalink(記事ごとの固有のURL)を検出し、その記事につけられたスターの数をはてなスターのサーバに問い合わせます。そして、その結果と、星を追加する「Addボタン」ボタンをページ内に埋め込みます。 「Addボタン」が押された際にも、はてなスターのサーバに問い合わせが行われ、スターの情報が保存されます。 スターの数の表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く