JavaScriptは業務アプリの開発言語として有力な存在になる
この記事は、日経SYSTEMS 8月号に掲載された連載「新野淳一の技術インパクト」第5回のオリジナル原稿をPublickey掲載用に編集したものです。Publickeyでは日経SYSTEMS編集部との合意を得て、雑誌発行から一定期間後に記事をPublickeyに掲載しています。 JavaScriptは1995年の登場から何年にもわたって、Webページにちょっとした動きを与えるための簡易なプログラミング言語とみなされてきた。しかしいまやJavaScriptはモバイル向けアプリケーションの開発、業務アプリケーションのフロントエンド開発、そして大規模なWebアプリケーションのサーバサイドプログラミングなど、あらゆる分野での活用が始まりつつある。最も注目を集め、急速に適用分野を広げて進化しているプログラミング言語だ。 業務システム開発の視点で見れば、今後の開発言語としてJavaScriptが有力候
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
実験室: jQuery.triggerとlocalStorageを使って自動保存するメモ帳を作る - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 昨日書いた「jQuery.triggerを使ってEventDispatcher(AS3)のような事をしてみる」を応用して、 localStorageと連携して、一定時間で自動保存してくれる簡単なメモ帳を書いてみます。 DEMO on JS Bin HTML <form action=""> <textarea name="memopad" id="memopad" cols="30" rows="10"></textarea> <fieldset> <input type="button" value="SAVE" id="saveButton" /> <input type="reset" value="CLEAR" id="clearButton" /> </fieldset> </form> <p id="message"
JavaScriptでオートセーブ(自動保存)機能をデザインする : やむにやまれず
2007年07月11日18:06 by 山崎泰宏 JavaScriptでオートセーブ(自動保存)機能をデザインする カテゴリJavaScriptデザイン Tweet sparklegate Comment(0)Trackback(0) オートセーブ(自動保存)は便利です。比較的最近のアプリケーションであるブログの編集でも、投稿前の下書きがあれば、いちいち保存のボタンを押す必要があります。 Gmailはメールを書いている途中で、下書きの保存がされます。 今日はそれと似たような動作をさせるための簡単なデザインをメモしておこうと思います。 変更を監視することが重要です。「文章の変更があるたびに、そこから放っておいて数十秒経過したら保存される」ように作るのはやや複雑になります。 以下のように考えを整理してみましょう。 文章の変更があるたびに、保存が必要であることを知らせるフラグを立てるだけにします
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
script.aculo.usのUnitTestの使い方 前編 (Yak blog)
Javascript用のテストライブラリを探していたのですが、そういえば script.aculo.usについてるじゃん、と思い見てみるとなんか使えそう。 じゃあもう少し詳しく調べて・・・みようと思ったら、資料があんまりない。公式サイトのドキュメントもめっちゃ書きかけ。 しょうがないので、結局 script.aculo.us自身のテストを読むことに・・・ というわけで、せっかくなので UnitTestの使い方の解説をしてみようと思います。なんかここんとこ技術系の話題に向きが振れ気味。そしてまた 2回にわかれます・・・ 1.用意するもの とりあえず script.aculo.usの一部なので、ベースとなるprototype.jsは必須です。 script.aculo.usに最新の prototype.jsが同梱されているので、それを使えばよいでしょう。 というわけで、prototype.js
Prototype v1.7.3 API documentation | Home
An object-oriented JavaScript framework Prototype is a JavaScript framework that aims to ease development of dynamic web applications. It offers a familiar class-style OO framework, extensive Ajax support, higher-order programming constructs, and easy DOM manipulation. Targeted platforms Prototype currently targets the following platforms: Microsoft Internet Explorer for Windows, version 6.0 and h
Handling Keyboard Shortcuts in JavaScript
Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have crea
JavaScript - Wikibooks
Hello, World! 本書は、JavaScriptの解説書です。JavaScriptは、ウェブページやウェブアプリケーションで広く使われているスクリプト言語であり、最も広く普及しているプログラミング言語の一つです。また、Node.jsなどのランタイム環境を使うことで、サーバーサイドでもJavaScriptを実行することができます。 本書では、初めてプログラミングをする人から、他の言語で経験を積んだ人まで、広く対象としています。基本的なJavaScriptの書き方を解説することで、読者がより深く理解できるように配慮しました。 JavaScriptは、初心者が学ぶのに最適なプログラミング言語であり、ブラウザだけで簡単にプログラムを作ることができます。言語のコア部分は、国際標準化団体であるEcmaインターナショナルによってECMAScriptとして標準化され、仕様が明確になっています。No
IEでのCSS/JS/AJAX開発サポートする拡張ツールまとめ - Affamative Way
普段はFirebugが便利すぎてFirefoxで主な動作確認で使っているんですが IEで表示してみたらcssの表示が崩れていたり、JSエラーになってうんざりしませんか？*1 IEだと修正は面倒で思い出したくないくらい*2苦労してやってましたが、 以下のツールを見つけてからは本当に楽になりました。 IE Developers Toolbar ダウンロードはコチラより MS公式のIEの為の開発ツール Web Developerライクな機能が盛り込まれてます。 選択したエレメントごとのstyleと属性が表示されます。 エレメントの属性がその場で修正できますのでcssの崩れを特定が容易になります。 変更の仕方もいたって簡単 変更する値をダブルクリックして値を入力してエンターするだけ グーグルの背景を黒くして見ましょう*3 cssにて設定されたstyleに関しては、エレメントの新規属性として追加して
テキストをクリック→テキストボックスを表示→インラインで編集→テキスト更新を実現するクラスを作ってみた。 - 空想犬猫記
なるべく小さな部品をクラスという形で提供して，再利用しやすい俺ライブラリをこまめに作っていこうと思います。id:xoinu:20071231 でやろうとしていたこととは少し外れるので，エト記に書いておきます。 表題の通り，今日作ってみたのは，はてなグラフの編集画面にあるような UI で 始めの見た目は文字列 文字列をクリックすると，テキストボックスになり，編集できるようになる Enter キー，あるいは focus が外れると編集終了 編集が終わると，テキストボックスが文字列に戻って，編集後の文字列になる 編集後に hook 関数を起動する というものです。 文字列は <span id="hoge">hogehoge</span> のような id 付きのブロックで囲まれていると想定しています。これに対して var ie; addEvent(window, "load", pageInit)
A library of DHTML and Ajax scripts - DHTMLgoodies.com
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
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
Ajax IME: Web-based Japanese Input Method
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
[JavaScript] JKL.Calender
Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr
Positionオブジェクトの枠線幅問題対策 - Backstage of theater.js
※FirefoxのBODY枠線問題に対応しました。 【関連】 Positionオブジェクト(1) - Backstage of theater.js Positionオブジェクト(3) - Backstage of theater.js offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js prototype.jsのPosition.cumulativeOffset、Position.positionedOffset、Position.pageメソッドは、対象要素の上位offsetParentに枠線幅があると、正しく値を取得できない場合があります。これは、要素のoffsetTop/LeftプロパティがoffsetParent側の基準を枠線内側においている場合があり、このためメソッド処理中の各offsetTop/Left累
Bookmarklets Publish Kit - ブックマークレット・パブリッシュキット
Bookmarklets - ブックマークレット・パブリッシュキット 目次 概要 ダウンロード スクリプトは2種類 js2blet.pl JavaScriptソースファイルの書式 create_html.pl HTMLファイルの書式 その他 概要 「ブックマークレットのページ」は、複数のソースファイルからperlスクリプトによって自動生成されています。ブックマークレットを作成・配布する面倒な作業の大半を自動化できたと思います。オリジナルのブックマークレット開発と配布に役立てていただけると嬉しいです。 ダウンロード bookmarklets.tar.gzをダウンロード スクリプトは2種類 次の2つのスクリプトが含まれます。 js2blet.pl ... JavaScriptのソースコードからブックマークレットを生成します。 create_html.pl ... js2bletを利用して、ソー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HisasAnn.com is for sale | HugeDomains
JavaScript + Ajax 実践サンプル集 - ホーム)
Command Identifiers (Internet Explorer)
