ステートフルJavaScript 6章 | jekylog
依存性管理の仕組みが求められる背景には、手動管理の困難さだけでなく処理速度の問題も存在します。ブラウザはscriptタグで指定されているJavaScriptファイルのそれぞれに対してHTTPリクエストを行います。リクエストは並列して行えますが、多数の接続を行うというのは非常にコストのかかる処理です。接続の1つ1つについて、CookieをはじめとするHTTPヘッダの送受信やTCPハンドシェイクなどの付加が強いられます。SSL経由でアプリケーションが提供されている場合、事態はさらに悪化します。 モバイル対応も考えるとリソースの削減は必須。 6.1 CommonJS 名前は聞いたことあるけどあまり意識したことなかった。お恥ずかしい。。。 そもそもCommonJSとは JavaScriptでいろんなアプリケーションを作るための標準仕様。（を策定するプロジェクト） と下記スライドにあった。 Comm
ステートフルJavaScript 5章 | jekylog
ビューはアプリケーションにとってのインターフェースであり、ユーザーはビューの表示を目にし、そしてビューに対して操作を行います。本書で作成しているコードでは、ビューはロジックを持たないHTMLの断片であり、アプリケーションのコントローラ（イベントハンドラやデータの操作を受け持ちます）によって管理されています。ビューの中にロジックを記述しようという強い誘惑にかられることがしばしばありますが、これはMVCによる抽象化に反しており、絶対に行ってはなりません。無意味なスパゲッティコードへとつながる行為は慎むべきです。 5.1 ビューの動的な描画 ビューを生成する1つの方法として、JavaScriptのコードによって生成するというものがあります。DOMの要素を作成するにはdocument.createElement()関数を使用します。作成された要素にコンテンツをセットし、ページのDOMの中に追加しま
ステートフルJavaScript 4章 | jekylog
そもそも、コントローラとは一体何でしょうか。簡単に言うなら、コントローラはアプリケーションの中でビューとモデルとをつなぐ接着剤の役割を果すものです。ビューとモデルの双方に関与しているコンポーネントはコントローラだけです。ページが読み込まれると、コントローラはビューにイベントハンドラを関連付け、コールバックを適切に処理し、必要に応じてモデルとのやり取りも行います。 便利なライブラリも存在しますが、コントローラの作成にライブラリは必須ではありません。コントローラにとって必要なのは、モジュール性を持ち独立した存在であるということだけです。疎結合度の高いコンポーネントとしてふるまうべきであり、グローバル変数を定義したりすることは可能な限り避けなければなりません。これを実現するための優れた手法がModuleパターンです。 4.1 Moduleパターン ロジックをカプセル化してグローバル変数の衝突によ
ステートフルJavaScript 2章 | jekylog
2.1 イベントの監視 イベントリスナを削除するにはremoveEventListener()を使います。ここには以下のように、addEventListenerで指定したのと同じ引数を指定します。リスナが匿名関数であるなどの理由でリスナへの参照が存在しない場合は、要素ごと破棄しない限りリスナを削除することはできません。 まあ当たり前の事ですね。 ちなみに非標準だけど第4引数はaWantsUntrustedで、信頼されないコンテンツによって引き起こされるイベントを許可する、なる項目もあるらしい。 element.addEventListener - MDN 2.2 イベントの発生順序 ある要素とその祖先に同じ種類のイベントを指定している場合、下記ブラウザによって挙動が違う。 Netscape4はイベントキャプチャリング（event capturing）に対応しています。ここでは、最も上位（外
ステートフルJavaScript 3章 | jekylog
3.1 MVCと名前空間 MVCパターンでは、データ管理はモデル（MVCのM）の中で行われます。モデルはビューやコントローラから切り離されていなければなりません。データの操作やふるまいに関するすべてのロジックは、モデルの中に適切な名前空間とともに保持されるべきです。 これはなかなか実践出来てないところ。 プラグイン化して管理、連携してるとモデルもビューもコントローラも混ぜ混ぜで書いてた。
ステートフルJavaScript 1章 | jekylog
1.1 初期のJavaScript JavaScriptが強力で動的なオブジェクト指向言語である これって議論が分かれるところだけど書籍ではオブジェクト指向言語と言い切っている。 1.2 アプリケーションの構造化 大規模なjavaScriptアプリケーションを作成する上で鍵になるのは、「javaScriptの」アプリケーションをつくろうとはしないことです。まず、独立性の高いコンポーネントへとアプリケーションを分割するべきです。 粒度が細かいほうが制作しやすいし管理もしやすいと。 1.3 MVCとは MVCはデザインパターンの1つであり、アプリケーションをデータ（Model）とプレゼンテーションレイヤ（View）そしてユーザーインタラクションレイヤ（Controller）の3つに分割するという概念です。 大抵のWEBアプリケーションはこう分割できるよねと。 ユーザーがアプリケーションを操作し
チャイブレイク (吉祥寺/カフェ)
リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。
Ruby で作る、簡単 CLI ツールのススメ - Qiita
Ruby 開発環境 AdventCalendar 10 日目です。前日は、 aereal さんでした。 さて、皆さんコマンド打ちまくってますか？僕は Ctrl+R で履歴から引っぱり出さないとタイポで撃沈します。 そんなこんなで皆さんいろんな CLI ツールをご利用中だと思います。 vim とか emacs とか、 rails g とか、 guard とか。実に便利なものたちですが、現実の開発現場に即した、素晴らしいニッチなツールというのは、得てしてそんなにないものです。 「こんなに重厚でなくていい」 「もうちょっとざっくりとした……なんというか痒いところに手が届くような……」 などなど、いろいろあると思います。例えば「チームで開発しているのだが、今行ったコミットのレビューを依頼するメールを書くのが面倒なので社内 Twitter 的なものに書こうかと思うのだがそれもめんどくさいのでコミット
Every Time Zone Converter
Convert timezones and find the best time for your meeting in (GMT-12:00) International Date Line West, (GMT-11:00) American Samoa, (GMT-11:00) Midway Island, (GMT-10:00) Hawaii, (GMT-09:00) Alaska, (GMT-08:00) Pacific Time (US & Canada), (GMT-08:00) Tijuana, (GMT-07:00) Arizona, (GMT-07:00) Mazatlan, (GMT-07:00) Mountain Time (US & Canada), (GMT-06:00) Central America, (GMT-06:00) Central Time (US
QA＠IT サービス終了のお知らせ - ＠IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
emberjs-doc-translation/ember.js-docs-translation.md at master · studiomohawk/emberjs-doc-translation · GitHub
Ember.js Docs 日本語訳 イントロダクション Ember.jsとは Ember.jsは大規模ウェブアプリケーションの構築に標準的なアプリケーション構造を提供し、かつボイラープレートコードを排除したJavaScriptのフレームワーク。 ボイラープレートコードの排除 全てのウェブアプリケーションには、例えば、データをサーバから取得し、スクリーンに表示させ、データに変更がある場合に表示をアップデートする、など、共通のタスクが存在する。 ブラウザ側が用意したツールは非常に原始的なため、これらタスクを行うのに同じコードを何回も書くことになる。Ember.jsはその数百回も書いたことがあるような同じコードを書くかわりにアプリそのものに集中できるツールを提供している。 いくつものアプリケーションを作成してきた経験から、明らかな低レベルのイベントドリブンの抽象化はもちろん、アプリケーション全
「第31回 HTML5とか勉強会 ～JavaScriptによるMVCフレームワーク」活動報告 | gihyo.jp
7月11日、第31回目の「HTML5とか勉強会」はmixiさんのオフィスをお借りして開催しました。 今回のテーマは前々回、前回に続くフレームワーク特集として、JavaScriptによるMVCフレームワークをテーマにセッションが行われました。 本稿では、今回のイベントについてレポートします。 Backbone.js はじめに、NHN Japanの清水大輔さんより、Backbone.jsの特徴や使い方について、講演いただきました。 講演ではMVCの基礎と使うにあたっての考え方、Backbone.jsの詳細な使い方などを紹介しました。 最近ではHTML5やブラウザの高速化に伴い、Webアプリ上でもネイティブアプリに近いUXの実現が可能になってきています。特にJavaScriptで複数のViewを切り替えるようなアプリでは、コードが複雑になりがちです。その際、Backbone.jsなどのMVCフレ
サイトメンテナンス時には、HTTP 503エラーを使う
テクニカルなトピックになります。 サイトのメインテナンスなどで一時的にオフラインにしなければならなく、それが数時間に及びアクセス不能な状態が続くことは、訪問者にとってはもちろんのことサーチエンジンにとっても、好ましいことではありません。 サイトにアクセスできない状態が長く続くと、ランキングに悪影響がでることも考えられます。 訪問者には、「一時メンテナンス中。ご迷惑をおかけします。」とでも通知ページを作っておけば理解してもらえるでしょう。 でもサーチエンジンがこのページを見ても、「はい、分かりました。またあらためて訪問します。」とはなりません。 サーチエンジンには、サービスが一時的に過負荷やメンテナンスで使用不可能になっていることを表す「503: Service Unavailable」というHTTPステータスコードで示さなければなりません。 503を返すと、サーチエンジンのロボットはサイト
Routie | Javascript hash router
Routie is a javascript hash routing library. It is designed for scenarios when push state is not an option (IE8 support, static/Github pages, Phonegap, simple sites, etc). It is very tiny (800 bytes gzipped), and should be able to handle all your routing needs. Download Development Production Source Usage There are three ways to call routie: Here is the most basic way: routie('users', function() {
イチローのヤンキース移籍に感じる爽やかさ。実力主義が適材適所を促す。日本の年功序列は、組織の新陳代謝を邪魔してないか。 - 竹内研究室の日記
イチローが電撃的にヤンキースに移籍し、早速、古巣のマリナーズ戦に先発し、ヒットを飛ばしました。 ドラマのような、爽やかなシーンでした。 背景には、昨年、今年とイチローの成績が振るわず、若返りを図るマリナーズの中では、イチローの居場所がなくなりつつある、という現実があったようです。 一方、ヤンキースはワールドシリーズでの優勝を目指しているので、即戦力が欲しかった。 イチローとしても、活躍の場が与えられるだけでなく、最近はずっと低迷し、今季もダントツでビリのマリナーズから、常に優勝争いをし、今年もトップに居るヤンキースに移るのは大きな刺激でしょう。 住む場所が、シアトルからニューヨークに移るだけでも、相当、刺激的じゃないですかね。 こうして、イチロー、ヤンキース、マリナーズの３者にとって、いいことばかり、に見ます。 もちろん、本当に良かったと言えるかは、これからのイチローの活躍にかかっています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://teaching.idallen.com/cst8129/05f/notes/shell_script_execution.txt
POST可能なRubyのNet::HTTP偽装テストライブラリWebMock - きたももんががきたん。