学習用に関するzoo-mixのブックマーク (43)

  • コードリーディングに最適!たった200行で作れるHTML5製テトリスのプログラミング学習ムービー - Chrome Life

    みなさんは、フルスクラッチでテトリスを作ることができますか? プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの45分でテトリスが完成! それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ

    zoo-mix
    zoo-mix 2012/06/22
    すごいな…
  • siegeのインストール、設定と使い方 - memo.yomukaku.net

    2011-11-25 20:10 httpサーバーの負荷試験のためにsiegeをインストール、設定し使用する方法のまとめ。 siegeとは Httpサーバーに負荷をかけるツールには、ab (apache bench)やhttperfがありますが、siegeはapache関連のツールをインストールすることなく導入可能なことや、指定した時間にわたって指定した量のリクエストを送り続けることができる等、便利な使い方ができます。 siegeの公式サイトからリンクを辿り、downloadページからソースをダウンロードします。 2011年11月時点の最新版はsiege-2.7.0.tar.gzでした。以下、siege-2.7.0のインストールします。 wget http://www.joedog.org/pub/siege/siege-2.70.tar.gz tar zxvf siege-2.70.t

  • 『負荷テストあれこれ-JMeterの使い方-』

    前回、「負荷テストあれこれ-Microsoft Web Application Stress Tool- 」で、簡易的に行える負荷ツールについて書きましたが、もう少し複雑なシナリオで負荷テストができるJMeterというツールについても書いてみたいと思います。 JMeterは、MS Web Application Stress Toolに比べ負荷ツールとしては多機能ですがその分、使い方はMS Web Application Stress Toolより複雑になっています。 負荷テストの対象や用途に応じて使いわけを行った方がスムーズに行えると思います。 ・ Webアプリ以外のテストにも利用可能 FTPやSOAP、LDAP、JDBCリクエストのテストも可能。 参考: JmeterでDB負荷テストをやってみよう! ・ SSL通信下でもテスト可 JDK1.4以上の環境であればそのまま利用できますが、そ

    『負荷テストあれこれ-JMeterの使い方-』
  • JMeter Knowledge log: JMeter: "統計レポート"の各項目の見方

    2011年8月26日金曜日 JMeter: "統計レポート"の各項目の見方 JMeterでテストして結果報告するときに、項目の説明を求められても困らないように。 Label ラベル。サンプラー("HTTPリクエスト"など)の"名前"や、"合計"が該当する。 # Samples サンプル数。 Average レスポンス時間の平均値(ミリ秒)。 Median レスポンス時間の中央値(ミリ秒)。 中央値とは、全サンプルを数字の小さな順に並べてちょうど真ん中の順位の値。 90% Line 90パーセンタイル 90パーセンタイルとは、この値以下に全サンプルのうち90%が収まることを示す。 最大値は極端な値や異常値に左右されることがあるので、この値を使うと便利。 Min 最小値 Max 最大値 Error % エラーのパーセンテージ Throughput スループット(PV/単位時間)。単位時間あた

  • JMeter

    JMeter はJakarta プロジェクト 1 で開発が進められている、パフォーマンス計測用のJavaアプリケーションです。 そのJMeterについて解説していきます。 1 [2012/5/23追記] 2011/12/21にてJakarta Projectは廃止されました。このプロジェクトはApache Projectに移管済みです JMeter INDEX JMeterの基 1.1. JMeterとは 1.2. インストールと実行 1.3. 簡単なテスト リスナー 2.1. リスナーとは 2.2. リスナーの使用法 2.3. 結果を表で表示 2.4. 統計レポート 2.5. グラフ表示 2.6. その他のリスナー 設定エレメント 3.1. 設定エレメントとは 3.2. HTTPリクエスト初期設定 3.3. HTTP認証マネージャ 3.4. HTTPヘッダマネージャ 3.5. HTTP

  • 既存システムを分析するコツは「システムの地図」を作ること

    ビジネス系のシステム開発では、まったくの新規システム開発は少なく、すでにあるシステムの再構築プロジェクトがほとんどです。このようなプロジェクトでは既存システムを調べる作業が必ず発生します。その割には公開された情報として、既存システムを分析する方法を説明したものを見かけません。多くは開発者がその場その場で臨機応変に対応しています。 実際のプロジェクトでは開始早々この既存システムの分析で手間取り、時間を大きくロスするケースが見られます。この連載ではコストをかけずに分析するモデルベースの方法を5回に分けて紹介します。第1回目となる今回は、詳細に踏み込まずにトップダウンでモデル化していくための考え方を示します。 プロジェクトが置かれた状況 既存システムは土台にできるか 既存システムの調査分析は時間ばかりかかり、なかなか成果が現れません。そんなプロジェクトでは以下のような会話が飛び交います。 佐藤さ

    既存システムを分析するコツは「システムの地図」を作ること
  • PHPUnitでユニットテスト

    テストの準備と後始末 xUnitでは一般的にテスト対象のクラスをテストケース内でインスタンス化し、実際にメソッドをコールすることによってその結果を精査します。つまり、来アプリケーションフレームワーク内などでの使用を想定しているクラスを、テストケースという仮想的な環境で実行するわけです。 当然、テストケース内はPHPUnitで提供された環境ですので通常のアプリケーションフレームワークが行う初期化処理や、データベース接続などの準備処理を、テストの前に実行しておく必要があります。 また、テストを実行することによって、そのマシン上に永続的なデータが残る場合があります。例えば、データベースへの値投入や、ファイルシステム上への書き込みなどがそうです。 ユニットテストは繰り返し実行しなければ意味がありません。テスト実行時に前回のデータや一時ファイルが残っていては、正しいテストが行えない場合がありますの

    PHPUnitでユニットテスト
  • netstatコマンドを使いこなす @IT:Windows TIPS -- Tips:

    TCP/IP関連のトラブルシューティングを行う場合に、必ずといってよいほど使うコマンドとして「netstat」コマンドがある(実行ファイル名はnetstat.exe)。このコマンドは、主にTCPの通信状態を調べるためには必須であり、ぜひともその使い方をマスターしておきたい。 netstatの基――通信中のTCPコネクションの調査 netstatコマンドの最も基的な使い方は、通信中のTCPコネクション(TCP接続)の状態を表示させることである。このコマンドを実行すると、ローカルPCのTCP/IPプロトコルスタック上において、現在アクティブになっているTCP通信の状態を表示できる。 ●「TCP」とは? 「コネクション」とは? TCPとは、2つのアプリケーション間で、信頼性のある通信路(コネクション)を開設し、お互いにデータなどをやりとりするための機能である。通信するアプリケーションは、同一

    netstatコマンドを使いこなす @IT:Windows TIPS -- Tips:
  • ApacheのURLリダイレクト設定 | RewriteRuleサンプル付 | エンジニアのためのSEO入門

    ApacheのURLリダイレクト設定 | RewriteRuleサンプル付 | エンジニアのためのSEO入門
  • 第2回 「マージ」は怖くない ~ 分散した成果の集約 | gihyo.jp

    前回は、様々な方法で複製したリポジトリにおいて、それぞれ異なる作業成果を"hg commit"し、下図のような状態を構築するところまでを説明しました。 図1 成果の分散 今回は、これら複数の成果を、最終的な成果へと統合する「マージ」について説明します。 成果の集約 成果をマージするためには、マージ作業を行うリポジトリへと成果を集約する必要があります。 成果の集約には"hg pull"を使用します。前回の説明では「リポジトリの複製」に使用した"hg pull"ですが、厳密には「一方の保持していない成果を他方に伝播」する、リポジトリ間連携機能なのです。 myrepo2の成果をmyrepoに取り込む手順を以下に示します。 コマンド1 % cd myrepo % hg pull ../myrepo2 pulling from ../myrepo2 searching for changes add

    第2回 「マージ」は怖くない ~ 分散した成果の集約 | gihyo.jp
  • vim+zsh+Cygwin環境を構築したので、メモ

    Cygwinで遊びたいっ Cygwinで遊びたい季節ですよね(どういう前ふりなの……?) いますぐコマンドプロンプトを捨てて、Cygwinを使うべき10+の理由 - ブックマクロ開発に 上記エントリに影響されて、早速Cygwin環境を構築したのでその覚書を。 構築環境はWindows7 Professional 64bit版です。 ダウンロード先 Cygwin文中のsetup.exeをクリックするとダウンロードが始まります。 とりあえず、Dドライブ直下にインストールしました。 これは自分の環境に合わせて適当にしましょう。 インストールするファイル類 最小構成インストールでも問題ありませんが、以下のソフトを入れておくと捗ります。 vim zsh git gcc4 wget bzip2 perl ruby python php 日常作業をする分にはこれだけあれば十分では無いでしょうかね

  • Capistrano(カピストラーノ)でPHPプロジェクトをデプロイ - yamada6789の日記

    Capistrano(カピストラーノ)は複数のリモートサーバにSSH接続して一括操作できる便利なツールです。 色々な用途に使えますが、今回はCapistranoでPHPプロジェクトをデプロイしてみました。 概要図 Capistranoをインストールするサーバは一台だけです。 デプロイ先のアプリケーションサーバではログイン用アカウント(要sudo権限)を事前に作成しておきます。 インストール上の図ではCapistranoをソースコード管理サーバにインストールしています。 Capistranoを動かすにはRubyが必要になりますので、まずはRubyをインストールします。 (Rubyのインストール方法は省略します。) 次に、以下のコマンドでCapistranoをインストール。 $ sudo gem install capistrano 使用方法基的にcapfileに一連の操作を記述し、あとはコ

    Capistrano(カピストラーノ)でPHPプロジェクトをデプロイ - yamada6789の日記
  • MySQLのEXPLAINを徹底解説!!

    以前、MySQLを高速化する10の方法という投稿で「EXPLAINの見方についてはいずれ解説しようと思う」と書いてしまったので、今日はその公約?を果たそうと思う。 MySQLのチューニングで最も大切なのは、クエリとスキーマの最適化である。スキーマの設計は一度決めてしまうとそのテーブルを利用する全てのクエリに影響してしまうためなかなか変更することは出来ないが、クエリはそのクエリだけを書き直せば良いので変更の敷居は低い。そして遅いクエリをなくすことは、性能を大幅に向上させるための最も有効な手段である。従って、アプリケーションの性能を向上させたいなら、まず最初にクエリのチューニングを検討するべきなのである。 最適化するべきクエリはスロークエリログやクエリアナライザで見付けられるが、ではそのようなクエリが見つかった場合にはどのように最適化すればいいのか?そのためにはまず現在どのようにクエリが実行さ

    MySQLのEXPLAINを徹底解説!!
    zoo-mix
    zoo-mix 2012/01/26
    助かりますた(´д`)
  • 【第23回 HTML5とか勉強会レポート】 HTML5のデバイス&位置情報系APIを使いこなせ!

    デバイス系APIの全体像 2011年11月16日、NTTコミュニケーションズで、「第23回 HTML5とか勉強会」が開催された。「HTML5とか勉強会」は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「デバイス系API」。当日の様子をお伝えしよう。 NTTコミュニケーションズの小松氏@komasshuからプレゼンがスタート。 小松氏はGoogle API Expertであり、徹底解説HTML5 APIガイドブック オフライン系API編や、徹底解説 HTML5 APIガイドブック コミュニケーション系API編などの執筆を手掛けている。 まず、ブラウザからデバイス固有の各種機能を利用できるデバイス系APIとして、Geolocation API、DeviceOrientation Event、HTML Media Captureなどを挙げた。 デバイス系A

    【第23回 HTML5とか勉強会レポート】 HTML5のデバイス&位置情報系APIを使いこなせ!
  • ベテランプログラマの言語習得術

    IT業界では、「40代になると途端に仕事が少なくなる。働き盛りの40~50代に仕事が少なくなるような職種では、良き後継者は育たない」と篠原氏は問題提起します。 なぜこのようなことが起こるのか。1つはイノベーションの「方向」が変わったこと、もう1つは「求人覧」にあるといいます。求人覧では「39歳以下」と年齢を区切った募集が少なくありません。しかし、専門的技能を生かして仕事をするエンジニアにとって、「何ができるのか」ではなく年齢で合否が決まるのは不合理です。一方で、エンジニア自身にも問題があると、篠原氏は指摘します。 篠原氏は、すべてのシニア予備軍へ、エールと警鐘を送っています。30代~40代エンジニアにはぜひ一読いただきたいコラムです。 ベテランプログラマの言語習得術 2位は、20年超のプログラマキャリアを持つひでみ氏による「我流言語習得術、あえて名付けるのなら、読書駆動習得術」がランクイ

    ベテランプログラマの言語習得術
  • プログラマの宿命! 例外とエラー処理を理解する

    プログラマの宿命! 例外とエラー処理を理解する:【改訂版】Eclipseではじめるプログラミング(23)(2/3 ページ) コンパイル時にチェックされる例外 例外の基は「コンパイル時にチェックされる例外」にあります。この例外を使えば、例外が発生した後にアプリケーションが引き続き処理を続行できるようになります。 例えばWebブラウザを使って、あるURLへアクセスしたところ、ネットワークの問題でアクセスできなかった場合に、Webブラウザが停止してしまって再起動が必要となるのでは使い勝手が悪いはずです。そのURLへのアクセスをあきらめて、ほかのURLへアクセスできるように、Webブラウザは停止せずに引き続き処理を続行するようにプログラムを作成することになるでしょう。 こういった場合に「コンパイル時にチェックされる例外」は役に立ちます。Javaでは、この例外をjava.lang.Exceptio

    プログラマの宿命! 例外とエラー処理を理解する
    zoo-mix
    zoo-mix 2011/11/02
    いまだに苦手…あとで読もう。。。 |д゚)チラッ
  • RSSやATOMフィードを読み込んで表示できるjQueryプラグイン「FeedEk」:phpspot開発日誌

    FeedEk jQuery RSS/ATOM Feed Plugin RSSやATOMフィードを読み込んで表示できるjQueryプラグイン「FeedEk」 普通にコーディングするよりもはるかに楽で分かりやすいコードで実装できます。 表示例 とりあえずマークアップ記述 FeedEkメソッドにフィードのURLと表示数などをオプションとして渡してあげるだけです。 フィード先のサーバに負荷がかからないように注意したいですが、JSでやりたい場合の参考に。 関連エントリ ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGPTwitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 ソーシャルな活動を1個にまとめて配信できる

  • Xdebug によるデバッグ環境の構築 - Web/DB プログラミング徹底解説

    Xdebug とは? xdebug は PHP のコア開発者である Derick Rethans 氏が開発している、PHP のデバッグ用エクステンションです。 典型的なデバッグ作業を補助する以外にも、様々な拡張機能が実装されています。 運用環境以外では必ずインストールしておくと良いです。 Xdebug の入手方法 Xdebug のダウンロードページ http://www.xdebug.org/download.php この資料では Windows 環境へのインストールを説明します。 Windows 用にはバイナリ (dll) がダウンロード可能ですが、Xdebug のバージョンは現在あなたがお使いの PHP のバージョンとプラットフォーム (32bit か 64bit) に合わせて、適切なものをダウンロードします。 PHP 5.2 を 32bit 環境で利用している場合は "5.2 VC6

    Xdebug によるデバッグ環境の構築 - Web/DB プログラミング徹底解説
  • TechCrunch | Startup and Technology News

    Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of

    TechCrunch | Startup and Technology News
    zoo-mix
    zoo-mix 2011/08/25
    楽しく学べると聞いて|ω・)チラッ
  • 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て

    (function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守