活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
javascriptで正規表現ぺろぺろ - tomoemonの日記
正規表現の話はweb上の至る所に書いてあるので、今さら書くまでもないですが復習ついでにちょろっとまとめておきます。プログラマーなら知っていて当然、知らなきゃもぐり認定されます（します）。プログラマー以外のPC事務に携わる人にとっても便利な概念だと思いますが、そこまで使用頻度が高くないと結局忘れてしまうので、無理にはお勧めしません。 例えば 1 nanoha 2 fate 3 hayateを 1 "nanoha" 2 "fate" 3 "hayate"のように置換したい場合、10行程度であればメモ帳＋手作業でもOKですが、10000行ある場合は何らかの方法で自動化せざるをえません。テキストエディタ＋正規表現を使えばお茶の子さいさいですが、この場合だったら正規表現を知らなくてもエクセルを使ったセル間の文字列結合(not VBA)でも実現することができます。適材適所で必要な知識を身につけましょう
Private Presentation
Private content!This content has been marked as private by the uploader.
JavaScriptのお勉強をするときの話（環境構築編） - 愛と勇気と缶ビール
この記事は、JavaScriptを勉強して可能なら使えるようになりたいけど、どこからやっていいかよくわからない、という昔の僕みたいな人のためのガイドです。ちなみにいささかCUI寄りです。 初めに断っておきたいのは、僕が多少なりとも真面目にJavaScriptを勉強し始めたのは10ヶ月ほど前のことなので、いわゆるマスター的なヨーダでも何でもなく、未だ途上の何たらだということです。 開発環境を用意する JavaScript入門、みたいな紙媒体やWeb上の記事には、「JavaScriptは基本的にはブラウザ上で動く言語なので、特別な実行環境を用意する必要はありません！楽勝ですね！」みたいなことがよく書いてあるのですが、アホか、という話です。 ブラウザ上で動かす（場合が多い）言語であるからこそ、むしろ実行はめんどくさいです。 「ワイはとにかくDOMが操作できればええんや！言語仕様とかどうでもええわ
避けなければいけない JavaScript の失敗 - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110515.html
new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo
私は陰謀論者じゃないですし JavaScript の new 演算子が大好きなわけでも大嫌いなわけでもないです。 念のため。 本記事は Hiraku さんが書かれた下記記事への言及です。 newを封印して、JavaScriptでオブジェクト指向する(1) newを封印して、JavaScriptでオブジェクト指向する(2) newを封印するべき4つの理由 new 演算子は使うな!? 「newを封印するべき4つの理由」 でも new がいかに糞であるかが書かれていますし、その記事からも言及があるように Crockford さんが書かれた書籍 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 でも new 演算子は Bad Parts に分類されています。 new 演算子が忌避される理由はいろいろあるみたいですが、Hiraku さんの記事では n
org-info.jsで簡単にinfoっぽいページやオシャレなスライドを作成する - うどん駆動開発
org-info.jsという，Org-modeでinfoのような操作体系を実現するためのJavascriptがある．公式ページはEMACS ORG-INFO.JS． infoっぽいページの作り方と，スライドの作り方を紹介する． infoっぽいページを作る 変換前と変換後のファイルを以下に挙げておく．公式ページの元ファイルと，生成されたinfoっぽいページへのリンクだ． 変換前: http://repo.or.cz/w/Worg.git/blob_plain/HEAD:/code/org-info-js/index.org 変換後: EMACS ORG-INFO.JS org-info.jsの操作を以下に載せる．?キーでヘルプを見ることができる． Moving around n / p 次に進む / 前に戻る N / P 次に進む / 前に戻る t / E 最初のページへ行く / 最後のペー
JavaScriptやCSSの外部ファイルに手を加えサイトの表示速度を改善する3つの方法
色々スクリプトを設置してヘッダーがJavaScriptやCSSの外部ファイルでいっぱいになっていることはありませんか?外部ファイルが多くなればもちろん表示速度への影響も大きくなります。 サイトの表示速度はGoogleの検索順位にも反映されますし、そもそも訪問者のことを考えると少しでも表示速度は速い方がいいですね。 JavaScriptやCSSファイルを軽量化する 空白や改行をなくしてJavaScriptやCSSファイルを軽量化します。簡単に圧縮してくれるオンラインツールがたくさんありますが個人的なおすすめはこちら。 Compress javascript and css シンプルで使いやすいと思います。「basic compress」は空白のみ、「powerful compress」は改行も圧縮してくれます。 dean.edwards.name こちらも、同じように圧縮してくれます。軽量化
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」:phpspot開発日誌
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 2011年05月10日- JavaScript Errors Notifier - Chrome ウェブストア JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 エラーがあった場合に、アドレスバーの星アイコンのとなりに次のように通知してくれます。 アイコンをクリックすれば具体的なエラー内容が分かるという物。 赤のアイコンでエラー検知が分かりやすくていいですね。 通常の状態ではエラーがあろうと、デベロッパーツール等でコンソールを開いてない限り気づくことは出来ませんが、これは開発者は必須のツールかもしれませんね。 関連エントリ PHPのエラーなんかをブラウザで確認できるC
次世代JavaScriptを“いま”実現するグーグルの「Traceur」
現在仕様策定中の次世代JavaScriptが備えるであろうクラスの継承やモジュール化機能を、いまのJavaScriptで実現するコンパイラ「Traceur」をグーグルが公開しました。 traceur-compiler - Google's vehicle for Javascript Language Design Experimentation - Google Project Hosting TraceurはJavaScriptで記述されたコンパイラとして実装されており、オンザフライでTraceur対応JavaScriptを現在のJavaScriptに変換、実行します。 具体的には、HTMLの先頭で「traceur.js」を読み込んでおくと、そのWebサイトではそれ以後、Traceur対応のクラスやモジュール化機能を備えた次世代JavaScriptをそのまま実行できる、ということになり
[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」 | Web活メモ帳
特定の用途だけに特化したフレームワークが必要な場合、シンプルなもので良いのではないだろうか。 「microjs」では、DOM構築後のタイミングで処理を実行したいだけのフレームワークやBase64処理をするだけの物、ブラウザ判別するだけの物など、 ちょっとした時に使えるフレームワークが50以上揃っています。 以下にいくつか気になった物をご紹介。 domReady DOM構築後のタイミングで処理を実行場合に使えます。0.2KB。 domReady(function () { // dom is loaded! }); Base64.js Base64処理ができます。0.9KB。 Bowser ブラウザ判別したい時に。0.2KB。 if (bowser().msie && bowser().version <= 6) { alert('hello China'); } Micro-Templat
![[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」 | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/bca94c36880f0d47719b5c7a82560f477388c164/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F05%2F20110506-01.jpg)
実は Titanium Developer でコード修正のたびにビルドする必要がなかった件 » astronaughts.net
アナタ知ってたなら早く教えなさいよ！ ども、世間が GW のピーク時に終焉を迎えた、僕です。 Titanium ネタが全然なくて、Ti.Developers.meeting までお預け感が否めなかったわけですが、なんかいろいろ触っているうちにちょっとしたことに気が付きました。 いつものように「フンフンフン♪鹿のフン♪」と鼻歌交じりにタイタンしてる時、コード修正の度にビルドするのがめんどくさくて「JavaScript のくせに・・・」とか、Titanium の仕組みを無視した感情が沸き起こってきたのです。まぁわかっていただけると思いますが、JavaScript ってもともとインタプリタ言語（※1）なんだから、いちいちビルドしなくても即時反映してくれたらいいのに！ってことなんですが、実は Titanium もちゃんとそーなっていました。一部のパターンを除いてですが・・・。 あ、そーそー。先に謝
プログラミングの整理簿
更新記録 2008/03/20 Javascriptのシェルにtime()関数を追加 2008/03/09 Javascriptプログラミング 12 継続渡し形式（CPS） 2008/03/08 Javascriptプログラミング 8 オブジェクト指向プログラミング 大幅に改定＆追記 2008/03/02 Javascriptシェルに文法チェックの選択を追加 2008/03/02 Javascriptプログラミング 11 HTMLアプリケーション 2008/02/24 Javascriptプログラミング 9 状態遷移 2008/02/21 Javascriptプログラミング Javascriptのシェル 2008/02/17 Javascriptプログラミング 8 オブジェクト指向プログラミング 2008/02/03 Javascriptプログラミング HTMLのタグを作る関数 メニュー
CoffeeScript時代のモジュールシステムの選び方ガイド | netswitch!
猫も杓子もCoffeeScriptの世の中、CoffeeScriptに手を出してしまったがために(JavaScriptの世に)帰らぬ人となりつつある人はたくさんいると思う。 僕も最近CoffeeScriptに手を染め五分で帰り途を見失ってしまった。 CoffeeScriptの編集にはujihisa氏のshadow.vimが便利だ。 shadow.vimを手短に紹介すると、main.js を開いて編集していると思ったら実はmain.js.shd(中身はCoffeeScript)を編集していて、気づいた時にはすでにmain.js.shdのコンパイル結果がmain.jsに保存されている、というvim-pluginである。 さて、JavaScriptを本格的に使うには、モジュールシステムを避けて通る事はできない。 グローバル変数を多用することも許されているJavaScriptでは、ライブラリによる
たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮＆最適化してくれる『zbugs』 | 100SHIKI
これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。
Closure Library 超入門 〜モック編〜 - present
はじめに 例えば、UI ウィジェットを生成して何かしたり、サービスの API を呼び出して何かしたりするコードは、テストが困難です。DOM が変更されたら正しいテストにならない可能性があるし、API 呼び出しで環境が破壊されたら困りますからね。 そこでモックの出番。Closure Library はモックを作成する機能を提供しています。 モックを作成してみます goog.testing.MockClassFactory を使えば、任意のクラスのモックを作成できます。 モックを使ったテストの流れは次の通り。 ファクトリ作成 モック作成 モックの振る舞い指定 モックの振る舞い再生 テスト モックが正しく呼び出されたか検証 検証では、振る舞いを定義した順番通りに、モックが呼び出されたかもチェックできます。 <html> <head> <title>MockSample</title> </hea
[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」 | Web活メモ帳
「Sammy.js」はURLによって処理を振り分ける事ができるJavaScriptの軽量フレームワークです。 #以降のアドレスを利用してURLルーティングを実装されており、 簡潔に記述することを目指したフレームワークとなっています。 RubyのSinatraというフレームワークにインスパイアされたみたいですね。 わずか16KBしかないのですが、外部ファイルの読み込みやリダイレクト処理などがサポートされており、手軽に使う事ができます。 使い方 jQueryを読み込んだ後に、sammy.jsを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="sammy.js" type="text/javascript"></script> URLに対して実行するアクションを設定します。 JavaScri
![[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」 | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/f4858e9a6def8689b8831d84f96198dfbacfae48/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F04%2F20110427-01.jpg)
普通の業務系Java PGでなくても一度はハマる？JavaScriptのthisの奇妙な振る舞い - 達人プログラマーを目指して
先日書いた普通の業務系PGには意外と知られていないJavaとJavaScriptの相違点10選 - 達人プログラマーを目指してでは、これからJavaScriptを本格的に勉強する層のプログラマーの人を対象に、JavaとJavaScriptの違いを理解する上で重要な１０個のポイントについて説明しました。いただいたコメントの中には、JavaScriptとJavaは当然まったく別の言語で、比較すること自体問題であるという趣旨のご指摘もいただきました。確かにその通りなのですが、実際、業務で本格的なプログラムの開発はJavaでしかしたことがないという開発者は結構自分のまわりにはたくさんいますし、時代の流れから言って、これから初めて本格的にJavaScriptを書くという人も今後たくさん出てくるのではないかと思います。そういう人にとっては、やはり、違いを意識するところから入っていくというのは学習のアプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBSITE.WS - Your Internet Address For Life™
gContextMenu - userChrome.js作成メモWiki
