docker-compose up で Django + PostgreSQL + Nginx + Gunicorn を起動してみる - Qiita
docker-compose up で Django + PostgreSQL + Nginx + Gunicorn を起動してみるDjangonginxPostgreSQLdocker-compose 目的 boot2docker で動作するか簡単に試してみる インストール 下記はインストール済みの前提で python2.7 Django1.8.2 boot2docker v1.6.2 docker-compose 1.2.0 VirtualBOX 4.3.28 (MacOSX10.9) Django プロジェクト作成 $ django-admin startproject core $ mv core example-django-gunicorn-nginx $ cd example-django-gunicorn-nginx $ tree . ├── core │ ├── __
BrowserifyからWebpackへの移行時の注意点 - Qiita
思い立ったが吉日ということで、プロジェクトのモジュール管理をRequire.jsからBrowserifyへと移行し、その直後にWebpackに移行しました。もうちょっと考えてツールを選ぼうと思います。 さて、Require.jsからBrowserifyへ変えた理由は、シンタックスをCommonJS的に書けるようになって、全体がシンプルになるから、という理由でしたが、BrowserifyからWebpackへの移行は、もうちょっと切ない理由での移行になりました。 Webpackとは ドキュメントも若干わかりづらいですが充実しており、基本的にここだけで必要な情報はほとんど得られます。 なのでこちらをどうぞ・・・じゃさすがにあれなので、ドキュメントに書いてある、作られた動機などを若干紹介します。 今はモジュールシステムがいろいろある CommonJS AMD <script> タグ ES6 Mod
Pinaxの概要について簡単なまとめ #djangoja - Qiita
Pinaxの概要について調べたので、ここにまとめておきます（2013/01/27現在の情報をまとめています）。 英語がよく分からないので、未確定情報が多いです。 Pinaxとは？ Djangoをさらに使いやすくするために、有志が作ったコードがまとまっているサイト。 ある目的に特化したウェブサイトを作るためのテンプレートがあったり、 プラグイン的に必要な物だけ自分のプロジェクトに取り込むことができたりする。 Projects symposion カンファレンスのウェブサイトを作るための雛形。 pinax-project-account アカウント周りの機能（ログイン・ログアウト・アカウント作成・ユーザー情報変更・退会等）が一式揃ったウェブサイトの雛形。 pinax-project-zero Pinaxを使ったウェブサイトの雛形。これをベースに、以下のAppsをインストールして機能を拡張してい
WebRTCによるビデオチャットサービスの開発 - Qiita
はじめに Webで使えるビデオチャットサービスを開発しましたので、システム構成や使用したフレームワークやサービス、開発のポイントなどまとめてみました。 (去年にはQiitaの投稿を作っていたのですが、下書き保存したまま忘れて今頃の投稿になってしました。。) 月々のランニングコストは1000円以内、開発工数は1人月以内で作成しています。 WebRTCが出てきたおかげで、かなり容易にビデオチャットサービスが開発できるようになっていますので、よければ参考にしてください。 開発のポイント、コードだけでなく、開発の動機から、システム構成を決める為、開発前後に行ったビデオチャット関連の技術調査なども載せています。必要最小限の事だけ把握したい方はその辺りは読み飛ばしてください。 開発ビデオチャットサービス: ビデオチャッターズ (http://videochatters.net/) 開発動機 5～6年ぐ
CodeMirrorでAutoCompleteする - Qiita
JavaScriptで作られたエディタCodeMirrorで、こんな風に補完をしたい。 準備 まず以下のjsとcssを読み込む codemirror/lib/codemirror.js codemirror/lib/codemirror.css codemirror/addon/hint/show-hint.js codemirror/addon/hint/show-hint.css 同期的に補完候補を表示する 以下coffeescript elはなんか適当なDOMTextAreaELement渡してください。 {Pos} = CodeMirror autocomplete = (cm) -> CodeMirror.showHint cm, -> cur = cm.getCursor() token = cm.getTokenAt(cur) start = token.start end
ReleaseNotes/2015/07/24/記事のカテゴリを一括で変更できるようになりました
> 今回のリリース内容今回のリリース内容 大変お待たせいたしました。 記事のカテゴリを一括で変更できるようになりました。 TOPページのカテゴリ横の鉛筆アイコンを押すと、そのカテゴリとサブカテゴリに含まれるすべて記事のカテゴリを一括で変更することができます。 記事を整理する際にぜひご活用ください。 この機能についてはたくさんのご要望をいただいており、ようやく実現できました。 今後も記事を整理する機能を強化していく予定です。 > 所感所感 現在秋田の方に帰省しております。 WiiUがないのでゲームは出来ませんが、そのかわりKindleで本を集中してたくさん読めるのでよいですね。 [ProTip] Webhookでdocs.esa.ioの更新通知を受け取れるようになりました! Enjoy "(\( ⁰⊖⁰)/)" https://esa.io
JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita
Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。 前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。 あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。 ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。 大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。 基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。 例えば、以下は単なるin
Amazon API Gatewayについての参考情報 - Qiita
2015年7月にAWS（Amazon Web Services）より新たに発表されたサービス「Amazon API Gateway」についての参考情報です。 公式サイト＆公式ブログ Amazon API Gateway 公式動画 AWS Summit 2015 | New York – Keynote with Dr. Werner Vogels - YouTube 公式ブログ（英語） Amazon API Gateway – Build and Run Scalable Application Backends | AWS Official Blog 公式ブログ（日本語） Amazon Web Services ブログ: 【AWS発表】Amazon API Gateway – スケーラブルなアプリケーションバックエンドの構築と実行 料金 詳しくは「Pricing」を参照のこと。 Amaz
CodeGrid - フロントエンドに関わる人々のガイド
HTML/CSS 374 CSS仕様 112 CSS設計 53 HTML仕様 40 SVG 25 スタイルガイド 14 HTML/CSSの実践 131 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 49 セキュリティ 16 パフォーマンス 12 アクセシビリティ 21 デザイン 62 ディレクション 50 ドキュメンテーション 7 JavaScript 581 ECMAScript 42 ライブラリ 65 ブラウザAPI 38 WebGL 40 テスト 36 JavaScriptの実践 64 JavaScriptの設計 9 JavaScriptドリル 15 非同期通信 5 Vue.js 73 DOM 9 Angular 30 Electron 4 Web Components 14 jQuery 24 Backbone 17 TypeScript 24 Coffee
価値あるCSSの設計と運用のために | 第1回 まず、どうやっています？
価値あるCSSの設計と運用のために 第1回 まず、どうやっています？ 10人のエンジニアがいたら、10通りの進め方があるとも言えるCSSの設計。どのような設計や運用がベターか知りたい人もいるのではないでしょうか。その一端を、座談会形式で話してもらいました。 はじめに このシリーズでは、CSSを設計／運用していくというテーマで、どんなことに注意しているかを話してもらいます。 第1回目となる今回は、設計に入るときに確認したいことです。対応ブラウザやコーディングルールなどの技術面のほかに、デザインカンプや仕様書に「まだ」出ていない情報をどこまで汲み取るのかという「気遣い」「空気を読む」などの話題も出ています。 参加者は、ピクセルグリッドのエンジニア5名です。 高津戸 壮（@Takazudo） 小山田 晃浩（@yomotsu） 山田 敬美（@tacamy） 坂巻 翔大郎（@GeckoTang） 中
React 雑感 - Qiita
3/22 (日) の rebuild.fm で React の話をしようと思っているが、その前に頭を整理するために React 雑感。雑感なので殴り書き。 React はこれ一つで複数の課題を解決しようとしている。そのため、人と議論してると話のコンテキストがぶれやすい。ざっくりは フロントエンドのプログラミングパラダイムを、サーバーサイドのような富豪的なスタイルに変える コンポーネント (雑に言うと独自タグ) 指向で UI を組み立てる ステートレスコンポーネントやメッセージパッシングで疎結合性を高めることにより、イベントの依存関係地獄を解消する。また結果的にテスタビリティを高める あたりだろうか。 React というと最初に目につくのは VirtualDOM だけれども、VirtualDOM は 1 や 3 を達成するために障害となった技術的課題を解消するためのテクニックであってそれ以上
React.js 実戦投入への道 - Qiita
最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。 ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。 本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では「どちらもあきらめない」という(若干シミュレーションRPGあるある感のある)第三の方策について案を提示します。 Reactの基本 最初に、Reactの基本的な仕組みについてまとめておきます。 Reactは公式ドキュメントが非常に充実しているので、始める際はぜひQuick Startのドキュメントに目を通すことをお勧めします。 Getting Started Tutorial Thinking in React 後述しますが、Reactを使ってアプリケーションを作る際の設計方法についての記載が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AWSで初めてのDocker: AmazonLinux上でAmazonLinuxのコンテナを動かす - Qiita
http://ift.tt/1fFHadH
You Might Not Need Underscore
Django ベストプラクティス — Django Best Practices
Apple Developer
gitignore.io - Create useful .gitignore files for your project
The Original jQuery Source Code, Annotated by John Resig - Genius | Annotate the world
Flashlight — do anything with a keystroke