第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ - bingo_nakanishiの他言語出身者のためのPerl入門
私は動的なページを作ってみたいと思いJavaScriptを学び始めた。 今までこうとしか書けないと思っていたモノが、 他の言語では別の方法で書け、 その表現のおかけでパワフルなプログラミングができるといった話がかなり好きなので、 始めはJavaScriptの文法ばかりを勉強していた。 とくに、他の言語の経験者が面白い！ ためになる！ と思うのはこの本である。 まるごとJavaScript & Ajax ! Vol.1 作者: 天野仁史,舘野祐一,川崎有亮,arton,田中孝太郎,国分裕,山本有悟,海野裕也,nanto_vi出版社/メーカー: インプレス発売日: 2007/02/15メディア: 大型本購入: 8人 クリック: 98回この商品を含むブログ (78件) を見るJavaScriptのこの書き方ってそういう意味だったのか！！ といったことや、最近の動向がぎゅぎゅっとまとまっている。
「Yahoo! キーフレーズ抽出API」による Ajax 版タグクラウドデモ
「Yahoo! キーフレーズ抽出API」による Ajax 版タグクラウドデモ 2009-07-09-3 [Programming][YahooHacks][NLP][Ajax] テキストに含まれる重要フレーズを抽出してくれる「Yahoo! キーフレーズ抽出API」を使ったタグクラウドのデモを作ってみました。 フォームにテキストを入力してボタンをクリックするとそのテキストに含まれる重要フレーズがタグクラウド風に表示されます。 文字サイズ (font-size) は各フレーズの Score をそのまま pt 値として使っています。 - キーフレーズ抽出タグクラウド風 http://yapi.ta2o.net/demos/kp.html 「Yahoo! キーフレーズ抽出API」は JSONP が使えるので、ブラウザ上の JavaScript だけでこういう処理ができるのです。 Ajax! Aja
JavaScriptのnewって本当にいらない子？ - あと味
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか？だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
第1回 Silverlight vs. jQuery＋ASP.NET AJAX（1/4） - ＠IT
第8回まで続いたVB研公開ゼミだが、今回は趣向を変え、2つの技術をバトル形式で議論するセミナー形式で開催された。2009年6月13日（土曜日）にベルサール九段で開催されたテクノロジーバトル「開発者の選択」第1回には、約70名の参加者が集まり、大いに盛り上がった。 今回は「Silverlight vs. jQuery＋ASP.NET AJAX」と題し、.NET系のRIA（リッチ・インターネット・アプリ）テクノロジの大本命として注目される「Silverlight」、そしてWebをリッチにする技術としてGoogle Mapsに始まりWeb世界で広く活用されている「Ajax」という2つの技術を対決させた。なお今回の「Ajax」とは、純粋な「JavaScriptとXMLによる非同期通信」だけを指すのではなく、.NET Frameworkとの親和性が高い「ASP.NET AJAX」や、オープンソースで
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その2 | Takazudo Clipping*
自分なんぞがオブジェクト指向とはなんぞと語るなんておこがましく、「オブジェクトっぽい話」でいいかなーと思っていたのですが、ブックマークするときに「オブジェクト」でタグ付けてる人がいたので、これはいかんと思い、こっそりタイトルを直しました。 2回目の今回は、複数のインスタンスをまとめて操作する方法について書きます。 まんじゅうマネージャー 前回、クラス作ってインスタンスを作ると便利だというところで終わりましたが、便利な点としてはまず、「複数のインスタンスをまとめて操作したり、作ったりできることができる」という点があります。どういうことかというと、とりあえず、以下のサンプルを見てみてください。 まんじゅうマネージャーサンプル まんじゅうを一気に作ったり、隠したりすることができます。 これで賞味期限が切れたりしても大丈夫なはずです。 この機能を作れと言われたら、前回の知識だけは結構厳しいのではな
Emacs でつくる JavaScript と ActionScript の環境 - JACO-BASS
Home » Blog, イベント, 制作 » 2009 » 6 月 » Emacs でつくる JavaScript と ActionScript の環境 第7回のウェブテコで発表したネタです。スライドを用意しなかったので、今回はブログの記事として書きます。 Emacs の JavaScript のメジャーモード。 Emacs では、特定のファイルを編集する場合、それに特化したメジャーモードを使うことで、編集をより便利に行なうことができます。 JavaScript を編集するためのメジャーモードは、以下のものが代表的です。 javascript-mode js2-mode 最近、人気なのは js2-mode の方で、こちらは Java で書かれた JavaScript パーサのRhinoが移植されており、リアルタイムの構文チェックが行なわれるところが他のモードとの大きな違いです。 ただし
その場で検索して結果に素早くアクセスする·jQuery Live Search MOONGIFT
インターネットの世界では素早さを求める動きが強まっている。それこそ、サイト内検索で欲しい情報が見つからなかったり、レスポンスが遅れたりすればあっという間にユーザがいなくなってしまう。 JavaScriptだけで検索を行う そんな高速なサーバ検索は難しいかもしれないが、クライアントサイドであれば意外と高速化できる。 今回紹介するオープンソース・ソフトウェアはjQuery Live Search、jQueryを使ったリスト検索ライブラリだ。 jQuery Live SearchはWebページ上にあるリストを検索するライブラリだ。リアルタイムにフィルタリングが行われるのでインクリメンタル検索に近い。デモでは1,000件のリストに対してフィルタリングを行っている。 文字を入力するたびに絞り込まれていく レスポンスはブラウザの性能によるだろうが、思っていた以上に高速だ。検索結果の件数も表示されるので
jQueryベースのグラフ作成ライブラリ·jqPlots MOONGIFT
Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう（ぜひ試していただきたい）。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え
vimで最強のgreasemonkey開発環境を作ってみた - かせいさんとこ
タイトルは釣りですが、実際にグリモンの開発効率が気持ち悪いくらいに上がりました 2009/06/02追記 動画upしました 初めてなのでいろいろ適当ですが、ご容赦を これは何？ vimの環境設定の勉強がてら、greasemonkeyの開発環境を作ってみました 環境は、Ubuntu8.0.4です できることは以下の通り コード補完 スニペットに対応 user.jsで新規ファイルを作ると、テンプレートを自動に作ってくれる コマンド一発で、firefoxにグリモンをインストール 保存時に自動的にfirefoxの今開いてるページを再読み込み まずは、vimrcと入れたプラグイン .vimrc 上記の設定とかをまとめた.vimrcは以下の通りです set encoding=utf-8 set nu syntax on "新しい行のインデントを現在行と同じにする set autoindent "インク
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
自作greasemonkeyのテンプレートを公開 - かせいさんとこ
これは何？ 自作のgreasemonkeyを作る際のテンプレートです 複数マシンで開発してるので、どっからでも見れるようにここにUPしました ライセンスはNYSLでご自由にどうぞ // ==UserScript== // @name // @namespace http://d.hatena.ne.jp/kasei_san/ // @description // @include // @exclude // ==/UserScript== // /* LICENSE : NYSL ( http://www.kmonos.net/nysl/NYSL.TXT ) */ (function() { // Greasemonkey Manual:API // http://wiki.greasespot.net/API_reference //--------------------------
Amazonの商品個別ページでのwindow.productTagsオブジェクト
Amazon.co.jp(Amazon.comでも)の商品個別ページのDOMにはwindow.productTagsというオブジェクトがあり、その中にASINをはじめ商品のタイトルや商品画像のURL、著者名(CDとかならアーティスト名)など基本的な情報が格納されている。これを使えば簡単な商品紹介リンクならば外部のサービスを介することなく作成することが出来る。 window.productTagsオブジェクトは商品個別ページにあるタグをつける機能のために用意されているものみたい。Perlクックブック〈VOLUME1〉のページを例にwindow.productTagsオブジェクトを探してみると、 productTags: { asin: "4873112028", image: "http://ec2.images-amazon.com/images/I/51FHW5B8GQL._SL75_P
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ActionScript for JavaScript(er).
Self Introduction こんにちは！ amachang です 久し振りの Shibuya.JS うれしい！ ＞＜ 楽しんでいってください！
JavaScript Reference β
[A] abort() abs() acos() action addEventListener() alert() alinkColor anchor() anchors appendChild() appCodeName appMinorVersion applets appName area appVersion Array() arity asin() atan2() atan() availHeight attachEvent() availLeft availTop availWidth [B] back() background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundPositionX backgroundRepeat backgroundPositi
株式会社ALBERT（レコメンドエンジン）
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
JetpackでLivedoorReader StatusBar Notifyなんて作ってみた・その一 - ガジェカツ～在宅SEのガジェット活動ブログ～
第二回の記事を書きました！ Firefoxの新しい拡張機能の形、Jetpackが公開されました。 これはもう凄いですね、簡単に（といってもあくまで簡易的な）アドオンが作れてしまう。 ちょっとステータスバーでNotify（すなわち通知系拡張機能）が作りたいと思ったときすぐに出来てしまいます。 というわけでさっそくLivedoorReaderの未読数をステータスバーに表示するJetpackを作ってみました！ その前に さてその前にJetpackを利用方法を説明しましょう。 Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web まずはじめに上記ページの中段「Get Started!」等々書かれたリンクをクリックするとJetpackアドオンをインストールして再起動しましょう。 後は色々なサイトにあるJ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
