かせきさいだぁのかせきさいだぁをApple Musicで聴く。2013年年。13曲。時間：55分。

フレームワーク対決！Angular VS React仮想パネルディスカッション 吉川 徹 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭と進化、そして新しいアーキテクチャであるFluxとそのフレームワークであるReactなどについて、既に先行して学んでいるエキスパートたちにその知見を聞いてみました。 今回はフレームワーク対決ということで、エキスパートたちがAngularとReactという陣営に分かれ、それぞれのフレームワークについて疑問点をぶつけたり、議論したりする仮想パネルディスカッションという形式でお伝えします。単なるパネルディスカッションとは違って、キーワードは「プロレス」です。まさかりの投げ合い、di

私のように、Reactを使ってより進んだことがしたいと考えたなら、おそらく Flux に注目した経験があると思います。ざっと目を通してタブを閉じ、JavaScript開発者としての自分の人生を見直したことでしょう。 もしReactになじみがなければ、私の記事 「React入門」 を読んでみてください。 Fluxとは？ Fluxは、遠目には始めるために複雑な手順を踏まなければいけないように映ります。しかし、 GitHubにあるexample を見てみれば、これがどのように機能するのかが実に明確になってきます。 簡単に言うと、Fluxは美化された 出版-購読型モデル のアーキテクチャです。データはシステム内を一方向に流れ、そこから様々な利用者が必要に応じてデータを取得します。これについて考えるには、私たちの体に例えてみると簡単です。 イベント – 血液 血液は私たちの体内を一方向に流れています

JavaScriptのパフォーマンスのボトルネックを解消するテクニックとアプローチを解説します。実行時間、ダウンロード処理、ページのライフサイクルなどJavaScriptの様々な部分に対応しながら、DOMへのアクセス、ネットワークのレイテンシ、JavaScriptの同時ダウンロードのブロッキングなど、高速なJavaScriptエンジンであっても最適化できない部分をもカバーしています。本書で述べられているテクニックとアプローチは、パフォーマンスを向上する上で重要であるだけでなく、今後低レベルなJavaScriptの実行時間が短縮されていくにつれて、さらにその重要性は増していくでしょう。 はじめに 1章　読み込みと実行 1.1　スクリプトの配置 1.2　スクリプトのグループ化 1.3　ノンブロッキングなスクリプト 1.3.1　スクリプトの遅延 1.3.2　動的なscript要素 1.3.3　X

JavaScriptについては一通りマスターした中上級者がさらに上を目指すための高度でかつ有用なテクニックを盛り込んでいます。デザインパターン、コーディングパターン、アンチパターンに基づき、いままで以上にJavaScriptを使いこなし、プログラミングの力を向上させ、JavaScriptのエキスパートになるための知識と技を豊富に紹介。次のステップに踏み出したいプログラマにとって貴重な情報源となる一冊です。Yahoo!のエンジニアとして数々の有用なアプリケーションの開発に携わってきた著者がJavaScriptを200%使いこなすための秘伝を伝授します。 まえがき 1章　はじめに 1.1　パターン 1.2　JavaScriptの概念 1.2.1　オブジェクト指向 1.2.2　クラスというものはない 1.2.3　プロトタイプ 1.2.4　環境 1.3　ECMAScript 5 1.4　JSLin

どうも、筋トレにハマっているたきゃはしです。 本日はPHPにおける日付時刻のライブラリについて書いていきたいと思います。 突然ですが、日付や時刻が絡む処理って意外とやっかいだと思いませんか？おそらく皆さんもいくつか思い当たるフシがあるかと思いますが、そんなやっかい事も Carbon（カーボン）を使えば解消できるかもしれません！ Carbon - A simple PHP API extension for DateTime. Carbon とはPHPのDateTimeクラスを継承して拡張された日時操作ライブラリです。 「Carbonってどうなの？流行ってるの？」という方向けに予め補足致します。 Carbonはすでに人気のフレームワークに統合されていたり、GitHubで☆3000に迫る評価もありますのでDateTimeライブラリとしてデファクトになるんじゃないかと予想できます。 ではインスト

