JavaScriptツール&ライブラリ50選 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip
autopagerizeが効かなくなったときの対処
Firefoxで欠かせない、GreasemonkeyとAutoPagerize。この2つを組み合わせると、対応しているサイトであれば自動的に次のページがロードされるようになります（[Z]ZAPAブロ～グ2.0も対応済み）。 とても便利なAutoPagerizeですが、昨日くらいから機能しなくなりました。ファイルが壊れたのかと思って、AutoPagerizeを再インストールしてみましたがダメでした。調べてみたところ、wedata.netで公開されているJSONファイルに接続できないのが原因でした。このJSONファイルをダウンロードできないと、AutoPagerizeが機能しません（キャッシュが効いている間は多分大丈夫）。 幸いなことに、autopagerize.user.jsには、JSONファイルのインポート先として、SITEINFO_IMPORT_URLSを複数指定できます。初期設定では、
プログラミングの効率的な学習の為に必要な環境についての考察(いわゆる高速道路？) - monjudoh’s diary
想定 プログラミング入門者は脱している 初級者から中級者に向けての長いプログラマ坂をマッハで駆け上りたい 具体的には何らかのプログラミング言語について習得したい あるプログラミング言語について本当に習得出来たと言えるなら、その言語がフォローしているパラダイムは身に付いているはずなので問題ないはず これの実現に役立つ環境とは何かについて、JavaScript坂を上っている最中の経験をもとに考察してみる。 独習に役立つ環境 言語全体を網羅した良書 例：サイ本 何度でも立ち返るぶれない基本として1冊あると安心感が違う。 実践は大事だけど座学も疎かにしてはいけない。 手軽にtry&errorを繰り返せる実行環境 例：Firebug ちょっと書いては実行というのを手軽に何度もできると慣れやすいと思う。 Firefox+Firebugの場合はたくさんある既存のWebサイトについて、 JavaScrip
jQuery and JavaScript Coding: Examples and Best Practices — Smashing Magazine
When used correctly,jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best prac
JavaScriptの勉強：条件演算子「？」
実はまだまだ知らない事が多いJavaScriptの基本、 ちゃんと勉強しないとなーなんて思うのですが、 ちょくちょく気づいた時にしかできなかったりします。 そんな今回「あれ？なんだっけな、これ？」 なんて思ったのが「?」の使いどころ。 調べてみたら、条件演算子ということ。 どういう使い方ができるのか、少し試してみた。 条件演算子を使ってみた 条件演算子を使ったサンプルを作ってみる事にした。 ついでにifの条件分岐とちょっとだけ正規表現とかも入れてみた。 $(function(){ $('button').click(function(){ $('form').attr('action',''); xx = $('input').val(); if(xx >= 21 || xx <= 0){ alert('数字は１から20の間で入力してください。'); return false; }else
Binbo-Special−技術資料らしきもの−JavaScript−画像の上に画像を配置してフェード（透過）
ちょっとしたことをJavascriptでやりたいと思うのは、よくある話だし、そもそもFLASH嫌いだよって人もいるかもしれない。 そんなわけで、お手軽にJavascriptで画像の上に画像を置いて、さらにその画像が透過しても（フェードイン・フェードアウトしても）問題無いか、ということを突然実験してみたくなったわけです。 （以下のサンプルコードは、jquery.js前提の書き方しちゃってます。） まず、divで単純に重ねた場合。 absoluteとかrelativeとか使ってdivを配置した場合・・・・・（配置適当だなー） 背景画像もついでに変えます。（例えば、○○部門の紹介、みたいなボタンで、バックの画像がそれぞれの部門の様子の写真になったりとかに使えそうですよね。） IE6でも大丈夫っぽいですね。 一応、コードはこんな感じ html <div id="menuBox"> <img sr
teramako : tag : JavaScript
nsIScriptableUnescapeHTML - MDC var htmlString = "<p>hoge<br>hoge</p>"; var rootElm = document.createElementNS("http://www.w3.org/1999/xhtml","div"); var uhService = Cc["@mozilla.org/feed-unescapehtml;1"] .getService(Ci.nsIScriptableUnescapeHTML); var htmlFragment = uhService.parseFragment(htmlString, false, null, rootElm); //DocumentFragment nsISearchEngine @mozilla.org/browser/search-service;1 c
jQueryプラグインで彩る、ワンランク上のサイト制作 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
具体例で説明するデザインパターン - てっく煮ブログ
JavaScriptデザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃないだろうか。そこで、JavaScript やその周辺の技術で、デザインパターンがどのように使われているかを紹介してみることにする。ここでは、GoF本の順番に沿って、以下の11個のパターンを取り上げる。生成に関するパターン Factory MethodAbstract FactoryBuilderPrototypeSingleton構造に関するパターン AdapterComposite振る舞いに関するパターン Chain Of Respon
Firebugクックブック #1 - bits and bytes
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの
JavaScript lint - jsl
このドキュメントの内容は、以下の通りです。 インストール方法 jslのオプション JavaScript の Lint プログラム jsl が Ports コレクションに追加されました。 http://www.javascriptlint.com/online_lint.php インストール方法 cd /usr/ports/devel/jsl sudo make install clean jslのオプション # /usr/local/bin/jsl JavaScript Lint 0.3.0 (JavaScript-C 1.5 2004-09-24) Developed by Matthias Miller (http://www.JavaScriptLint.com) Usage: jsl [-help:conf] [-conf filename] [-process filename]
FreeBSD ports オプションを変えてportupgradeでリビルドする方法
FreeBSDのportsは、ソフトウェアによって、ビルドする前にオプションを 設定することがあります。ビルドのオプションは、 /var/db/ports/ 以下 のディレクトリにソフトウェア名(ports名)ディレクトリが作成され、 その中に、オプションの設定が保存されます。 オプションを変更する方法は２通りあります。 1. makeコマンドを利用して、設定画面(dialog(1))を利用する cd /usr/ports/lang/php5-extensions/ sudo make config 2. 直接ファイルを編集する sudo vim /var/db/ports/php5-extensions/options 個人的には、vimで直接編集する方が、検索ができて便利です。 make configで設定したのに、なぜか反映されない場合には、 やはり、vimで直接optionsの設定
JavaScriptでscriptファイルを読み込む方法
JavaScriptでJavaScriptの外部ファイルを読み込む方法について。 JavaScriptでscriptタグを作って、ヘッダにappendChildします。 異なるドメインのJavaScriptファイルもロードできます。 サンプルコード <html> <head><title>js load</title></head> <body> </body> <script type="text/javascript"> var d = document; var js = d.createElement('script'); js.src = 'http://yui.yahooapis.com/2.5.2/build/yahoo/yahoo-min.js'; var h = d.getElementsByTagName('head')[0]; h.appendChild(js); <
JavaScriptでスタイルシートを読み込む方法
このドキュメントの内容は、以下の通りです。 はじめに スタイルの指定方法 文書構造とスタイルを分離する意味 CSSの拡張子 CSSファイルの読み込み方法 JavaScriptでCSSファイルを読み込む方法 サンプルコード はじめに ウェブサイト・ウェブページは、HTMLと呼ばれるマークアップ言語で作成されています。HTMLは文章の構造を指示します。HTMLをどのように表示するか、つまり、デザインを指示するために CSS (カスケーディングスタイルシート) が利用されます。ウェブページを動的に更新するために、JavaScript と呼ばれるブラウザで動作するスクリプト言語も利用されています。 スタイルの指定方法 スタイルの指定方法を以下に例を挙げます。 スタイルタグ：HTML ファイル内に定義する インライン：HTML のタグで定義する 外部ファイル：スタイルシートのファイルで定義する 文書
Google Ajax Libraries API
米国の検索最大手グーグルがGoogle Ajax Libraries APIを 公開しました。このAPIにより、人気のJavaScriptのフレームワークである Dojo MooTools Prototype Script.aculo.us jQuery のライブラリをAoogle AJAX API Loadの google.load()メソッドを使うこと によりロードできるようになります。 http://code.google.com/apis/ajaxlibs/documentation/ 別のアプリケーションであっても、同じライブラリをロードすることは よくあることです。今から起動しようとするアプリケーションが必要と するライブラリはすでにキャッシュで持っているのかもしれないのです。 しかしながら、同じライブラリであっても異なるホストから配信される 場合は、お互いのライブラリを共有す
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript でテトリスみたいなゲームを作ろう！ - セキュリティ＆プログラミングキャンプ JavaScript 入門講座資料
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ（ホームページ）を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか？ では、何故 HTML という
登録数ランキングがAutoPagerize / LDRizeに対応しました : LDR / LDRポケット 開発日誌
情報を能動的に集める人のためのキューレーションツール、Live Dwango Reader（旧 livedoor Reader）とLDR Pocketは、ブログやメディアに貢献できるサービスを目指して参ります。 ※LDRトップなどへのアクセスで「Internal Server Error」と表示される方は、一度、http://www.livedoor.com でログアウトしてから、再度ログインをお試しください。 livedoor Readerをご利用いただきありがとうございます。 担当の齊藤です。 フィードの登録数ランキングのページが、Greasemonkey用スクリプトAutoPagerize / LDRizeに対応いたしました。 FirefoxでAutoPagerize / LDRizeを導入されている方ならば、ページ遷移することなく次ページの内容が自動的に連結され、「j」「k」などの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブックマークレット勉強中 - Twisted Mind
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT