JavaScriptで、メソッドをコールバックとして渡す方法(コールバック関数でthisをbindさせる方法) · DQNEO日記
Home Subscribe var obj = { name : 'pikachu', say : function(){ alert('I am ' + this.name); } } setTimeout(obj.say, 1000); // => 'I am'とだけ表示される。 これは期待通りに動いてくれません。 コールバックとしてメソッドを渡した場合、それはオブジェクトと切り離された単なる関数(メソッドではない)となってしまうのです。 つまり下記と等価なのです。 setTimeout( function(){alert('I am ' + this.name);} , 1000); 関数がオブジェクトと切り離されているため、このthisはグローバルオブジェクト(windowオブジェクト)を指してしまっており、'I am'とだけ表示されます。 ではどうすればよいでしょうか？ bin
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
実用に耐えるオープンソースの検索エンジン BEST３ – テコラボ
オープンソースの検索エンジンというのが幾つかあります。オープンソース、つまり無料の検索エンジンですね。 ほとんどは目的がニッチに特化したものが多く、ウェブで一般的に使えそうなものはあまり多くはないのですが、それでもちゃんと実用に使える、使っているものもあります。今回、テコラボでそういった使えるオープンソースの検索エンジンとして選んだものを載せておきます。 なんらかの理由でGoogleやBingを使えない、且つ、初期投資としてお金をかけられない、といったサイト開発やアプリケーション開発の場合に有効です。 BEST1 : [ Fess（Solr）] http://fess.codelibs.org/ja/index.html 検索エンジンにSolrを、クローラーにS2Robotを使う検索システムパッケージ。 5 分で簡単に構築可能な全文検索サーバー！ ウェブ、ファイルシステム、データベースのク
WEB APIの使い方とは？挑戦したらすごく楽しい！ : 僕の私の備忘録
11月26 WEB APIの使い方とは？挑戦したらすごく楽しい！ 2011 カテゴリ:サイト制作・備忘録単なる日記 最近はWEB APIに挑戦していました。夢中になっていたので、既存サイトはほっときがちです。でもWEB APIはとっても楽しいです。WEB APIについては難しい説明が多いので、これから使ってみたいな、という人向けに。 APIで何が出来るのか？と会わせて、APIを使う際の具体的な流れについて簡単に説明しておきます。 WEB APIとは？ WEB APIの具体例 WEB APIの利用を開始するにはどうすればいいの？ WEB APIの使い方、大まかな流れは？ プログラミング言語が必要。初心者がWEB API は難しい？ 初心者向けのWEB APIは？ WEB APIはどこで動かすの？ブログで動く？ WEB APIの難関は、英語。 データを取得したら、PHPその他で頑張る WEB
PHPマニュアル:json_decode:JSON 文字列をデコードする
mixed json_decode ( string $json [, bool $assoc = false [, int $depth = 512 [, int $options = 0 ]]] ) パラメータ json デコード対象となる json 文字列。 この関数は UTF-8 でエンコードされた文字列でのみ動作します。 注意: PHP の実装は、 » RFC 7159 の JSON のスーパーセットです。 assoc TRUE の場合、返されるオブジェクトは連想配列形式になります。 depth ユーザー指定の再帰の深さ。 options JSON デコードオプションのビットマスクです。 Currently there are two supported options. The first is JSON_BIGINT_AS_STRING that allows casting
これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM
Life is too short to worry about laundryOGP （Open Graph Protocol）。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね！ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね！された時に、 「○○さんがリンクについていいね！と言っています」 とウォール上に投稿されることになるが、これはOG
"Web開発ツールを使いこなせ!"クリエイターの道具箱(6) 期待のWeb開発特化軽量エディタ、Adobe Brackets
第4回より、Web開発に特化した開発環境/エディタとして、GUI/CUIそれぞれの著名な開発プラットフォームを、第5回では最新版にて大幅にWeb開発の機能が強化された高機能開発プラットフォーム、NetBeansについて紹介しました。今回は、Adobeがオープンソースソフトウェアとして公開している軽量Web開発エディタ・Bracketsについて取りあげたいと思います。 Adobe Bracketsとは Adobe Bracketsとは、Adobeが開発・公開しているエディタです。The MIT Licenseのもと、オープンソースソフトウェアとして公開されています。Windows、Mac OS X上で動作します。 特徴は次のとおりです。 ・初期状態でHTML/CSS/JSをサポート ・ライブプレビュー、コード補完、自動インデント、JSLint ・必要最低限の機能のみを搭載。利用者が別途欲しい
天気予報API｜活用方法
「天気予報API サービス」は、天気予報を表示する以外に、天気に合せてキャラクターがアクションする、紫外線情報に合せて日焼けする、花粉情報に合せてアニメーションが変わる、洗濯指数や重ね着指数にあわせてアドバイスをしてくれる、過去の天気を合わせることでこれまでの天気も一緒に表示するなど、天気予報や様々な指数情報などを活用したスマートフォンアプリ、Webサイト利用の方法を想定しております。 今日、明日の天気予報や週間予報（天気予報、降水確率、気温）、そしてあの日あの時の天気を従来のようにマークや数字で表現するだけでなく、キャラクターのアクション等と連動させることで、日常生活には欠かせない天気の情報をより楽しく面白く、また様々な表現で伝えることができます。 「3時間ごとの天気予報」もご利用いただける様になりました。 予め登録しておいた洋服や小物を天気予報、降水確率、気温に合わせたオススメの
Selenium
Selenium automates browsers. That's it!What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should) also be automated as well. Selenium WebDriver If you want to create robust, browser-based regression automation suites and tests, scale and di
Dojoツールキットで始めるオブジェクト指向
はじめに DojoツールキットではJavaScriptのオブジェクト指向開発を助けるために、JavaScriptの言語仕様を拡張しています。本記事では、その基本となるDojoツールキットでのクラス宣言や継承の方法を解説します。 この記事では、Dojoツールキットの利用方法を既に知っていることを前提にしています。 JavaScriptのオブジェクト指向とは？ JavaScriptと言えば「スクリプト言語」「関数」「HTMLの付属品」というようなイメージが強いと思います。しかし、JavaScriptでもオブジェクト指向開発が可能なことを皆さんはご存じでしょうか。 オブジェクト指向という言葉を聞いて、オブジェクト指向を知っている人なら何を思い浮かべるでしょうか。多くの場合「クラス」「継承」「インスタンス」「クラス変数」「クラスメソッド」「抽象クラス」というようなことを思い浮かべるに違いありません
PHPで「Sign in with Twitter」を実装する方法
方法も何も、これさえできていれば PHPでTwitter APIのOAuthを使う方法まとめ – 頭ん中 一カ所書き換えるだけ。 事前の準備 アプリケーションを Sign in with Twitter に対応させときましょう。 https://twitter.com/apps に行く。 対象となるアプリケーションを選ぶ。（アプリケーション未登録の場合は上掲の記事に登録方法を書いているのでまずはそちらへ。） “Edit Application Settings” のボタンを押す。 一番下のあたりにある “Use Twitter for login” のところにチェックを入れて “Save” のボタンを押す。 はい完了。 Sign in with Twitter のやり方 OAuth でユーザーに承認してもらうとき、通常なら http://twitter.com/oauth/authoriz
Smarty日本語マニュアル
Table of Contents 序文 I. はじめに 1. Smarty とは? 2. インストール 必要条件 基本的なインストール 拡張セットアップ II. テンプレートデザイナのための Smarty 3. 基本構文 コメント 変数 関数 属性 ダブルクォート内に埋め込まれた変数 演算子 Smarty の構文解析を回避する 4. 変数 PHP から割り当てられた変数 連想配列 配列のインデックス オブジェクト 設定ファイルから読み込まれた変数 予約変数 {$smarty} リクエスト変数 {$smarty.now} {$smarty.const} {$smarty.capture} {$smarty.config} {$smarty.section}、{$smarty.foreach} {$smarty.template} {$smarty.version} {$smarty.lde
Webアーキテクチャ設計術 --- ITpro
Webシステムを設計するアーキテクトが検討すべきポイントを連載でお届けします。まず，「HTTPの仕組み」を説明した後，「可用性」「パフォーマンス」「セキュリティ」「運用性」の4点を取り上げます。この4点を，ソフトウエアの品質について定めた国際規格「ISO/IEC 9126-1」に基づいてマッピングすると，図1のようになります。網掛け部分が連載のターゲットです。
MySQLの基礎（概要編）：プログラミングの基礎知識 - 久保清隆のブログ
MySQL入門以前 作者: 石田豊出版社/メーカー: 毎日コミュニケーションズ発売日: 2005/03メディア: 単行本購入: 22人 クリック: 439回この商品を含むブログ (35件) を見る MySQLの基礎の基礎が書いてある本です。 とてもわかりやすく、時間もあまりかからずに基礎的なことが学習できました。 以下要約です。 MySQLのコマンドに関しては、 ド素人のプログラミング学習記録 〜その６ MQL基礎（コマンド) を参照。 Webアプリケーションをつくる道具 MySQL＋PHP＋Apache の組み合わせが今一番多い。 理由： オープンソースだから無料で使える。 スクリプトの構造がスマートだから、習熟までの時間が短い。 出来ることの範囲が広い。 データベースとは？ イメージ： 必要に応じて情報を取り出せる仕組み。 例）住所録など 必要なもの、こと： コンピュータのデータ。 デ
グーグル、新ウェブプログラミング言語「Dart」を開発
Googleが再び新しいプログラミング言語に取り組んでいる。今回は「Dart」というプログラミング言語だ。 Googleは2009年、サーバソフトウェアの開発や、現在はCやC++で処理することが多い他の作業を行うための言語「Go」を発表した。だがDartは、「Goto」カンファレンスのスケジュール表によれば、「構造化ウェブプログラミングのための新しいプログラミング言語」だという。Dartについては、Googleの人間が10月にGotoカンファレンスで説明する予定となっている。 Dartのプレゼンターは2人いる。1人は、バージョン3がリリースされたばかりのプログラミング言語「Newspeak」を開発したGilad Bracha氏だ。同氏は『Java言語仕様』の著者の1人であり、SAP LabsやCadence Design Systems、Sun Microsystemsで働いていたこともあ
Webシステム開発に便利な7つのツール
Webシステム開発で使っている便利なツールをあげてみました。 あらためて社内の開発環境を見直す機会があったので、使っているツールを並べてみました。こうして見ると色々なツールを使って開発をしていますね。わりと定番系なものが多いですが、良かったら参考にどうぞ。 1. Apache / PostgreSQL / PHP Mac OS X に MacPorts でインストールしたApache / PostgreSQL / PHP 環境を使って開発をしています。 PHPは5.3、PostgreSQLは8.4 or 9.0です。 ただ旧バージョンのPHPを使ったり、Linux でなければ動かないモジュールを使うこともあるので、その際は社内のCentOSサーバにSSHで入って開発したりもします。 Vimを使ってるので、SSHで入ればどのサーバでも開発できるのは利点ですね。 Mac を使い出して、しばらく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASTRODEO 株式会社アストロデオ
「Dojo道場」～実用アプリ構築のためのベストプラクティス一覧
言語別フレームワークの比較 ～Perl/Ruby/PHPユーザーのためのMVCフレームワーク入門～ (1/6)：CodeZine（コードジン）
大規模ソーシャルゲーム開発から学んだPHP＆MySQL実践テクニック
