作業効率が10倍アップする Chrome Developer Tools の使い方アジェンダ Chrome Developer Tools とは 基本的な使い方 応用的な使い方 まとめ 使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれる リクエスト情報を見たり、プロファイラで解析することもできる 最近はFirebugより安定してるし高機能
橋頭堡の中から、ユーザーストーリーマッピング。 - The Dragon Scroll
私が今の会社に入ってすぐに始めた活動に、ソフトウェア開発の入口を揃えるというものがあった。開発の入口を揃えるとは、どういうことかというとお客様と開発会社がソフトウェア開発を始めるときの認識や状況を整えましょうということ。たいてい、必要なソフトウェアについての何らかの企画・コンセプトがあって、さらにブレイクダウンされた要求が記述されたドキュメントがあったり、もっというと画面仕様書までお客様が用意している場合がある。ただし、それらを開発側が受け取りすぐに開発に取り掛かれる状態になっているかというと、なかなか難しい。「画面設計まで終わっていて後は作るだけです」というフレーズをこの世界に居る人達なら、たいてい聴いたことがあるのではないだろうか。現実には、要件定義とは何だったのか、から考え直すことを迫られるわけだが。とかく、この認識と状況と期待がお客様と開発で一致していないことには、引き受ける開発も
デブサミで僕が話したことの簡単なまとめ - 宇宙行きたい
デブサミが 10 周年でした。 残念ながらオファーなかったのですが、一昨日くらいに急に参加していいよって言われたので 「From Legacy to Agile 〜レガシー開発からアジャイル開発へ〜」に乱入してきました。 そこでチームビルディング的な話を話させてもらいました。 資料とか特に作っていなかったので僕がリーダーとしてチームメンバーにお願いしている決まり的なことを簡単にまとめておこうと思います。 テストを書け 問題を根性で解決するな 人を殺す以外なら何やってもいい 失敗を引きずるな 個別に補足書いて行きます。 一応状況の簡単な説明をしておくと、最初は 3 人しかいないチームに 「手伝ってくれないか？」と言われ合流しました。その後、僕がリーダーになり 今は 15 人前後のチームで動いています。 テストを書け これは僕がチームに入るときに最初に宣言しました。 「テストを書かないようなプ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
パズドラの売上がヤバいと話題になってるが、売上から考えてみるとARPPUなどの数値も相当ヤバい件 - 儲かるWEBサービスのネタの種
パズドラの売上がヤバいヤバいとソーシャル上で大騒ぎされています。こんな記事やこんな記事も書かれてますし、株価も凄いことになりそうです。 ただ、タイトルにも書きましたが、数字を“浅く”掘り下げてみるとARPPU(Average Revenue Per Payed Use)などの値も相当異常な数字な事に気付きます。 ※まぁ売上が異常なので当たり前といえば当たり前ですが… 勝手にパズドラの売上を 60億 と仮定して話を始めます。 800万ダウンロード から適当に類推すると MAU：500万人 ※こんなにいない気もするけど、これくらいいないとARPUや他の数字が説明できない数字になってしまいます…という事はやっぱこれくらいはいるのかなと考えてます。 この時点で ARPU：1,200円 という驚愕の値が算出できます。 MAUがもう少し少ないと考えると、もっと高いARPUって事になります(笑) ここか
Git submodule の基礎 - Qiita
この記事は Git Advent Calendar 6日目の記事です！ Git submodule って最初わかりにくいと思うので、基本的な説明をしようと思います。 git submodule とは git submodule は、外部の git リポジトリを、自分の git リポジトリのサブディレクトリとして登録し、特定の commit を参照する仕組みです。 Subversion でいうところの、external と似ています。 さて、解説のため、手元に、リポジトリA (/path/to/a) とAの submodule として、よく使う例として Bootstrap (元Twitter Bootstrap) を登録してみます。 git submodule を理解するうえで重要なのは、 リポジトリAが指し示すsubmoduleとしてのBootstrapのcommit 現在のBootstr
PHPを愛する試み - maeharinの日記
僕はRubyが好きだ。プライベートではRubyばっかり使っている。でも、仕事ではPHPを使わなければならない。これまでPHPは書きにくいーと思い込んでいてあまり好きではなかったのだけど、仕事で使う以上PHPを好きになった方がきっと幸せになれる。何かを好きになるにはどうすればよいか。そう、相手のことを知る努力をすればいいんだ！ということで、PHPについて知る努力をしてみた。 PHP The Right Wayを読む http://ja.phptherightway.com/ ☆PHPへの愛が100上がった☆ これは... PHP好きになれるかも！ 普段Rubyで書いてるコードをPHPで書いてみる 折角なので自分が普段Rubyを使っていて便利だなーと感じていることをPHPではどう書くのか（厳密では無いにしても大体同じ内容はどう書くか）試してみた。Rubyは1.9.2、PHPは5.3.10。 多
Perl のウェブアプリケーションのディレクトリ構成をわかりやすく説明するよ - tokuhirom's blog
ディレクターの人にわかりやすいように、Amon2 をつかった一般的なプログラムのディレクトリ構成をわかりやすく説明していくよ。
や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
[D] これがTwitter最新本社だ！ Twitter新社屋でランチご馳走になりました
既に引越しをしてしばらく経ってますが、今日は＠tksohishiのアテンドにてランチをご馳走に遊びに行ってきました。 僕のブログを読んでくれている人には、\Twitter\のオフィスの様子に興味がある人も多いと思いますので、ちょっとだけ雰囲気をお伝えします。 まずは最上階(9階)にある受付でバッジを入手。 受付のテーブル このマグカップ売って欲しいw 受付のお姉さんのMacもリンゴからTwitter鳥が見えます。 右下にあるSTOPと書かれた部分に気づきましたか？このバッジなにげにすごくて、24時間経過するとこのSTOPという文字が浮き出て利用不能になるそうです。 無事バッジを入手するとカフェテリアに入れます。 壁の絵もTWITTE。なぜかRが欠けてました。Rはいま探し中？ オシャレなフードコートでバイキングスタイル。 なぜかカフェテリアの隣にミーティングルームもありました。 今日はバレン
私、RubyでならTSVからLTSV作れます！
Labeled Tab-Separated Values（LTSV) という、新しいテキストフォーマットのビッグウェーブが来てるみたいです… 【今北産業】3分で分かるLTSV業界のまとめ【LTSV】 - naoyaのはてなダイアリー 私、少し前に「CSV.table最強！」と言いましたよね… Ruby標準添付ライブラリcsvのCSV.tableメソッドが最強な件について ちょっと、なんか恥ずかしい気もするんですよね… 今更CSVとかって… こうなったら、CSV.tableで私もどうにかLTSVのビッグウェーブに乗れませんかね… そんなわけで… CSV.tableを使ってTSVからLTSVを作る方法を紹介します！ 次のようなタブ区切りのログフォーマット（TSV）があるとします。先頭行はラベルです。 access_log.tsv host<TAB>ident<TAB>user<TAB>time
Android 4.0でtouchendが実行されない？！ - Gravity Pianist -個人的メモログ-
この問題に数日かかったので……なんか悔しくて……orzスマートフォン用のサイト作っていく際に、同一の画面上で左右のスワイプ検知とaタグによるリンク、上下のスクロールをやらなければならなくなってしまった。 とりあえず、スマートフォンのタッチを検知するイベントである touchstart,touchmove,touchend にスワイプの検知するコードを書いていった。 なんどか試していくうちにスワイプを検知することには、成功した。 だが、aタグによるリンクがあるため、各イベントで、event.preventDefault() でデフォルトのイベントを停止させていなかった。iPhone4SやAndroid 2.xなどで試して特に問題もなかったので安心しきっていたら、Android 4.0 で正常な動作をしない。具体的にいうと、スワイプにつられて動く画面が、スワイプを終えても動きっぱなしになってい
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
jq
jq is a lightweight and flexible command-line JSON processor. jq is like sed for JSON data - you can use it to slice and filter and map and transform structured data with the same ease that sed, awk, grep and friends let you play with text. jq is written in portable C, and it has zero runtime dependencies. You can download a single binary, scp it to a far away machine of the same type, and expect
株式会社バタフライを退職します。 - Studio3104::BLOG.new
私事で恐縮ですが、2013年2月28日付けで株式会社バタフライを退職します。 2011年3月1日に入社したので、まるっと2年間在籍していたことになります。 本来ならというか、一般的には退職してから「退職しました」エントリを書くのでしょうけれど、社内で辞令も出たし、取引先にも一通り挨拶済んだし、書くモチベーションがあるときに書いておかないと書かない可能性すらあるのでまだ2週間ありますが書いております。 なにをしていたかふりかえる ・ソーシャルゲームなどのWEBサービスの運用 ・開発環境の整備 ・政治 入社当初を振り返ると本当になんにも知らなかったなー。 InnoDBとかMyISAMとかよくわかってなかったし、GET、POST？はて？って感じでした。 入社していきなり400万人会員のサービスの担当になりました。 足らない知識や技術力を補うべく真摯に技術研鑽に努めてきたため、今日では少しだけマシ
http://inputxoutput.com/good-bye-kayac/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
jsPerf: JavaScript performance playground
jsPerf — JavaScript performance playground What is jsPerf? jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see the FAQ. Create a test case Login with GitHub to Create Test Cases
jsFiddleをとことん楽しむために知っておくと良い15の事 | ゆっくりと…
「fiddle」 には、「いじくる, もて遊ぶ」 とか 「暇・時間をつぶす」 などの意味があるようです。「jsFiddle」 はご存知の通り、HTML + CSS + Mootools、jQuery、Prototype、Dojo などの各種 JavaScript フレームワークで、遊んでみようというサイトです。日本には、「jsdo.it」 という、楽しいサイトもあるのですが、jsFiddle はまだαバージョン。次のβバージョンでは機能追加が数多く予定されており、個人的には期待大なのです。また jsdo.it にはない機能もありますので、必要に応じて使い分けるのが吉だと思います。 今回はそんな魅力が伝えられるよう、まとめてみたいと思います。 1.Firebug Liteの組み込み クロス・ブラウザのチェックも含めて、console 系のデバッグ出力 を使いたい場合、Firebug Lite
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
3. Developers Summit 2013 ⾃自⼰己紹介 n 1997-‐‑‒2003 Palmscape / Xiino の開発 ⁃ Palm OS⽤用ウェブブラウザ • 実質世界初 ⁃ Sony, IBM, NTTドコモ等が採⽤用 n 2004 「Webアプリ統合開発環境の開発」 ⁃ IPA未踏スーパークリエータ 3 Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. 4. Developers Summit 2013 ⾃自⼰己紹介 n 2005-‐‑‒2010 サイボウズ・ラボ ⁃ ウェブ関連のR&D業務 ⁃ Japanize / Pathtraq • ウェブブラウザ拡張を使うサービス ⁃ Q4M • メッセージキュー（MySQLプラグイン） • Mixi, NHN,
はじめて英語でSkype面接受けたメモ - その後のその後
いまスペインのバルセロナにおります。 今回は就職活動が目的ではないのですが、LinkedInでバルセロナにオフィスがある会社のiOSアプリ開発者の求人を見つけたので、申し込んでみました。 で、初めて海外の会社のSkype面接を受けたので、そのメモを残しておきます。 ※なぜスペインにいるの？というあたりの経緯はこちらをご参照ください 経緯 冒頭にさらっと書きましたが、Skype面接を受けるまでの経緯は LinkedInで3件ほど「バルセロナの会社で、かつiOS開発者を募集している」求人を見つけて、申し込む うち1件は速攻で返信がきて落ちる 数時間後もう1件の担当者からメールがあり、スカイプ面接の打診を受ける すぐに提示された日程の中で一番早い時間を指定してOKの返信をする という感じです。申し込み〜実際の面接まで30時間ぐらい。ちなみにもう1件は今のところ返信がありません。 自分の英語力 こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Registered & Protected by MarkMonitor
Create a new fiddle - JSFiddle