だいぶ前に、 var o = { i: 10, valueOf: function() { return this.i; } } のようなコード（もっと使い道のあるコード）を見たことがあった。そのときはvalueOfっていうとオブジェクトのメソッドて印象しかなくて、ほとんど使ったことがなかったからおっぺけぺーのおひゃーとスルーしましたが。 これはたとえば、 alert(o > 20); // false と扱うことができる。なんでオブジェクトが数値と比較できてるんだと思ったけど、 alert(+o); // 10 数値として扱えた。 これはvalueOfメソッドによるもので、valueOfメソッドというのはオブジェクトを基本型などに変換する（数値型が多い）ときに呼び出され、オブジェクトを基本型として扱う場面では内部で自動で呼び出される。 ということで、この場合数値として振舞うべきだぜブラン

JavaScriptでは演算子を定義したりオーバーロードしたりすることはできない。これはだれでも知っているようなことだろう。 だが、過去には演算子オーバーロードのようなことを可能にしたライブラリも存在した。 def.js このコードを見て欲しい。 //https://github.com/tobeytailor/def.jsより def ("Person") ({ init: function(name){ this.name = name; }, speak: function(text){ alert(text || "Hi, my name is " + this.name); } }); def ("Ninja") << Person ({ init: function(name){ this._super(); }, kick: function(){ this.speak("I

@koji_magi @krocoke 感想なんかも教えて欲しいですね。あんまりフィードバックがないので。冬コミも申し込んでるので、イラスト期待ですね！！ — kaz_hiramatsu (@kaz_hiramatsu) September 20, 2013 ということで、先日のYAPC::Asiaにて入手した雅なPerl入門という同人誌の 感想など記事にしてみようと思います。 ちなみに中身は健全なPerl学習用の本ですので、 その点をふまえた上で、興味がある方は先へお進みください。 表紙 まごうことなく同人誌ですね。 即売会という響きも久しく聞いていない身ですが これはいいものです。 後から気づいたのですが、知人が表紙絵を書いておりました。 縁とは意外な所で繋がるものです。 目次 本編に入る前に、まずは目次をご覧あれ。 第１章　プロローグ 第２章　Perl を知ろう 2.1　Perl の

直前になりましたが、冬コミ告知です。31日の西ほ07aで「雅なPerl入門第2版」を頒布します。内容は前回のアップデートとなります。オブジェクト指向の章をパッケージとモジュールに分けて、テスト、ファイル入出力、文字エンコーディング、CPANモジュールガイドの章を新設しました。だいたい50ページくらい増えています。 第1章プロローグ 第2章Perlを知ろう 第3章Perlの開発環境を整えよう 第4章スカラー 第5章配列とリスト 第6章ハッシュ 第7章サブルーチン 第8章コンテキスト 第9章正規表現 第10章リファレンス 第11章CPAN 第12章パッケージ 第13章モジュール 第14章オブジェクト指向 第15章テスト 第16章ファイル入出力 第17章文字エンコーディング 第18章CPANモジュールガイド そしてなんと！今回はまかまかさんとの合同スペースになっています！！みなさんぜひ来て下さい

Javascriptはブラウザのクライアントサイドで動く唯一の言語と言ってもいいので、普段書かなくてもちょいちょい書くことになる。そんな時用に、他の言語使っていると忘れてしまうJavascriptの重要な法則をまとめておく。 基本的にリファレンスにしているのはMozilla Developer Network (MDN)のドキュメントの以下のページ。MDNはJavascript関連では一番ちゃんとしたドキュメントだと信じている。 Working with Objects - MDN 継承とプロトタイプチェーン - MDN this - MDN オブジェクトモデルの詳細 - MDN プロトタイプベース言語 Javascriptはプロトタイプベースのオブジェクト指向言語で、クラスベースのオブジェクト指向言語(例: C++, Java)とは異なる部分が多々ある。 例えば、クラスベース言語はクラス

