AWSのEC2+ELBで、ロードバランサへのアクセス時点で特定IPからのアクセスを弾く - Hina-Mode
つい先日、どこぞのサーバからEC2のサーバに対してDosアタックを受けました。 別にある程度の攻撃を受けること自体は想定してサーバを公開していましたし、 Apache側ではmod_dosdetectorというDos攻撃をある程度受けた場合、検知出来る仕組みを用意していたので特に問題ない、、、と思っていました。 stanaka/mod_dosdetector · GitHub が、しかし。 Apache側で検知するということは、WEBサーバのリソースを結構食っちゃうんですよね…。 実際、普段5%以内で収まっていたCPU Usageが、攻撃を食らっている間50%オーバーをずっとマークしていました。 真ん中の跳ねてるグラフが攻撃受けてた期間ですね。 さすがに運営に支障が出るレベルだったので、出来ればWEBサーバの前に立っているELBにアクセス来た時点で、対象の攻撃者IPを弾いて欲しかったんですが
もうメモリ解放アプリはいらない！ターミナルからメモリ解放する方法 - あなたのスイッチを押すブログ
ターミナルからメモリを解放する方法 メモリを解放する手段として、メモリ解放アプリを利用している人も多いでしょう。私自身も利用しており、当ブログで紹介していた以下の記事は今も多くの方にご愛顧いただいています。 しかし、わざわざアプリをインストールせずとも、Macのデフォルトの機能を使ってメモリを解放することはできます。 そのためにはまず、「ターミナル」を起動します。アプリの一覧からでも良いですし、Spotlightから検索してもいいでしょう。 ターミナルを起動したら「sudo purge」と入力し、Enterキーを押します。 するとパスワードの入力を求められますので、Macを起動する際に入力するパスワードを記入します。 これで完了。見た目には特に変化が起こらないのでわかりにくいですが、この通りMacのメモリを解放することができます。 以上の操作で何をやっているかというと、メモリに残ったディス
ロミオとジュリエットで学ぶ「ポートが開いてる」と「Listenしている」の違い - Qiita
○のときだけロミオは会話ができます。 「ポートが閉じている」＝ 窓が閉じている 窓が閉じている場合は、ジュリエットがどれだけロミオを待ち構えていても、会話はできません。 技術的に言うと、「ポートを閉じる」とは、パケットを転送しないで捨ててしまうことです。 やり方は何通りかあって、よくつかわれるのは次の２つの方法です。 ルータ機器によるファイアーウォール機能でポートを閉じる 城門が閉まっていると、敷地内に入ることすらできません。 ルータ(城門)でポートを閉じると、サーバ(屋敷)にパケット(声)が到達できなくなります。 クラウドの場合は物理的なルータを扱えないことが多いですが、似たような機能がサービスとして用意されてたりります。 例えばAWS EC2の場合はSecurityGroupsという機能がファイアーウォールの役割を果たしてくれます。 サーバのパケットフィルタ機能でポートを閉じる 城門(
Google、高速プロトコル「QUIC」をChromeとモバイルのデフォルトに
米Googleは4月17日（現地時間）、TCPに代わる高速ネットワークプロトコル「QUIC」（クイックと読む）を、Googleクライアント（ChromeおよびAndroidアプリ）からGoogleのサーバへのデフォルトプロトコルに移行していくと発表した。 QUICの採用により、TCPよりもページ読み込みが速くなるという。また、輻輳管理と損失回復機能の強化により、特にYouTubeのような動画サービスでは動画再生中の再バッファが従来より30％減るという。 QUICは、Googleが2013年に発表したUDP（User Datagram Protocol）をベースにしたトランスポート層のプロトコル（QUICはQuick UDP Internet Connectionsのアクロニム）。UDPは、TCPにあるような送達確認機能などを省くことで、そうした処理に必要なオーバーヘッドを削減し、遅延を低減
JavaScriptでフルスクラッチゲーム開発しよう 第4回 更新編 - Qiita
第1回: JavaScriptでフルスクラッチゲーム開発しよう 第1回 準備編 第2回: JavaScriptでフルスクラッチゲーム開発しよう 第2回 画像読み込み編 第3回: JavaScriptでフルスクラッチゲーム開発しよう 第3回 画像表示編 前回は、背景とみかん箱を表示するところまで出来ました。 今回は、みかん箱を動かしてみます。 みかん箱の表示座標を管理する みかん箱をX軸座標で動かすことを想定して、それを管理する変数を用意します。 : // みかん箱の表示X軸座標位置 var mikanX = 0; : function render() { : // みかん箱を表示 ctx.drawImage(Asset.images['box'], mikanX, 0); } これでmikanXの値を変えることで、みかん箱のX軸座標の表示位置を変えることができました。 では、どのタイミン
組み込み業界へ向かう人に、自分が買ってよかったと思った技術書達 - undefined
もう終わりそうですけど、４月ですしこれから組み込み業界へ向かうかたへ自分がこの本よかったなーって思ったのをいくつかピックアップしてみます。ただ、一言に『組み込み』と言っても幅広くて分野によって求められる知識は結構変わってくると思いますが、ベースは一緒だろうと思います。 ちなみに自分はCPUはRL78、Cortex-M0、Cortex-M3、Rx、SH、Cortex-A9、FPGAは最大でも7000LUT程度のレンジのハードウェア設計をやってきました。今はZynqや大規模FPGA開発に携わりたいと思っています。 以下に挙げていきますが、オススメがあれば是非教えていただきたいです。 ※順番に意味はありません。 CPUの創りかた CPUの創りかた 作者: 渡波郁出版社/メーカー: 毎日コミュニケーションズ発売日: 2003/10/01メディア: 単行本（ソフトカバー）購入: 35人 クリック:
Webパフォーマンス管理の基本 1 - Qiita
はじめに Webパフォーマンスはパフォーマンスエンジニアリングの1つの分野 Webパフォーマンス管理は、Webサイトの非機能要求の性能や可用性を扱います。 専門用語では、コンピュータの登場と時期を同じくして登場したパフォーマンスエンジニアリングという分野に属します。 パフォーマンスエンジニアリング パフォーマンスエンジニアリングとは、Wikipediaでは以下のように記載されています。 Performance engineering encompasses the techniques applied during a systems development life cycle to ensure the non-functional requirements for performance (such as throughput, latency, or memory usage) w
React.js、やっと使えるようになった - ただのにっき(2015-04-18)
■ React.js、やっと使えるようになった 「使いこなせる」と書くと石が飛んできそうなので。暇な時間にちまちま進めていたので、集中すれば1、2日でできそうなことにこんなに時間をかけてしまった。やっぱり集中力がない……。 とりあえずサーバサイドレンダリングは捨てる前提だったので、検索エンジンに拾ってもらう必要のないネタとしてBookscan Premium Optimizerを使って実装。テストがないとか、Ajaxには引き続きjQueryを使っているとかツッコミどころはあるけど、とりあえずクライアントサイドレンダリングに関しては雰囲気つかめたので良しとしよう。 あー、HerokuのSinatraアプリでJSXのコンパイルをさせる方法がわからんかったので、.jsxだけでなくコンパイル済みの.jsまでコミットしているのはなんとかしたい……。 今回おもに教科書がわりにしたのは一人React.j
Marionette.js in Single Page Applicationという話をした - 車輪を再発明 / koba04の日記
最近Marionette.jsを使っているのでその話を社内勉強会でやった資料です。 https://speakerdeck.com/koba04/marionette-dot-js-in-single-page-application SinglePageAppをBackbone.jsでつくろうとするとどうしてもView周りで独自実装をせざるを得なくて、でもオレオレフレームワークは作りたくないなぁと思ってたところ、Marionette.jsがいい感じにやってくれたのでその辺りについて書いています。 蛇足(Marionette.jsとAngular.js) Marionette.js 前のプロジェクトではAngular.jsを使っていて今回Backbone系なMarionette.jsを使ってみての感想としては、Marionette.jsはView周りも含め構造化して書くことが出来てメモリ管
Backbone + CoffeeScript
Backbone is suitable for projects of just about any size, ranging from the most complex browser-based applications to quite humble little features. In this chapter we will use Backbone and CoffeeScript to build an example of the latter: a user feedback widget that will run right here in the page. Creating it will take us on a speedy tour through Backbone's components: Model, View, Collection, and
Marionette.jsのCompositeViewって、どこで使えばいいの？問題 - lxyuma BLOG
ビール飲みながらダラダラ書いてるので、おかしな所は申し訳ない。 CompositeView marionette.jsには、CompositeViewというクラスがある。 CollectionViewを継承していて、 再起的な構造を持ったviewを作れる 親側もtemplateを持つ事が出来る というのが、特徴とかなんとかで、イマイチ使い道のimageが湧かなかった。 普段書くときも、ItemViewとCollectionViewで事足りていた。 が、最近、使い道がやっと分かってきた。 View親子に関係のある親戚のおじさんView あるViewに親子階層がある時であれば、ItemViewとCollectionViewを紐づければ良い。(ulタグとliタグのイメージ) これは、このブログでも何度も書いてきた、よく書くパターン。 ところが、この親子に働きかけたい別のView要素が必要になる時
From Backbone Views To React – Leonardo Garcia Crespo
March 22, 2014 Today I’d like to talk about why I happened to like React, or why I moved from using traditional Backbone views to React components. Well, not actually traditional Backbone views, since I used (actually still use) Marionette together with Handlebars templates and Rivets model binding, which happen to be a great combination, but the truth is that React changes the approach in such a
Marionette.Viewクラス の使い分け - Qiita
※ サンプルコードは、coffeescript、テンプレートはhamlcを使用しています。 View の種類 ItemView, CollectionView, CompositeView, LayoutView の4つで、それぞれMarionette.Viewを継承している。 ItemView 1つのアイテムを表し、たいてい1つのModelと紐づかせる。 Templateを使用しない場合 CollectionView 複数のItemViewを管理するView。自身をレンダリングすると、管理しているItemViewもすべてレンダリングする。 自動レンダリング機能 CollectionViewは、add,remove,resetのイベントをリッスンしている。 CollectionViewに紐づいているCollectionがresetされた場合、自身を再度レンダリングする。 Collectio
Sprockets再考 モダンなJSのエコシステムとRailsのより良い関係を探す - Qiita
すいません。締切守れませんでした…。 やっぱ、java-jaの忘年会の翌日は辛い…。 はじめに Webシステムを開発していると切っても切れないのがJavaScriptです。 Railsはかなり早い時期からalt-JSや結合、minify等を組み込めるようにフレームワークにそれを取り入れてきました。 それを支えているのがRails3.1から導入されたsprocketsです。 それに伴なってJSのライブラリをどうやって管理するかという点について、独自の路線を取ることになりました。 JSのライブラリを同梱したgemパッケージにラップしてrubygemsとして管理する方法です。 ある程度は上手くいっていたし、今もその流れは続いているんですが、時々問題になることもあります。 例えばメンテナの対応時期がズレてて古いバージョンのままだったり、似たようなgemが乱立してややこしくなったり。(backbon
Ruby on Rails Development Company | Netguru
If you are in search of an outstanding Ruby on Rails development company, your search ends here! We are skilled RoR web development experts who consistently deliver efficient, reliable, and robust code that is portable and easy to maintain. At Netguru, we specialize in helping businesses unlock their full potential through our cutting-edge Ruby on Rails application development solutions. As the le
Marionette.jsまとめ その3 CompositeView, Layout, Region - Qiita
Marionette.jsまとめ その1 Application, Controller, AppRouter Marionette.jsまとめ その2 View, ItemView, CollectionView Marionette.jsまとめ その3 CompositeView, Layout, Region Marionette.CompositeView Marionette.CollectionViewを拡張したオブジェクトです。 CollectionViewと違い、テンプレートを設定する事ができます。 itemViewContainer itemViewのコンテナとなる要素をjQueryセレクタで指定します。 var FooItemView = Marionette.ItemView.extend({ template: '#itemTemplate' }); var Foo
Marionette.jsまとめ その2 View, ItemView, CollectionView - Qiita
Marionette.jsまとめ その1 Application, Controller, AppRouter Marionette.jsまとめ その2 View, ItemView, CollectionView Marionette.jsまとめ その3 CompositeView, Layout, Region Marionette.View Backbone.Viewを拡張したオブジェクトで、 他のMarionette.*Viewの基底クラスとなっています。 ここでは共通の処理やメソッドを定義しています。 bindUIElements uiに指定したセレクタに沿って jQueryオブジェクトをキャッシュします。 var FooView = Marionette.View.extend({ el: 'body', ui: { fooButton: '#fooButton', listI
Atomの設定を複数端末で共有する(Dropbox使用) - kubou.dev();
マスタとしたいAtomの設定ファイルをDropboxへ 1.Atomの設定ファイル群をDropboxに移動 mv ~/.atom /path/to/dropbox 2.シンボリックリンクを作成 ln -s /path/to/dropbox/.atom ~/.atom 同期したいAtomの設定ファイルにDropboxを指定する 1.既存のAtomの設定ファイルを削除する rm -r ~/.atom 2.シンボリックリンクを貼り、Dropboxに置いたAtom設定ファイルを指定する ln -s /path/to/dropbox/.atom ~/.atom
Vue.jsを使いこなす | 第1回 Vue.jsとは
記事執筆時点のバージョンは0.11.4です。最新バージョンVue.js 2.0を元に書かれた「これから始めるVue.js 2.0」シリーズがあります。（2017年3月現在） はじめに 本シリーズでは筆者お気に入りのJavaScriptアプリケーションフレームワークである、Vue.js（ビュージェイエス）の基本的な機能や使い方について解説します。 第1回目では、Vue.js*がどのようなフレームワークなのかと、Vue.jsを使うとどのようなことができるのかを紹介します。 *注：Vue.jsの開発状況 Vue.jsはまだ若い新進気鋭のフレームワークです。記事執筆時点のバージョンは0.11.4と、目下開発中です。アップデートによって破壊的な変更が加えられる可能性があり、この記事に書かれている方法が正しく動作しなくなることがあります。 なお、このシリーズで紹介するサンプルは次のリポジトリにまとめて
Vue.js概要？ - Qiita
Vue.js とは 原作者である Evan You氏 が中心となって開発中のクライアントサイド JavaScirpt(JS)フレームワークです。 MVC の派生種である、GUIライブラリに適した MVVM を設計基盤として 採用し、構築されています。 MVVM を採用していること が、構文の理解しやすさに繋がっています。 MVVM を採用したフレームワークでは、表示そのものであるView、 表示するデータ 及び データを操作する手続き をひとまとめにした View Model (VM)、が舞台上の役者です、それらを管理するコントローラ(Controller)は、 存在するものの、黒子のような存在で、ユーザからは隠蔽されているため、 コードを書く際に意識する必要はありません。 公式サイトで Vue.js の特徴は Simple、Fast、Composable、Compact、 Powerfu
先取り、Shadow DOM | 第1回 Shadow DOMが生まれた理由
先取り、Shadow DOM 第1回 Shadow DOMが生まれた理由 このシリーズではShadow DOMのコンセプトから実装例まで解説します。第1回目は、なぜShadow DOMという考え方が必要になってきたのか？という背景と、Shadow DOMの概念を解説します。 はじめに Shadow DOMとは、複雑化していくWebアプリケーション開発への取り組みを助けるためにGoogleから提案されているWeb Componentsと呼ばれる一連のコンセプトに繋がる仕様の一つです。 この記事を書いている2012年9月現在、まだW3C草案として公開されている段階であるため、随時更新されるか、他の仕様に置き換えられてしまうこともあるかもしれません。ですが、とても興味深い仕組みなので、現時点での情報を元に、ここで紹介をしてみたいと思います。 現状の問題点 Shadow DOMの概念をあれこれ説明
Goodbye Marionette & Hello React
I have been developing a lot of large javascript web apps that requires a lot of subview management or componets and decentralize the model dependecies to better suit the component re-usability. It was not till early this year, I was still designing them with Backbone + Marionette. Now it's Backbone + React or Angular + React. For this post let's concentrate in comparing Backbone + Mariontte & Bac
Engineering in GMO Pepabo, Inc.
第1回ペパボテックカンファレンス http://pepabo.connpass.com/event/13208/
ウェブサイトの課題発見のために、筆者が普段から使っている「解析系ツールボックス」の中身を紹介！ - Real Analytics （リアルアナリティクス）
新しいサイトを分析する際に私がよく利用している無料ツールを紹介いたします！これら良く使う「道具」は私にとっての大切なツールボックスです。今回はその中から15個のツールをピックアップして紹介いたします。どのツールも無料で、私自身定期的に利用しているものばかりです。「定番物」も多いですが、使い方などの関連記事もあわせて紹介していますので、一緒にチェックしてみてください。 1:GoogleAnalytics+GAwithSBM+Excellent Analytics サイト：Google Analytics 言わずと知れた無料のアクセス解析ツールです。関連書籍やオンライン上での情報も豊富で、アクセス解析という分野を広めるのに大きく貢献したツールです。アクセス解析ツールが入っていない場合は、まずはこのツールを必ず導入しています。 そしてGoogleAnalyticsをパワーアップさせるために以下の
キュレーションメディアのコンテンツの作り方と著作権問題について調べてみた - ZOWEB
2015-04-19 キュレーションメディアのコンテンツの作り方と著作権問題について調べてみた TPPの絡みもあって著作権的にどうなのか？という議論が再加熱しているキュレーションメディアですが、そもそもどのようにコンテンツを作成していてどこが著作権的にNGなのか調べてみました。 ※本稿はインターネットリサーチを元に、法の専門家でない筆者が執筆したものですのであくまで参考程度にお読みください。 そもそもキュレーションメディアがどのようにコンテンツをつくっているのか？ その名の通りキュレーションメディアというには、自ら１次情報を作り出すことなくネットを中心に話題の情報を集めて編集した記事を配信するメディアです。 この「編集」の部分が肝で、場合によっては無断で他メディアの画像を並べてPVを稼いでいることもあるため著作権的にどうなのよ、という議論になっているわけです。 まずはどういった形のキュレー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rbenv と ruby-build で Ruby をインストールして管理 〜 CentOS6
EU「独禁法違反」見解 グーグルに2つの誤算 - 日本経済新聞
BackboneとAngularを比較する
Backbone / Marionette models url chaining
Rails with backbone-rails: asset helpers (image_path) in EJS files
Moving From Backbone To React
Gentle Migration from Marionette to React - Jamie Gaskins
Episode 03 - Marionette JS
イスラム国を背後で支配し続けているサダム・フセイン政権残党の謀略10年計画