タスクランナーを使わずにnpm+webpackのみでWebアプリ開発 - Qiita
はじめに タスクランナーを使わずにnpm+webpackのみでWebアプリを開発するためのシードプロジェクトを作成しました． フロントエンド開発のツールが多く煩雑なので，できるだけシンプルにしたいというのがモチベーションです． テストまわりは未対応で，順次追加していく予定です． [2015/9/7] 画像ファイル（png, jpg）をビルドできるようにしました． シードプロジェクトの内容 ソース https://github.com/nihsuy/webapp-seed-project プロジェクト構成 ├── src : ソースファイル │ ├── index.html │ ├── images │ │ └── logo.png │ ├── scripts │ │ └── app.js │ └── styles │ └── app.scss ├── packa
webpack
Home Getting Started Motivation What is webpack? Installation Usage Require Modules Vendor Modules Using Loaders Using Plugins Dev Tools Troubleshooting Tutorials and examples Getting started List of tutorials examples Guides CommonJs AMD webpack for browserify users Code Splitting Stylesheets Optimization Long-term Caching How to write a loader How to write a plugin Multiple entry points Library
tutorials/getting-started
webpack v1 is deprecated. We encourage all developers to upgrade to webpack 2. WelcomeThis small tutorial will guide you through a simple example. You’ll learn: How to install webpackHow to use webpackHow to use loadersHow to use the development serverInstalling webpackYou need to have node.js installed. $ npm install webpack -gThis makes the webpack command available. Setup the compilationStart w
僕なりのフロントエンド開発環境2016年版 - Qiita
ちょっとバージョンアップ http://qiita.com/koh110/items/f6ecbdc03093675a9527 自分なりに使いやすいフロントエンドの開発環境を整えて使っていたけれど、だんだん時代の流れにそぐわない箇所が出てきたのでその部分を書き換えてアップデートしてみた。 http://qiita.com/koh110/items/9c750fb67e40481e52cd 昔のバージョンはv1.0.0というブランチに切り出し https://github.com/koh110/minjsapp やめたもの gulp-load-plugins run-sequence bower モジュールやライブラリへの依存度を下げたかった 変更したもの gulp-babel -> webpack + babel-loader requireしたかった 追加したもの sassコンパル 生c
webpack入門 - Qiita
React初学者のためのガイドで著者のPete Hunt氏がオススメしていたwebpack入門を和訳しました。 意訳が含まれるため、誤りやより良い表現などがあればご指摘頂けると助かります。 原文：https://github.com/petehunt/webpack-howto Webpack入門 このガイドの目的 これはwebpackで物事を成し遂げるためのクックブックです。インスタグラムで実際に使用されているものをほぼ網羅した実践的な内容となっています。 私からのアドバイス：まずはこれをwebpackの参考資料として手元に置いて始めてみましょう。公式ドキュメントは理解を深めるために後で参照することにしましょう。 前提条件 browserify、RequireJSまたは類似したものを知っていること 下記のいずれかに価値を見出していること バンドルの分割 非同期ローディング 画像やCSSの
Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita
ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS
画像処理入門講座 : OpenCVとPythonで始める画像処理 | POSTD
この記事を書くに至ったきっかけ Recruse Centerでは、私は、画像処理の勉強に時間を費やしていました。独学をし始めた頃は、何をするものなのか全く理解しておらず、ただ、文字や輪郭、模様などを識別するのに役立ち、これらで面白いことができる、ということくらいの知識しかありませんでした。 私の情報源は、主にWikipediaや書籍、公開されている大学の講義ノートです。これらの資料に慣れ親しんでくるにつれ、画像処理の世界における基礎を伝えられる「入門向け画像処理」を望むようになりました。 これが、この記事を書こうと思ったきっかけです。 前提条件 この記事は、Pythonが扱えるということを前提に書いています。その他の事前知識は必要ありませんが、NumPyや行列計算に慣れていると理解しやすいでしょう。 初めに 使用するのは、Python版OpenCV、Python 2.7 ^(1) 、iPy
Redux入門 3日目 Reduxの基本・Reducers(公式ドキュメント和訳) - Qiita
前回 Redux入門 2日目 Reduxの基本・Actions 前回に引き続きTodoアプリの作成を通してReduxの要素の解説を行ないます。今回はReducerです。 2.2 Reducers reducerは、actionを受けてstateを変更するの為のメソッドです Designing the State Shap (Stateのデータ設計) Reduxでは、stateはすべて個別のオブジェクトとして保持されます 今回のTodoアプリでは２つの内容をstateで保持します 現在選択されている表示/非表示 todoのリスト { visibilityFilter: 'SHOW_ALL', todos: [ { text: 'Consider using Redux', completed: true, }, { text: 'Keep all state in a single tree
Redux入門 2日目 Reduxの基本・Actions(公式ドキュメント和訳) - Qiita
前回 Redux入門 1日目 Reduxとは 前回に引き続き、reduxの公式ドキュメントを辿りながら、ざっくり和訳していきます。 2章からはTodoアプリを作成しながらReduxのそれぞれの要素を順番に解説していきます。 2.1 Actions actionはアプリケーションからの情報をstoreへ送る為のオブジェクト actionは store.dispatch()でstoreへ送られます actionは、何を行なうものかを識別するために"type"プロパティを必ず持つ。他のプロパティについては自由。 const ADD_TODO = 'ADD_TODO' { type: ADD_TODO, text: 'Build my first Redux app' }
webpack(v1)とbabelでES6コードをさくっと書く - getalog
最低限のコストで最近よく聞くいい感じのjsを書きたい時の構成をずらーっと書いてみる 準備するもの node/npm (最近はrbenvクローンのnodenvがいい感じ、操作は同じ) webpack babel .babelrc .babelrcを設置しとくとbabelのデフォルト設定がこいつの中身で書き換わる Reactを使わないなら、presetのreactはいらない export defaultされたパッケージをimportした時に.defaultで引くのを許せるなら、add-module-exportsはいらない(後述) Reactいる { "presets": [ "es2015", "stage-0", "react" ], "plugins": [ "add-module-exports" ] } いらない { "presets": [ "es2015", "stage-0"
第三者のための『リーダブルコード』 - 詩と創作・思索のひろば
新人エンジニアにオススメの本のひとつだよねー、などと言いつつ自身は読んだことがなかったので慌てて買って読んだ。 お題「リーダブルコード」 リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice) 作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典出版社/メーカー: オライリージャパン発売日: 2012/06/23メディア: 単行本（ソフトカバー）購入: 68人 クリック: 1,802回この商品を含むブログ (131件) を見る なるほど当たり前のようなことでありながら短期的に意識して身につけるのは難しかったことばかりで、これがこのようにまとまった形の書籍になっていることはとてもありがたいことだと思う。規約を押しつけてるわけじゃなくて指針の集合なので、気楽さもある。 プログラム中で使用する英語動詞
Redux入門 1日目 Reduxとは(公式ドキュメント和訳) - Qiita
Redux初心者向けです。というか私が初心者です。 Reduxに触れてみようと思って、まずは公式のGithubのドキュメントでも読んでみるか、と自分へのメモも兼ねてざっくりとした和訳をして行きます。 公式github Redux入門 1日目~6日目までの部分を短くまとめた記事も書きました。 ダイジェスト版 1.1 Motivation(背景) http://rackt.org/redux/docs/introduction/Motivation.html 近年、Javascriptのシングルページアプリケーションは複雑になってきてstate(状態)を管理するのはしんどくなってきた。新機能開発するのもバグ修正するのもかなり辛い。 根本的に、「変化」と「非同期」を"同時"にコントロールするのは人間には無理がある。Reactはその問題に対してViewレイヤーで非同期と直接DOM操作を取り除くこと
WebTorrent Desktop - Streaming torrent app for Mac, Windows, and Linux
WebTorrent Desktop is for streaming torrents.Whether it's video from the Internet Archive, music from Creative Commons, or audiobooks from Librivox, you can play it right away. You don't have to wait for it to finish downloading. WebTorrent Desktop connects to both BitTorrent and WebTorrent peers.It can talk to peers running Transmission or uTorrent, and it can also talk to web pages like instant.
ふだんは締めのラーメンより一杯でも多くの酒を優先するパリッコが、あまりのうまさに虜になった「とろ肉つけ麺 魚とん」 - メシ通 | ホットペッパーグルメ
こんにちは。いつも「ほろ酔い調査隊」という連載でお世話になっております、メシ通レポーターのパリッコと申します。普段はタイトル通り、居酒屋さん、酒場を舞台に記事を書かせてもらっているのですが、今回はどうしてもメシ通読者の皆さんにお伝えしたい情報があり、今こうして、キーボードをカタカタと叩いております。 タイトルにある通り、僕は多くの方が好きだと語る、飲んだあとの締めのラーメン、いわゆる“締めラー”ってやつをほとんどやらないんです。最後にラーメンを食べられるほど胃袋に余裕を残すくらいなら、チビチビとしたつまみで一杯でも多くのお酒を飲んでいたいっていう、意地汚い男です。また、そもそもラーメンがそこまで大好物ってほどではなく、ラーメンとカレーを比べたら、大いにカレー優勢、そういう男でもあるんです。 ところが仕事柄、雑誌媒体などでラーメン屋さんを取材させてもらう機会なんかもけっこうあって、ありがたい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
connpass - エンジニアをつなぐIT勉強会支援プラットフォーム
エラー | ABEMA
https://qiita.com/mojibakeo/items/6dc9e150def945be7b15