7月19日に行った「覚醒！JavaScript」勉強会で使用したスライドです。 http://connpass.com/event/7082/Read less

TOPICS Web , HTML/CSS , JavaScript 発行年月日 2010年04月 PRINT LENGTH 324 ISBN 978-4-87311-446-0 原書 Even Faster Web Site FORMAT PDF 高速サイトを実現するための14の基本ルールを提示し、世界中のエンジニアから大きな支持を得てベストセラーとなった『ハイパフォーマンスWebサイト』の続編。本書ではAjaxやWeb 2.0技術の浸透といった前著からの技術的なトレンドを反映するとともに、Chromeなど新しく登場したブラウザや他のブラウザの新バージョンにも対応するための情報を追加しました。HTML5、Web Workers、Web Socketsなどの新しい技術、最新のリアルタイムインターネットを支える技術についても言及しています。日本語版ではYahoo! JAPANやMozilla

下記、画面のように表示されれば、Rubyがインストールされています。 続けて、Rubyのパッケージ管理システムが最新かどうかのチェックを行います。 最新の状態であれば、下記のように表示されます。 最新でなくても、上記コマンドで最新になりますので、Rubyのインストールはひとまず完了です。 SassとCompassのインストールに移りますが、そのままコマンドプロンプトを使用するので、 ウィンドウは閉じずにいてください。 ● SassとCompassインストール そういえば、ここまで何の説明もなく来てしまいましたが、 SassとかSCSSとかComapssって何？という方もいるかと思いますので、 ちょっとだけ説明をします。 Sassはコンパイル(変換)を行うと、普通のCSSになる言語で、 ミックスイン(機能テンプレートのようなもの？)や変数を扱えたりしますが、 CSSとは似て非なるものなので、

先日、「本家KORGが自ら復刻させたiPad版のM1が凄い！」という記事で取り上げて大きな反響のあった、KORGのiM1 for iPad。KORGによると、iPadの有料アプリの総合ランキングでも1位を記録し、日本を含む世界の20か国以上でミュージックカテゴリーの1位を記録した大ヒットアプリとなっているようです。 個人的には大学時代に発売されて、買えなかった憧れの対象であるKORGのM1が、こんな身近な存在として完全な形で復刻されるというは、ちょっと特別な思いがします。そんなiM1 for iPadはどのようにして開発されたのか、実際にM1の再現性がどのくらいあるのかなど、KORGの開発メンバーに話を伺ってみました。 KORG iM1 for iPadの開発者3人に色々お話を伺ってみました 今回、インタビューさせてもらったのは、チームリーダーであり、UIの実装を担当した阪上大地さん、音色

［公式］mintdesignsミントデザインズの公式サイトです。ミントデザインズは衣服を一種のプロダクトデザインとして確立させていくモノ作りを目指しています。日常生活の時間を豊かにするデザインをブランドコンセプトとし、「流行」と同義ではない「ファッション」の可能性を提案しています。

doraperson2015.yapcasia.org こういうのをやっています． 僕も立候補しています．以下のページから私のページに飛ぶことが可能です． doraperson2015.yapcasia.org どんどん銅鑼をクリックしましょう．しなくても良いです． ところで，上記の記事を書くのに4時間くらいかかっています．勘違いしたロックバンドのフロントマンという設定で書いています． これは架空のインタビューを僕が脳内ででっちあげて記述しているもので，参考文献として「音楽と人」を購入し，研究しました．以前似たようなことをやった時にはロッキング・オン・ジャパンを使ったのですが，今ロッキング・オン・ジャパンを真面目に読んでみると僕の体調に著しい損害を与えるので色々と不可能でした．なので音楽と人です．音楽と人はかろうじて読めた． 書籍の購入に関しては自腹でやりました．これは経費で落ちるのでしょ