[B! Javascript] kimunnyのブックマーク

kimunny id:kimunny

Javascriptに関するkimunnyのブックマーク (29)

JavaScriptは業務アプリの開発言語として有力な存在になる
この記事は、日経SYSTEMS 8月号に掲載された連載﹁新野淳一の技術インパクト﹂第5回のオリジナル原稿をPublickey掲載用に編集したものです。Publickeyでは日経SYSTEMS編集部との合意を得て、雑誌発行から一定期間後に記事をPublickeyに掲載しています。 JavaScriptは1995年の登場から何年にもわたって、Webページにちょっとした動きを与えるための簡易なプログラミング言語とみなされてきた。しかしいまやJavaScriptはモバイル向けアプリケーションの開発、業務アプリケーションのフロントエンド開発、そして大規模なWebアプリケーションのサーバサイドプログラミングなど、あらゆる分野での活用が始まりつつある。最も注目を集め、急速に適用分野を広げて進化しているプログラミング言語だ。業務システム開発の視点で見れば、今後の開発言語としてJavaScriptが有力候
kimunny 2012/09/06
開発

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 ?の使い分け存在チェック
kimunny 2011/07/20
ふむ。

node.js

javascript

coffeescript
リンク
実験室: 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"
kimunny 2010/12/07
javascript
リンク
JavaScriptでオートセーブ(自動保存)機能をデザインする : やむにやまれず
2007年07月11日18:06 by 山崎泰宏 JavaScriptでオートセーブ(自動保存)機能をデザインするカテゴリJavaScriptデザイン Tweet sparklegate Comment(0)Trackback(0) オートセーブ(自動保存)は便利です。比較的最近のアプリケーションであるブログの編集でも、投稿前の下書きがあれば、いちいち保存のボタンを押す必要があります。Gmailはメールを書いている途中で、下書きの保存がされます。今日はそれと似たような動作をさせるための簡単なデザインをメモしておこうと思います。変更を監視することが重要です。﹁文章の変更があるたびに、そこから放っておいて数十秒経過したら保存される﹂ように作るのはやや複雑になります。以下のように考えを整理してみましょう。文章の変更があるたびに、保存が必要であることを知らせるフラグを立てるだけにします
kimunny 2010/12/06
ふむ。

Javascript
リンク
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. Dovr ai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovr ai a
kimunny 2010/06/19
タイトルのまんま。

javascript

web制作
リンク
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
kimunny 2010/04/11
javascript

scriptaculous

test

unittest
リンク
HisasAnn.com is for sale | HugeDomains
Make 24 monthly payments Pay 0% interest Start using the domain today. See details
kimunny 2010/04/11
Unit Test Tools for JavaScript

javascript

test
リンク
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
kimunny 2010/03/24
Prototype.js公式APIリファレンス

prototype.js

javascript

api
リンク
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
kimunny 2008/11/30
キーボードショートカットをちょう簡単に使えるライブラリ。

これはすごい

javascript
リンク
JavaScript + Ajax 実践サンプル集 - ホーム
kimunny 2008/11/24
MSのAJAXライブラリのサンプルあり。本の著者。

ajax

javascript
リンク
JavaScript - Wikibooks
Hello, World! 本書は、JavaScriptの解説書です。JavaScriptは、ウェブページやウェブアプリケーションで広く使われているスクリプト言語であり、最も広く普及しているプログラミング言語の一つです。また、Node.jsなどのランタイム環境を使うことで、サーバーサイドでもJavaScriptを実行することができます。本書では、初めてプログラミングをする人から、他の言語で経験を積んだ人まで、広く対象としています。基本的なJavaScriptの書き方を解説することで、読者がより深く理解できるように配慮しました。 JavaScriptは、初心者が学ぶのに最適なプログラミング言語であり、ブラウザだけで簡単にプログラムを作ることができます。言語のコア部分は、国際標準化団体であるEcmaインターナショナルによってECMAScriptとして標準化され、仕様が明確になっています。No
kimunny 2008/11/09
そこそこ使えるJavascriptの教科書。文法を忘れたときなど。

programming

javascript
リンク
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に関しては、エレメントの新規属性として追加して
kimunny 2008/11/08
IEでWeb開発時に使えるツールを分かりやすくまとめている。

Ajax

web制作

windows

IE

javascript

css
リンク
テキストをクリック→テキストボックスを表示→インラインで編集→テキスト更新を実現するクラスを作ってみた。 - 空想犬猫記
なるべく小さな部品をクラスという形で提供して，再利用しやすい俺ライブラリをこまめに作っていこうと思います。id:xoinu:20071231 でやろうとしていたこととは少し外れるので，エト記に書いておきます。表題の通り，今日作ってみたのは，はてなグラフの編集画面にあるような UI で始めの見た目は文字列文字列をクリックすると，テキストボックスになり，編集できるようになる Enter キー，あるいは focus が外れると編集終了編集が終わると，テキストボックスが文字列に戻って，編集後の文字列になる編集後に hook 関数を起動するというものです。文字列は <span id="hoge">hogehoge</span> のような id 付きのブロックで囲まれていると想定しています。これに対して var ie; addEvent(window, "load", pageInit)
kimunny 2008/11/03
テキストボックス←→テキストでインライン編集。参考になりました！ちょうありがとう！

javascript

programming
リンク
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
kimunny 2008/11/03
ajax

javascript

webデザイン

programming

素材
リンク
Command Identifiers (Internet Explorer)
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
kimunny 2008/10/27
IEにおけるJavascriptのexecCommand一覧

Ajax

javascript

programming

MSDN
リンク
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
kimunny 2008/10/26
Ajax

programming

javascript
リンク
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 で動作確認をしていま
kimunny 2008/10/25
AjaxでIME。仕組みが知りたい。

javascript

WebApplication

Ajax
リンク
[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
kimunny 2008/05/05
javascript

programming
リンク
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累
kimunny 2008/02/03
javascript

web制作

あとで読む
リンク
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を利用して、ソー
kimunny 2008/01/31
javascriptソースからJavaScriptのブックマークレットを作成するPerlスクリプト。作者さんありがとう。

javascript
リンク
1 2 次のページ