Webパフォーマンス管理の基本 1 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #はじめに Webパフォーマンスはパフォーマンスエンジニアリングの1つの分野 Webパフォーマンス管理は、Webサイトの非機能要求の性能や可用性を扱います。 専門用語では、コンピュータの登場と時期を同じくして登場したパフォーマンスエンジニアリングという分野に属します。 パフォーマンスエンジニアリング パフォーマンスエンジニアリングとは、Wikipediaでは以下のように記載されています。 Performance engineering encompasses the techniques applied during a systems
CasperJS Utils + Chrome でhtml要素を選択する方法 - Qiita
課題 html要素を一個だけ選択したいのに出来ない場合に、対処したい やりかた ◆ Chromeを立ち上げ、右側の設定ボタンをクリックしてブックマークツールバーを表示させる ◆ 下記URLを開き、青色の「CasperJS Utils」ボタンをツールバーへドラッグする http://docs.casperjs.org/en/latest/modules/clientutils.html#index-2 ◆ html要素を選択したいページへ移動する。 ※ 以下、例として既に開いておいたGoogle Analyticsページを使用する ◆ ブックマークツールバーへドラッグした CasperJS Utils をクリックする ※ クリックするだけで良い。 ◆ 選択したいhtml要素を表示させる。 ※ 以下、例として下画面のカーソルがかぶさっているチェックボックスを選択させたいものとする ◆ チェック
Node.js + Express4を使っていて、つまづいた注意点まとめ - Qiita
最近、色々Node.js + Expressを試しながらWebサービスを作ってみたりしてます。その中で自分がよくつまづいた所をまとめておきます。 前提 Node.js : v0.10.29 Express : v4.2.0 Vagrant どうでもいいけど Node.jsがv0.12リリースされてES6対応になったら、Express4がオワコンで、generator対応なKoa.jsが盛り上がりそうな気配。 http://koajs.com/ つまづきポイント なんか欲しくなったらnpmで探す たいていの欲しい機能は、すでにnpmにモジュール登録されてます。 https://www.npmjs.org/ 似たような機能がたくさんあります。なので、そのモジュールがちゃんとメンテされているか、みんな使っているくらい人気があるかを確認した方がいいです。中には、昔は王道だったけど、メンテされてなく
encodeURIComponentが世界基準だと誤解してた話
URLをいじくるプログラムをいじっていて、仕様がよくわからなくて悩んだのでまとめます。 2/23: 追試部分を追記 2018/7/14: JavaScriptのURLSearchParamsと、GoのPathEscapeについて追記 ことの経緯 HTTPとはなんぞやとか、GETとPOSTがどうの、それぞれでパラメータがどういう経緯でウェブアプリケーション(とかCGI)に渡って来るのかぐらいは知っていました。で、ウェブでXHRでGETリクエストを送る場合にはJavaScriptのencodeURIComponent()で各パラメータをエンコードして、&でくっつけて、URLの末尾に?で付与すればいいんだよね？と思っていました。こんな感じに。 これを受け取る側は、JavaScript(node.js)ならdecodeURIComponent()を使っているはずだ。ウェブの世界ではJavaScri
React 雑感 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 3/22 (日) の rebuild.fm で React の話をしようと思っているが、その前に頭を整理するために React 雑感。雑感なので殴り書き。 React はこれ一つで複数の課題を解決しようとしている。そのため、人と議論してると話のコンテキストがぶれやすい。ざっくりは フロントエンドのプログラミングパラダイムを、サーバーサイドのような富豪的なスタイルに変える コンポーネント (雑に言うと独自タグ) 指向で UI を組み立てる ステートレスコンポーネントやメッセージパッシングで疎結合性を高めることにより、イベントの依存関係地獄
GitHub 製エディタ Atom リファレンス - Qiita
atom にて cmd-shift-r パネルの分割 分割 cmd-k の後に 上下キー 例えば、右にパネルを出したかったら cmd-k + 右 移動 cmd-k の後に cmd-上下キー 例えば、左に移動したかったら cmd-k + cmd-左 閉じる meta-w (cmd-w) ブロックをたたむ 行の上にカーソルを合わせると表示される矢印をクリック キーボードから行うには たたむ - alt-cmd-[ または alt-cmd-] 開く - alt-cmd-shift-} または alt-cmd-shift-} カスタマイズ （ちょっとずつ書いてく） 設定画面を開く コマンドパレットから settings と検索 テーマの変更 設定画面の Theme タブから、全体のテーマとコード部分のテーマ変更が可能。 デフォルトが一番良いと思う パッケージのインストール 設定画面の Packag
React.js 実戦投入への道 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。 ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。 本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では「どちらもあきらめない」という(若干シミュレーションRPGあるある感のある)第三の方策について案を提示します。 Reactの基本 最初に、Reactの基本的な仕組みについてまとめておきます。 Reactは公式ドキュメントが非常に充実してい
パフォーマンス監視サービスのNew Relicが超便利な件 - Qiita
12/09/05 監視対象のWebサービスのURLを間違えていたため修正しました RailsのAdvent Calendarを待ちわびていました． 今回は，WEB+DBの最新号のRails高速化記事で紹介されていたパフォーマンス監視サービスのNew Relicを使ってみた話です． New Relicは．newrelic_rpmというgemをインストールすることにより，レスポンスタイムやスロークエリなど，パフォーマンスに関するさまざまな統計情報をNew Relicのサイトでみることができます． Railsに限らずPythonやJavaなどいろいろな言語に対応しているようです． さらに，HerokuやDotCloudなどのPaaSにも対応していてやばい． HerokuのNew Relicプラグイン Herokuにホストしたアプリケーションを監視するためにはNew Relicプラグインを導入する
CSSフレームワークまとめ - Qiita
自分でもCSSフレームワークを作りたく、 巷にはどんなフレームワークがあるのか、ベンチマークをとる意味も含め、調べてみました。 Twitter Bootstrap 一番有名で一番使われてますね。 CSSフレームワークの王道。 v3.0からフラットになりました。 現在、v4がα版として出ています。 http://v4-alpha.getbootstrap.com/ Foundation こちらも有名。 BootstrapとこちらのFoundationは、幅広く用意されている感じがします。 Primer Github製。もちろん見た目もGithub 。 Pure YUIからでているライブラリ。 クラスのつけかたがシンプルな印象です。 Gumby こちらもなかなかのボリュームです。 Sass製。 Cardinal LESS製。 ミニマムでシンプルです。 INK Sass製。 なかなかクオリティが
C言語分かってなかった (I Do Not Know C) - Qiita
Dmitri Gribenko氏によるBlog記事 "I Do Not Know C" より訳出。原文および訳文のライセンスは CC BY-SA 3.0 に従う。 この記事の目的は、皆に（とくにCプログラマに）「C言語分かってなかった」と言わせることです。 C言語の死角は思っているよりも身近にあり、よくある単純なコードですら 未定義動作(undefined behavior) を含む可能性があると示したいと思います。 記事は質問に対する回答の形をとります。全ての例示コードは別々のファイルに分かれていると考えてください。 （訳注：Qiita/Markdown表現の制約から、読中ネタバレ防止のため文章順序を変更しています。前半には質問のみを、後半には質問と回答の対を訳出しました。） 質問編 1.
共通化でモチベーションと効率が低下した話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 自分は普段ソーシャルゲームの開発に関わっていますが、群雄割拠のグリモバ全盛期にその開発を効率化するために社内ではいろいろな取り組みがなされました。そのひとつにアプリ別ではなく機能別のチームを作るということがありました。結果としてそれは失敗だったと言えるのでそのことについて書いていきます。 背景 当時のソーシャルゲームの主流はカードゲームで、クエスト・レイドをこなしつつガチャで引いたカードを合成して強化していくスタイルが一般的でした。そしてその多くがシステムはほとんど同じで見た目だけを変えた「柄替え」アプリでした。 その中で行われたのが二
45歳以上はMongoDBを使ったシステムが使えなくなる件 - Qiita
MongoDBを使うシステムが、最近多いと思います。 2.6系(安定版)の最新2.6.7ですが、Date型のインポート処理にバグがありそうです。 「1970/01/01」以前の Date型 を mongoexport すると、負の "$numberLong" として出力されるのですが、それを mongoimport すると、それ以降のフィールドが欠落してしまうのです。 例えば、ユーザマスタに「誕生日」フィールドがあると、45歳以上の人は「1970/01/01」以前の値が入っているわけで、マスタデータを移行したりでもすると、その人のフィールドがガッツリ無くなってしまいます。でも若手は大丈夫だから「どうせ部長の使い方がおかしいんでしょwww」といういつもの「偉い人に限って障害が発生する」パターンが展開されます。 大急ぎで調べた所、以下が判明しました。 2.6形式
汚いcssを整形するWebアプリ「css2scss」でリファクタリングした際、「ヤバい」と感じた３つの機能と３つの点 - Qiita
#あらまし 別の業者が構築したという客先のホームページのcssが非常に読みづらく、 誰も手が付けられてない状態でヤバい（compactの状態で約350行）。 そこでリファクタリングをしようと思った際に、考えた。 「どうせならsass/scss対応にした方が可読性も可用性も上がる！ヤバい！」 sass/scss → css は当たり前として、 css → sass/scss って出来るのかよ、と思い調べてみると、数個発見した。 そのうちの１つ、今回ご紹介する「css2scss」が非常にエレガントだった。 実際に使用して感激して落胆したポイントを、それぞれ３つに絞ってご紹介。 css2scss sass/scssについては、まずはアレなcssを突っ込んでみて挙動を確認して頂ければ幸い。 また、下記のリファレンスが総括的で解りやすい。ご一読あれ。 Sass 3.2 オレオレリファレンス ヤバいを
PicassoとGlideのどちらを使うべきか？ - Qiita
はじめに 最近、新しい市場を求めてサービスを海外展開しようとしている会社が増えてきています。サービスを海外展開するにあたって気にしなければならないことがいくつかありますが、そのうちの一つに通信環境があります。私は先週までインドネシアにいましたがAkamai Technologiesによるとのインドネシアの通信速度は日本の6分の1程度で、実行環境に厳しい制約があります。またFacebookによると、Facebookアプリの通信量のうち85%は画像が占めているというデータがあります。そこで、画像の読み込みを改善すると通信量をグッと減らせると思い、画像読み込みライブラリの比較をしました。 Picasso vs Glide Androidでは、Squareが開発しているPicassoと、Bumptechが開発しているGlideというライブラリが有名で、使っている方も多いと思います。次のコードをご覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【javascript】やさしいクラスの作り方 - Qiita
CSS の pointer-events プロパティでマウスイベントを制御する - Qiita
Nginx導入時やること - Qiita
FuelPHPで最初にやることあれこれ - Qiita
【Unity】ゲーム会社でスマホ向けゲームを開発して得た知識 コーディング編 - Qiita
HTML/CSSで簡単な吹き出しの作り方 - Qiita
