webpackの設定ファイルを環境ごとに分けるには - Qiita
webpackの設定を開発環境や本番環境ごとで分けて設定ファイルを作る方法について、作成の際に参考資料が少なかったので、自分で行った方法を共有します。誰かのお役に立てば幸いです。 webpackはひとことで言えば、複数のjsファイルやcssファイルを1つのファイルにまとめてくれるビルドツールです。 設定ファイルを分ける方法 実際にどのように設定ファイルを分けるのか方法を説明していきます。 1つの設定ファイルでは 通常では1つの設定ファイルwebpack.config.jsを作成すると思いますが、 環境ごとに異なる設定をしたい場合１つのファイルだと以下のように環境で条件分岐が必要になってきます。 var destPath = 'dist/'; if (process.env.NODE_ENV === 'production') { destPath = 'hoge/'; } const co
Express.jsとMongoDBでページネーションする - Qiita
環境 Node.js: v4.3.2 MongoDB: 3.2 Express.js: 4.13.1 Bootstrap: 3.3.6（ビューで使用） 準備 express-generatorでひな形を作成し、追加のパッケージをインストールしておきます。MongoDBへのアクセスにはmongooseを使用します。 Expressでページネーションを行うために、express-paginateというパッケージを使用します。また、mongoose-paginateをあわせて使用することで楽にページネーション出来るようになります。 $ express pagination-test $ cd pagination-test $ npm i express-paginate mongoose mongoose-paginate --save var mongoose = require('mong
Node.js用MongoDBライブラリ mongooseの基本操作まとめ（すぐ試せるサンプル付き） - Qiita
Node.jsアプリからMongoDBを操作するためのライブラリであるmongooseについて、その使い方をまとめる。 試したバージョン Node.js: v0.10.40 mongoose: 4.4.9 MongoDB: 3.0.7 前提 MongoDBがlocalhost:27017で動いている Node.jsがインストールされている Mongooseがインストールされている スキーマ 登録するドキュメントは日本酒データ。 日本酒の銘柄brand、特定名称typeおよび飲んだ感想impressionsを複数登録できるようにする。 特定名称および飲んだ時の温度帯temperatureについては別コレクションを参照するようにする。 日本酒 var Sake = new Schema({ brand: String, type: { type: Number, ref: 'SakeType'
MXNetをECSを用いてDockerコンテナとしてデプロイする - Qiita
この記事はDocker Advent Calendar 2016 の13日目の記事です。 AWS re:Invent2016に初参加してきたのですが、一番印象に残っているのがAmazon AIをはじめとする Deep learningの取り組みです。 そこで今回はAWSが公式にサポートを表明したDeep learningフレームワークであるMXNetを ECSを使ってDockerコンテナで立ち上げて処理をしてみる、という内容になります。 MXNetとは MXNet はワシントン大学とカーネギーメロン大学によって開発されたDeep learningフレームワークです。 re:Invent 2016で発表された内容から抜粋すると、特徴としては以下です。 豊富な対応言語 学習(train)には Python/C++/R/Scala/Java/Julia が使える 推論(prediction)には
Django入門にはDjango Girls Tutorialがおすすめ - Qiita
Djangoのチュートリアルをいろいろ探してみた結果、「Django Girls Tutorial」がとても良心的に感じました。 Web開発の経験がない人でも一人で進められるのではと思うほどの丁寧さでした。 英語版 日本語版 よかったところ 基本的な部分だけシンプルにさらうことができる deprecatedな部分がなさそう 数時間でおわる ほとんどの用語に丁寧な説明がある チュートリアルの概要 Django以前の背景知識 Internetとは Comannd lineとは Pythonとは Djangoのインストール プロジェクト、アプリケーション立ち上げ DB,モデル,ORMについて Django URLs,Viewについて Herokuデプロイ など これをやった後、本家のチュートリアルや他のサイトで勉強するとスムーズかなと思いました。 コードはこことかに上がっていて安心。 その他のD
フロントエンドのツール等についての調査結果(2016)まとめ - Qiita
一月程前にフロントエンド関連ツールの状況についてインターネットでアンケートが実施されました。このアンケートは去年も行われており、今年は4,715人の回答が得られたようです。 集計結果が公開されたので、ざっくりまとめてみようと思います。というか半分は感想です。 主観が入り恣意的になる部分もあるかと思います、ご注意ください。また原文も大変興味深いと思いますので、ご興味・お時間のある方はぜひ。 Q1. フロントエンド全般について経験年数 1-2年が約20%、2-10年の中堅が約60%、10年以上が約20% CSS Q2. CSSのレベル 中上級者が90%。 経験年数とレベルがある程度比例するとして、大体1年以上で（少なくとも自分では）中級と思うということか。 Q3. CSSプロセッサの利用状況 sassの一強。しかし、2015年との比較では全て若干減少している。 まだ少数派だがPostCSSが延
scikit-learnでDBSCAN(クラスタリング) - Qiita
クラスタリングアルゴリズムの一つであるDBSCANの概要や簡単なパラメータチューニングについて， 日本語記事でまとまっているものがないようでしたのでメモしました。 DBSCANの概要は，wikipediaの(雑な)和訳ですのでご容赦ください。 DBSCANとは Density-based spatial clustering of applications with noiseの略 クラスタリングアルゴリズムの一つ アルゴリズムの概要 1.点を３つに分類する Core点 : 半径ε以内に少なくともminPts個の隣接点を持つ点 Reachable点(border点):半径ε以内にminPts個ほどは隣接点がないが，半径ε以内にCore pointsを持つ点 Outlier : 半径ε以内に隣接点がない点 2.Core点の集まりからクラスタを作成し，Reachable点を各クラスタに割り当て
ElasticBeanstalk(Java)でMaxOpenFilesを増やす - Qiita
Javaを使用してアプリケーションサーバを実行する場合、1プロセスで多くのリクエストを処理することととなるので リクエスト数が増えるとToo many open filesエラーが発生することがあるかと思います。 アプリケーションサーバ起動時にはPAMを通らない＝/etc/security/limits.conf に記述しても効かないので、 通常はアプリケーションサーバの起動スクリプト等にulimit -nを記述したりすることで対応するかと思いますが、 ElasticBeansTalkではアプリケーションの起動周りにcloud-init→foreman/supervisordが使われており、起動スクリプトに追記することが難しくなっています。 現象確認 まずは変更前の値をcat /proc/プロセスID/limits | grep "Max open files"で確認します。
Dockerでマウントしたディレクトリにユーザ権限でファイル作りたい話。 - Qiita
端書き 最近Jenkinsとかでテスト書く上でDockerのお世話になっている。 プロジェクトごとの依存関係とかCI環境にいれなくていいのがとても素敵なのだけど、一つだけ不便な点がある。 そのままだとテストがrootで走ってしまう問題。 とくにテスト結果や生成物を保存したくてワークスペースを -v でコンテナにマウントしていると、root権限で書かれてしまってワークスペースを削除したりが失敗する。 というかテスト自体、root権限で動かせないケースもあったりなかったりなので、一般ユーザ権限で動かしたい。 Jenkinsの Docker Pipeline Plugin なんかだと -u オプションでユーザ権限で走らせていて、一見これで一件落着に見えるのだけど、地味に問題がある。 一つは存在しないユーザの可能性があること。そしてもう一つがroot権限を失うこと。 最初はこれでいいじゃないか、と
フロントエンドの設計から実装まで〜設計編〜 - Qiita
フロントエンドの設計から実装までした時に考えたことやコードをまとめていく。 今回は設計思想について デザインパターンはFluxを使っていますが、基本的な思想部分はどのデザインパターンでも変わらないと思います。 GitHub→angular_flux_study(まだ研究中) 前提知識として読んでおいて欲しい記事→エンジニア視点から見るWebサービスの全体像 設計したものを誰が使うのか 以前書いた記事 WebAPIの設計から実装まで〜設計編〜 WebAPIの設計から実装まで〜実装編〜 では、設計したものを使う人は「サーバーサイドエンジニア」のみだったのでただただ拡張性や安全性を意識すればいいだけだったのだが、フロントエンドにおいては様々な人が開発に携わるので話が違ってくる。誰がどんな目的で開発に携わるのかを以下にまとめてみた（筆者の想像だが）。 デザイナー、マークアップエンジニア HTML,
Amazon SQS Dead Letter Queueの挙動を確認したメモ - Qiita
http://aws.typepad.com/aws_japan/2014/01/amazon-sqs-new-dead-letter-queue.html (リンク切れ WebArchiveをどうぞ http://web.archive.org/web/20161112043540/http://aws.typepad.com/aws_japan/2014/01/amazon-sqs-new-dead-letter-queue.html ) 最大受信数を設定し、それを超える場合は専用のキューに移動する機能。 メッセージやジョブに問題がありエラーで完了できない場合や、時間がかかり過ぎて可視性タイムアウトする場合に、同じジョブが際限なく繰り返されてしまう問題を回避、および問題を調査できる。 結論 最大受信数（maxReceiveCount）を超える取得のタイミングで、Dead Letter
もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~ - Qiita
JavaScriptにおける、ECMAScript6についてのまとめの前編です。またこの記事では、実践で使える情報のみまとめています。網羅的にすべてをまとめている情報ではありません。 基本構文の続き、アロー関数やPromiseはこちらの記事で。 ECMAScript6のアロー関数とPromiseまとめ - JavaScript 技術情報のみつぶやくアカウント作成しました。ECMAScript6などの最新情報も追っていきます。 Twitter: @takeharumikami RSSはこちら Feedly: Feedlyをフォロー RSS: http://qiita.com/takeharu/feed letによるブロックスコープ JavaScriptの他言語との違いで、悩めるポイントとしてスコープの範囲があります。ECMAscript6から、let命令により関数スコープではなく、ブロックス
JavaScriptの配列の使い方まとめ。要素の追加,結合,取得,削除。 - Qiita
はじめに ここではJavaScriptの配列である、Arrayの基本的な使い方をまとめました。主な内容としては、要素の追加、結合、取得、削除となります。 JavaScriptの最新情報などの技術系のみをつぶやくTwitterをはじめました。 Twitter: @takeharumikami RSSはこちら RSS: http://qiita.com/takeharu/feed Feedly: フォロー
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
Docker 1.6の変更点まとめ - Qiita
2015年4月16日にDocker 1.6がリリースされました。Docker本体のみならず、Docker社が面倒を見ている各種周辺ツールも一斉にタグがうたれています。Docker社のBlog記事から要点をまとめます。 本題に入る前に、今のDockerファミリーのソフトウェアたちを列挙しておきます。 Docker Engine: Dockerコンテナを動作させるエンジン Docker Registry: Dockerコンテナイメージを保持するサービス Docker Compose: Dockerオーケストレータ Docker Swarm: 複数Dockerホストを抽象化 Docker Machine: Dockerホストを様々な環境に作成・管理する 参照元のDocker社のBlog記事はこちら Docker 1.6: Engine & Orchestration Updates, Regis
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ） - Qiita
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ）JavaScriptNode.js関数型言語 はじめに この記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。 両ライブラリとも_で使用できます。 ほかのライブラリにも依存せず、 現在フロントでもサーバでもかなり人気なライブラリです。 個人的にもこれなしでは。。 といった必須なライブラリとなっています。 また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.o
Apache Sliderを使ってStormもYARNに乗せる - Qiita
本日は、Hadoopと良く一緒に語られるApache Stormと、そのStormを真の意味でのHadoopファミリーとする上でのキーとなるミドルウェアである Apache Sliderについてちょこっとだけ書きたいと思います。 Apache Sliderとは？ YARNの登場により、様々な分散アプリケーションが1つのクラスタを総合的なリソース管理のもとに使いまわすことができるようになりました。 ただし、YARNを利用したい分散アプリケーションにはいくつかの制約が発生します。 その中でもとりわけ大きいものとして、 YARNに対してのリソースの要求や開放等のコードを書かなくてはならない。 ジョブ1つにつきリソースの確保やデーモン等の立ち上げという仕事が発生するため、スタンドアローンに比べてジョブの立ち上がりが遅い。 (ここで言うスタンドアローンとは、YARNを使わずにその分散アプリケーション
Finagleでサーバープログラミング - Qiita
この記事はScala Advent Calendar 2014の20日目です。 よろしくお願いします。 はじめに latencyが短く、かつ大規模アクセスにも耐えられるサーバー環境の構築が必要になる場合があります。 例えば、広告系のシステムだと入札/応札するようなサーバーでは100msとか50msとか以内にレスポンスを返さなければいけません。 このようなサーバーを書くために、Scalaではいくつか選択肢があるかと思います。 自分の会社では、その中でFinagleを使ってAdServerを書いています。 この記事ではFinagleの簡単な紹介と、Finagleがサーバーをどのように動かしているのかについて書きたいと思います。 Finagleは、Twitterが開発したOSSのRPCシステムです（御存知の通り）。こちらにもあるように、RPCライブラリそのものではありません。 裏側にはNetty
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javaの排他制御(ロック)に関係するクラスまとめ - Qiita
ECMAScript6のアロー関数とPromiseまとめ - JavaScript - Qiita
