エンジニア戦記 〜小さなチーム、大きな未来〜4. Copyright © Classmethod, Inc. Solutions AWSコンサルティング Amazonクラウドに特化したサービス提供 iOSアプリ開発 iOS/Android ネイティブアプリケーション開発
Web APIを作るときに考えること。 - パルカワ2
この記事はPepabo Advent Calendar 2014の11日目の記事です。 前日は、tnmtさんのVagrantのshell provisionerでApacheのビルド済tarボールをOSバージョン毎に作る術でした。 はじめに 今回は、Web APIを作るときに考えることをまとめました。 本当は、社内向けに資料を作っていて、社内の勉強会とかで話せればいいか〜って考えていたんですが、アドベントカレンダーのネタが本当になくて困っていたのでこれを使います。 対象者 APIを作る時、と書いてますが、クライアント側の人にとっても知っておく必要があることなので、サーバ側の人・クライアント側の人両方が対象者です。 APIを作るときに考えること 「APIを作るとき」と言っても、色んな状況があります。 まずはそれを絞ります。 APIの種類 プライベートAPI アプリのAPIなど使う人が限定され
WebPでモバイルアプリの通信量を劇的に削減する - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな
Githubにおけるコードレビューを快適にするChrome拡張をつくった。 - hrysd の旧ブログ
なにもいわずにこの画像をみていただきたい... これが全てである。 殺伐としたコードレビューを楽しくする最高のソリューションをあなたに... MISAWA::MD 使用方法 Chrome ウェブストアからダウンロードする。 右上に追加されたMISAWAの顔をタッチ！ 使用したい画像をクリック！ クリプボードにコピーされるので cmd + v で貼付ける。 すてきなやりとりの完成 謝辞 この拡張では以下のリポジトリにあるjsonをもとに画像を取得しています。 このリポジトリのみなさんに心からありがとうの言葉を送りたいです。 惚れさせ男子データベース そして、すばらしい名言をありがとうございました。 地獄のミサワの「女に惚れさす名言集」 最後に こちらがリポジトリになります。 hrysd / misawa_md
通信プロトコルから見る艦隊これくしょん on 第十回 カーネル／VM探検隊
3. レスポンスが悪い理由 • 通信プロトコル(REST API)に無駄が多かった • リクエスト数が無駄に多い • レスポンスのJSONが無駄に大きい • JSONのデコードが遅かった • as3corelibのJSONデコーダーが使われていた（たぶん） • ActionScriptで書かれていて遅い 2014/5/25 第十回 カーネル／VM探検隊 3 4. 4月23日に全面改良 • 春イベント「索敵機、発艦始め！」の開始日 • イベント期間中はDAUが大きく増える • 過去のイベントでは通信エラーが頻発 • イベントに合わせて大幅改良 • 通信プロトコルの改良 • クライアントの改良 • Flash 11のネイティブJSONデコーダーを使用（たぶん） 2014/5/25 第十回 カーネル／VM探検隊 4 7. ログイン（旧） • スタート画面から母港ま で17リクエスト • マスター
エンジニアのためのGyazo、gyazo-cliを作った - 海峡
趣味でgyazo-cliというコマンドラインからgyazoにアップロードできるコマンドを作ったので共有します。 https://github.com/uiureo/gyazo-cli もっと素早く便利に画像を共有したいエンジニアのためのGyazoで、コマンドラインから簡単にGyazoれます。MacとLinuxで動く。 本家のGyazoアプリと比べたメリットはこんな感じ。 * コマンドラインから使いやすい * 設定しやすい * Node.jsでnpmモジュールとして書かれているのでハックしやすい 使い方 引数なしで起動するとGyazo.appと完全に同じように領域選択できてスクリーンショットをアップロードできる。 gyazo 引数に画像のパスを指定してアップロードできます。pngやjpgはもちろん、さらにはGIFアニメもアップロードできる。 URLを指定するとその画像を取得してアップロードし
意外と知らないChrome Developer Toolsの便利な機能 - Qiita
参考資料がすべて英語なので、日本語で情報がまとまってる場所が欲しいと思いこの記事を作りました。「俺もっと便利な機能知ってるぜ！」「こういうことできないの？」って思った人はコメント/編集リクエストをくれると僕の幸せのステージがどんどん上がります。 DevToolsの起動するショートカットキーは？ 開くだけ F12, Ctrl + Shift + I (Win, Linux) Opt + Cmd + I (Mac) 要素の検証(Inspect Element)と同じ状態で開く Ctrl + Shift + C (Win, Linux) Shift + Cmd + C (Mac) Consoleタブが開いた状態で開く Ctrl + Shift + J (Win, Linux) Opt + Cmd + J (Mac) DevToolsって下じゃなくて右に持ってこれないの？ Dock To Righ
覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや
Windows8：コマンドプロンプトのフォント変更 - すなばあそび。
びふぉあー こんなキッタネェフォントで作業ができるか！ というわけでWindows8のcmd.exeのフォント変えます。 結論から言うとWindows7と同じレジストリパスだったので分かっている人は回れ右で大丈夫。 変えます！と言いつつ、変えたくてもデフォルトではMSゴかラスタフォントの二択なわけで…。 と、いうわけで レジストリエディタを起動するために、『Winキー+R』で「ファイル名を指定して実行」ダイアログを出し、「regedit」入力してエンター。 UAC（ユーザアカウント制御）が出るようなら「はい」。 以下パスへ移動して… HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Console\TrueTypeFont 編集（E）→新規（N）→文字列値（S） 値の名前は「932.」（既にあるなら「932.1」
【Unite Japan 2014】堀江貴文氏「人物の3Dデータ販売は新しいビジネスの可能性」、実写を使ったゲームのいま / GameBusiness.jp
実写を使ったゲームはそれほど多くありません。死屍累々といってもいいでしょう。しかし、これから状況が変わっていくかもしれません。低予算で実写素材を活用できるソリューションがそろってきたからです。ユニティ・テクノロジーズ・ジャパンのコーポレートキャラクターで、自らサウンドノベルの『街』が心のゲームだというUnity仮面も、実写ゲーム（特に『街2』）を望む一人です。 Unite Japanで4月8日、登壇するや否や「ダーッス！（DAS＝Download Asset Store, Unity仮面の必殺技の一つ）」とおなじみの決めポーズを披露したUnity仮面。「実写を使ったインタラクティブコンテンツの実例の紹介と解説」と題して、『ホリエモンチャンネル』『Hiyoshi Jump』という二つの開発事例を紹介しました。 冒頭、Unity仮面はスペシャルゲストとして、ホリエモンこと堀江貴文氏、グラビ
PHPerがMacbookAirを買ったら直ぐにすること 2012 - Qiita
ちょっと大げさなタイトルですが、あくまで私個人の環境構築手順をまとめたものです。WindowsからMacに乗り換えたばかりで、どうやってPHPの開発環境を整えるか分からないPHPerに向けの「開発環境を整えるためのガイド」と考えてください。 既にMacでAMP環境を構築したことがあるPHPerにとっても有用な情報を含めたつもりです。その例としては、php-buildとphp-versionで複数PHPバージョン環境の構築の手順、複数PHPバージョンとApacheの連携方法などがあります。 MacをUnix的に使えるようにするため、CUIで設定する手順を含んでいますが、怖がらずにやってみてください。ターミナルはあなたに噛み付いたりしません :) CUIに慣れてない方は、「難しい」と感じるかもしれませんが、きっとのちのちの財産になるはずです！ 2012年版では「PHPerがMacbookAir
OS X 10.8 Mountain LionにLAMP環境とWordpressを構築したときのメモ | Macとかの雑記帳
OS X 10.8 Mountain Lion に LAMP 環境を構築し Wordpress を導入したときのメモです。過去に何度か書いてますが、「Web共有」が無くなったり、必要なソフトをHomebrewで入れたり。以前と違うところがあるので、過去記事をまとめて書き直してみました。 Mountain LionにLAMPとWordpress：目次 1 Apacheの設定 1-1「サイト」フォルダを作成 1-2ユーザー用の設定ファイルを作成 1-3 phpを有効にする 1-4バーチャルホストを使えるようにする 1-5 Apacheの動作確認 2 MySQLのインストールと初期設定 2-1 データベースとユーザーの設定 2-2 phpとMySQLを連携させる 2-3 起動スクリプトの設定 3 phpMyAdminのインストールと設定 3-1 phpMyAdminのインストール 3-2 バーチ
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは？ Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ
いまさら聞けないRetina対応のための「ピクセル」の話
ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです（と考えています）。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction - 艦これAPIを叩く
Firefox を使ってみよう
crocos.jp
サイトの様々な確認作業に使うチェックツール達！レスポンシブ、パフォーマンス、クロスブラウザ対応等全部！ | バンクーバーのうぇぶ屋
Internet Explorer デベロッパー センター