Docker 1.12 & Swarm Mode Introduction ~ Docker の新しい技術と swarm モードの紹介Masahito Zembutsu
@azu の現状を軽くまとめてみる。 RSS ベースとなってるのはRSSで、これは オフライン勉強会でJSer.info一周年について発表してきた | JSer.info の時とあまり変わってない感じ。 Meta Weekly 定期更新されるJavaScript等の情報サイトをまとめたMeta-Weeklyというサイトを作りました | Web scratch で一度まとめてましたが、Meta Weeklyにあるようなサイト見てると大体見ておけばいい感じのものが流れてくる感じがする。 個人的に以下のサイトは他で見かけないものも拾ってるので好きです。 Open Web Platform Daily Digest Echo JS - JavaScript News Github Githubで議論(Issues)や更新履歴が完結するようなものも多くなってきているので、 それを追うためにどうしよう
29 Jan 2014 Ruby 2.1's GC is better than ever, but ruby still uses a stop-the-world GC implementation. This means collections triggered during request processing will add latency to your response time. One way to mitigate this is by running GC in-between requests, i.e. "Out-of-Band". OOBGC is a popular technique, first introduced by Unicorn and later integrated into Passenger. Traditionally, these
[Web Design] 64 jQuery CSS3 Menu Plugins and Tutorials – jQueryやCSS3を使ったクールなメニュー作例 Pocket Tweet jQueryやCSS3を使って作られた、クールなナビゲーションメニューの作例を64個集めたまとめ記事。ロールオーバーアクションに凝ったもの、アコーディオン、ドロップダウンメニュー、レスポンシブレイアウトに対応したナビゲーションなど色々あります。ナビゲーションメニューってサイト内でも特に大事な要素なので、凝った表現をしたい時の作例探しにナイスです。 64 jQuery CSS3 Menu Plugins and Tutorials
今回はデザインの細部までこだわりを感じる、操作性が面白い、そんなアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 コンテンツファースト、Off Canvas、1ページ垂直スクロールがキーワードです。 また各サイト、ナビゲーションが非常に変わっていますが、初めてでも迷うことなく操作できると思います。ゆっくり時間かけて楽しんでください! Amanda Gerhardsen ノルウェーの写真家さんのポートフォリオ、ダイナミックな四方向のナビゲーション、各UIエレメントの繊細な動きが楽しめます。左上の「Remix」で落書きもできるとても楽しいサイトです。 iArk ノルウェーのインテリアデザインのコーポレートサイト、サイト全体のトーン&マナーが非常にかっこよく、レイアウトやタイポグラフィ、写真全てが美しくデザインされています。右サイドのOff Canvasも面白い使い方です。
TOP > Design > webデザイン制作を手軽に 14種のフリーpsd webテンプレート「14 Fresh And Free PSDs Of Website Templates」 webサイト制作の際にまず行う、サイト全体の構成やレイアウト・設計。効率よくスムーズに仕事を進めるため、また使いやすいサイトを実現するためにはとても重要な作業ですが、どうしても予算や時間が限られてしまうことも多いのではないでしょうか?今回はそんな時に利用したい、14種のフリーpsd webテンプレート「14 Fresh And Free PSDs Of Website Templates」を紹介したいと思います。 (Free Flat Design PSD Template) webデザイン制作を手軽に、かつハイクオリティに仕上げられるテンプレートが揃っています。 詳しくは以下 Paradise
In the last post, we introduced the idea of spriting, an easy way to animate in JavaScript that works in all browsers. We also walked through how to set up the sprite as a background image for a div and then use a line of JavaScript to change the background position to make it appear as if the image has moved. In this post, we will use this technique to animate both running and jumping motions. In
HaskellにおけるIOモナド(IO a型)とSTモナド(ST s a型)について整理してみました。 IOの定義から知るST IOモナドの考え方についての原論文に相当する「Lazy Functional State Threads」においては、IOの定義は newtype IO a = ST RealWorld aのようにST型を直接使用して定義されるものとして説明されています。ただ、「IO inside」によれば、GHCのライブラリ実装においてIO aの定義は newtype IO a = IO (State# RealWorld -> (# State# RealWorld, a #))だそうで直接STを使ってはいません。後者のは正格タプル非ボックス化タプルを使ってます(知らん!)。 まあ、Haskell仕様ではIO aと関数仕様が定義されているだけで=の右側は実装依存というわけなの
レトロちっくなかわいいアイコンを探している、そんな人にぴったりの素敵なアイコン素材を紹介します。 個人でも商用のプロジェクトでも無料で利用できます。
「木構造と自然数の重複あり集合は等価だよね」というはなしをする。簡潔データ構造な人向けに言うとLOUDSの話。 とはいえこの記事は特に簡潔データ構造の知識を要求しない。データ構造とか情報量とかに興味がある人全般を対象としている。 ※簡潔勢にとっては既知な話のはずなのであえて読む必要はないです。 まず結論から述べる。以下のような幅優先で番号を振った木構造を考える。 親 → 子 (1) → (2, 3) (2) → (4) (3) → (5)この木構造は以下の重複あり集合によって表現することができる。 { 2, 4, 5, 5, 5 }これだけ書くとなんのこと?と思われるかもしれない。そこでこれから2つのことを説明する。ひとつは「何故、木構造が自然数の重複あり集合で表現できるか」、もうひとつは「重複あり集合で表現することに何の意味があるか」ということ。 何故、木構造が自然数の重複あり集合で表現
1.概要 ohai はマシンの環境(プラットフォーム・ネットワーク・カーネル・プロセス・ホスト等)の情報を取得するためのコマンドラインツールです。 ここでは ohai に独自のプラグインを追加して使用する方法を紹介します。 2.インストール ohai は環境設定ツールの chef と一緒に配布されています。 Debian 6 では以下の手順でインストールします。 $ export LC_ALL=C $ sudo apt-get update $ sudo apt-get install curl $ curl -L https://www.opscode.com/chef/install.sh | sudo bash $ ohai --version Ohai: 6.16.0 3.プラグインの追加 3.1.プラグインの作成 /etc/ohai/plugins ディレクトリを作成しプ
作成したのはマイクロソフトのPatterns&Practiceグループで、今回公開されたのは全部で8カテゴリ24種類のパターン。残念ながら英語で記述されており、日本語化は検討中とのことですが、図版が豊富に使われているため見るだけでも概要が分かるでしょう。 8カテゴリ24パターン 今回公開されたのは以下の8カテゴリ。リンク先には、対応するデザインパターンが説明されています。 Availability Data Management Design and Implementation Messaging Management and Monitoring Performance and Scalability Resiliency Security 例えば、Availabilityのカテゴリには「Health Endpoint Monitoring」「Queue-based Load Leve
https://www.facebook.com/notes/facebook-engineering/under-the-hood-mysql-pool-scanner-mps/10151750529723920 Facebookがエンジニアブログで、MySQLの運用を自動化している事例を紹介しています。このレベルまでくると、意思をもった大規模なロボット群みたいで、すごいですね。前半はマスタ/スレーブの基本的な自動化の話ですが、後半ではオペレーションの自動化ロジックをどのように自動化して増やすかという手法まで言及してます。 FacebookのMySQL DBクラスタは、2つの大陸にまたがる複数のデータセンタにある数千台のサーバで構成されている。通常、DBアドミンが担当するルーティーンワークは、MySQL Pool Scanner (MPS) で自動化されている。 1) DBノードを詳しく
Movida Japan様の Seed Acceleration Program の一環として、今回も5期生の方々を対象とした Lean UX を題材としたワークショップ を開催しました。 監訳を務めさせていただいた「Lean UXーリーン思考によるユーザエクスペリエンス・デザイン」の出版後初となるワークショップのため、今回は本書の内容を掻い摘んで以下の構成で半日ワークショップを実施しました。 Lean UX とは? CPS 仮説検証モデル Lean UX ワークショップ プロトタイプ Lean UX Workshop at Movida Japan #3 from Kazumichi Mario Sakata 先ずは Lean UX と基盤となるユーザエクスペリエンス・デザインの概要を簡単に紹介し、ユーザビリティの改善を目的とした人間中心設計の普及からエンジニアリング領域へのドメインの拡
ご存じでない方も多いとのことなので… @luna_at_hatena 知らない人多そうだからブログに書くと誰か喜ぶよー*\(^o^)/*— ポナコ (@ponako10) 2014, 1月 30 とid:ponako10先生がおっしゃったので、ぱぱっとまとめちゃいます。 やり方知ってるわよ!という方は既読スルーでお願いいたします。 “見出し”ってなんですか? ↑や↓のように装飾されている文字の事です。 こんなのです。 この見出しは、普通PC表示のみの場合に表示されてスマホ表示の際には↓の画像のように、ものすごくシンプルな表示となっています。 記事に見出しを入れてわかりやすく! 編集画面から見出しを簡単に入力できるようにしました - はてなブログ開発ブログ スマホでブログを見る際も、出来るだけPC版に近付けたい!という思いから、色々と方法を模索してみました。 はてなブログは、とりあえず<st
MySQLのmasterとslave 1:1にして参照をslave向けるのってやりたがる人多いみたいだけど、性能たいして上がらない割に可用性落ちるだけだからやめようキャンペーン 2011-06-19 00:16:30 via YoruFukurou MySQL はレプリケーションが簡単に構成できるのですが、時折 master 1台 に対して slave 1台、更新処理は master に、参照は slave に、という構成を目にします。 個人的にはこの構成はお勧めでないと思っているので、その理由を考察してみます。 1. 可用性が落ちる 当然ですが、master, slave のどちらが落ちても影響を受けるために可用性が低下します。 2. 全体の性能がほとんど上がらない master 1台ですべてのクエリを処理する場合と比べて、可用性が落ちる引き換えとして見合った性能向上が得られるか、という
社内で少し話題になったので。 運用上の話はfujiwaraさんの MySQLをmaster:slave=1:1構成にして参照をslaveに向けるのがなぜ良くないか - 酒日記 はてな支店 MySQLで参照の負荷分散を行うslaveは3台から構成するのがよいのでは - 酒日記 はてな支店 をみてください。 最近、新しくサービスができたり、新規機能でデータベースを追加する際には必ず全ての参照をmasterに向けてもらっています。理由は上記のエントリを読んでください。このような構成が取れるのはもちろん性能的にそれで問題ないからです。 新しいハードウェアに、設定されたMySQL、問題のないように書かれたSQLであれば、数千QPSは余裕に、また少し頑張れば数万QPSを一台で賄えます。なので大体のサービスはmaster一台で十分です。 さらにこの考え方を進めて、Webアプリケーションの中で sub d
As the internet gets smarter and smarter and JavaScript starts piling up on web pages, we need to learn to organize our code. The days of filling the global namespace with all the functions we can think of are long over and have become far too difficult to maintain. Along with many other design patterns, the MVC (model, view, controller) pattern can bring order to the chaotic spaghetti of your Jav
PCやスマホとかのWebサイトに対してA/Bテストやる方法は結構いろいろありますね。 有名どころだと optimizely とか、最近だと planBCD とか。 iPhoneとかAndroidとか、ネイティブアプリとかたくさん作っている時代ですし、同じことはどうやってるのか。 ストアにリリースした後に検証・分析できるようなフレームワークやサービスがすでにあるのか。 ちょっと調べてみました。 調べ始め さくっとググってひっかかったものは Quora How do companies practically A/B Test new versions of native mobile apps that are already in production? Qiita SkyLabを利用したiOSアプリケーションのABテスト 海外の記事 Roundup: A/B Testing Soluti
http://blog.testdouble.com/posts/2014-01-25-the-failures-of-intro-to-tdd.html 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約7時間前 Test Double社がブログで、TDD (テスト駆動型開発) を教える場合のアプローチを提案しています。 TDDについて、同じ用語やツールを使っていても、「モックオブジェクトがありすぎて、ひどい。」「モックオブジェクトがあふれていて素晴らしい!」という異なる見解に至るケースがでてしまっているのは、理想的なゴールに至る道筋を統一したかたちで教えきれてないからだと指摘しています。 TDDの一番の効果はコードのデザインの改善であり、コードのクオリティの担保は、うまくいけば二次的な効果、まかり間違えば幻想
データバインドが効かない?! AngualrJS を使っていて楽しいのは超ラクチンなデータバインド。なのに、そのデータバインドで以下のような困ったことに遭遇しているとしたら、それは $apply を学ぶときが来ているということ。 データバインドが効かないぞ?! データの反映が次のイベントまで遅れてる気がする?? こういうときは $apply の出番だ。$apply を使う必要があるケースというのは、ざくっと言うと AngularJS が知りえないところでイベントが起こっているとき。$apply で AngularJS に変化が起きていることを伝え、後のことは任せることができる。 $apply が必要ないケース 整合性を維持するための dirty checking($watch)処理は、$digest ループ(サイクル)でまとめて実行される。この $digest ループが始まるきっかけは、『
コーディング規約 プログラミングを行う上でコーディング規約は一つの指針になり、 定める事でそれをもとにコードレビューなどの場で指摘などがし易くなります。 Objective-C で、しかも公開されているだけでも、ざっと探してみてこれだけの量があります。 企業 Apple Google Github NYTimes Adium Bitbucket RobotsAndPencils 開発者 Raywenderlich Marcus Zarra Sam Soffes CocoaDevCentral Luke Redpath これだけの量のコーディング規約があることからも分かりますが、 それぞれの中で定められている事柄には、結構なばらつきがあるものも多いです。 そのような環境の中で、以下のような事象が発生してしまうのも事実です。 コーディング規約を定めたものの、守れないコードが生まれてしまう コー
Railsアプリケーションに導入することで、Viewのレンダリングやデータベースへのクエリにかかった時間を計測し、その結果をすべてのページ上に表示してくれるrack-mini-profilerというgemがある。 MiniProfiler/Ruby at master · SamSaffron/MiniProfiler · GitHub 計測結果は画面左上に小さく表示され、邪魔になりにくいようになっているんだけど、それでも邪魔なときがある。 計測結果をページに表示しないようにするには方法が2つある。 1つ目 URLの末尾に?pp=disableというクエリを付け加えることで、計測結果が表示されなくなる。 例: 一度この設定を行うと、そのセッションが有効な間はずっと計測結果が表示されない状態になる。 再度表示させたい場合は、URLの末尾に?pp=enableと付け加えれば良い 2つ目 1つ目
Making money on the web, one customer at a time © 2019 Over and over again I see people asking about how to do a search the "RESTful way" with Rails, and every time I do I just shake my head and wonder why we sometimes get so caught up in how we do something that it keeps from actually doing it. So, with that introduction, I want to present to you a really simple implementation of the most basic t
config/route.rbファイルを修正する ActionController::Routing::Routes.draw do |map| # 設定はこのコードブロック書く end 書き方 # RAILS_ROOTへのアクセスを処理、root_controllerのindexメソッドが担当する map.root :controller => 'root', # fooモデルに関するCRUD URLを作成する。この設定はscaffoldを作成すると自動的に追加される。 map.resources :foos # fooモデルに関するCRUD URLに加えて、fooモデルとhas_manyな関係にあるbarモデルに対応するrestfulなURLを追加する。例えば、/foos/1/bars /new、/foos/1/bars/1 のようなURLができる。 map.resources :f
GCE+Dockerハンズオンを開催しました! スライド MacでDockerのインストール。GCEでDockerのインストール。Dockerにredis-serverをインストール。Docker Indexへの登録までひと通り。 GCE + Dockerハンズオン 追いつけなかった人へ 今回のハンズオンでは進行がかなり速めだったので、追いつけなかった人がいるかもしれません。 そいういう場合はスライドと、asciinemaを見ながら追い付いてくださいね>< asciinemaとは、ターミナルのスクリーンキャストを、動画ではなく文字で再現してくれるサービスです。文字なので、コピペが出来る! MacでDockerをインストールするまでのasciinema GCEでDockerをインストールするまでのasciinema Docker上でredisをインストールするまでのasciinema htt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く