webpackでbower使って外部ライブラリの依存解決する - Qiita
したい 解決方法 bower_components以下のディレクトリもrequire pathにいれて、resolverプラグインで解決するようにする。 というかこの記事でやってることは、基本的には usage with bowerのまんまなんだけど… 実例 var webpack = require('webpack'); var path = require('path'); module.exports = { output: { filename: 'app.js' }, resolve: { root: [path.join(__dirname, "bower_components")], extensions: ["", ".js"] }, plugins: [ new webpack.ResolverPlugin( new webpack.ResolverPlugin.Dir
Mac での Xcode コマンド ライン ツールのインストール - RAD Studio
MacOS アプリケーション開発 への移動 IOS モバイル アプリケーション開発 への移動 注意： Xcode バージョン 6.1 以降では、Xcode のインストール中に Xcode コマンド ライン ツールが自動的にインストールされるようになりました。 Xcode コマンド ライン ツールが Mac にインストールされているかの確認： Mac 上で Xcode を起動します。 ［Xcode］メニューから［Preferences...］を選択します。 ［General］ウィンドウで［Locations］タブをクリックします。 ［Locations］ウィンドウで、［Command Line Tools］オプションに Xcode のバージョン（一緒にコマンド ライン ツールがインストールされたバージョン）が表示されていることを確認します。表示されていれば、Xcode コマンド ライン ツー
事例からAmazon Kinesisとは何なのかを学ぶ | DevelopersIO
はじめに 以前、Amazon Kinesisを使う案件があり技術調査の手伝いをしたことがありました。AWSのサイトには「大規模なストリーミングデータをリアルタイムで処理する完全マネージド型サービス」とありますが、その時は何のためのサービスなのか触ってもいまいちピンときませんでした。その後、分からなかった点を担当者にいろいろ聞いてみたのですが、案件が事例化されましたので教えてもらったことをブログに書いてみようと思います。株式会社あきんどスシロー様の案件です。以下が構成図になります。 「うまいすしを、腹一杯。うまいすしで、心も一杯。」 処理の流れ 事例の構成図からどのような処理が行われているかを担当者に確認しました。 回転寿司のすし皿に付いているICタグの情報を管理端末が読み取ります。 管理端末が読み取った情報はインターネットを経由してAmazon KinesisへPutされます。Putされる
[レポート][Dev-07:Mobile] 東急ハンズを支える技術 – iOSとAWSでPOSを作ってみた – #AWSSummit | DevelopersIO
こんにちは！おおはしりきたけです！ 今回は、ハンズラボさんのiOSとAWSのPOSを作ってみたというお話になります セッション情報 セッション名：東急ハンズを支える技術- iOSとAWSでPOSを作ってみた - スピーカー：ハンズラボ株式会社 今井智昭氏 POSを自社開発化する背景 現在のAWS利用範囲 一般的なPOSレジスタ 以下の6つの構成 カスタマーディスプレイ 画面 レシートプリンタ キーボード ドロアー・自動釣銭機 バーコードリー 売上登録 お客様が購入するものから売上金額を計算する 基本的に四則演算 税金や割引の計算で切り上げ、切り捨て、四捨五入 決済 売上金額とお預かり金額決済してお釣りを返す 支払い方法は現金、クレジットカード金券などある 情報適用 売上高計算や在庫更新のための販売情報を提供する POSを自社開発化する理由 レジをお客様とのコミュニケーションの場にする シン
![[レポート][Dev-07:Mobile] 東急ハンズを支える技術 – iOSとAWSでPOSを作ってみた – #AWSSummit | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/823f7aca4a5fc29780be05be8d6f7645655fcd6c/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F05%2Faws_summit_tokyo_2015.png)
AWSアカウント作ったらこれだけはやっとけ！IAMユーザーとAuthyを使ったMFAで2段階認証 - Qiita
AWSアカウントを安全に運用したいなら最低限これだけはやっとけというTIPSです。 0.AWSのアカウントの種類 AWSアカウントを作ったときには、AWSのrootアカウントしか存在していません。 このままだと「メールアドレス」「パスワード」で「AWSリソースの操作が何でも」できてしまいます。 そこで管理コンソールへのログインはMFA(Multi-Factor Authentication)を利用したうえで、root以外にIAM Userというアカウントを作成し、限定した権限で利用することが強く推奨されています。 rootアカウント：AWSアカウント作成時に作成される何でもできるユーザー IAMユーザー：権限を限定して設定できるユーザー 1.Authyのセットアップ 2段階認証を導入するためにハードウェア型のMFAデバイスか、ソフトウェア型のVirtual MFAが使用可能です。今回はVi
AWS CodeDeploy + Travis CI でデプロイを自動化する | DevelopersIO
Travis CI が AWS CodeDeploy をサポート AWS CodeDeploy (以下、CodeDeploy) で遊びまくっている者です。 CodeDeploy の肝は、何と言っても自動化でしょう！自動化といえば、CI サービスである Travis CI は既に CodeDeploy をサポートしています。Travis CI を既に使っている人は、少々設定を加えるだけで簡単に CodeDeploy のデプロイ処理を追加できます。 ということで今回は Travis CI 経由で CodeDeploy のデプロイ処理を実行してみたいと思います！ デプロイを自動化してみる 事前準備 まず、Travis から CodeDeploy を実行するため、IAM User を作成しましょう。デプロイが実行できるよう、次のようなパーミッションにします。 { "Version": "2012-
heroku+CloudFrontで静的ファイルを配信する（Webフォント対応） - Qiita
独立して読んでいただける様書いていますが、S3+CloudFrontでWebフォントを利用する（FireFox対応）の続編的位置づけです。 heroku で運用していると CSS、JS、画像、WebフォントなどをCDNで配信したくなるので、そのやり方をまとめました。 実は heroku の仕様変更で構成を変えざるを得なかったためにやったんですが、結果的にいい形にまとまったと思います。 大いに参考にしたサイトがこちら。 CloudFront CDN with Rails on Heroku こちらを読めばこの記事は読まなくてもいいかも。 Asset Sync をやめる。 Asset Sync は、heroku へのデプロイ時に実行される rake assets:precompile の際に、S3 などの外部ストレージに assets の中身をコピーしてくれる gem です。 元から使っていな
身につけておきたいWebサイト高速化テクニック #5｜リクエスト数削減テクニック01：インラインイメージ編 | DevelopersIO
5，インラインイメージのメリット・デメリットと注意点 5.1，メリット インラインイメージを使うことで画像自体のHTTPリクエストが発生しません。 例えばファイルサイズの小さな10個の画像を読み込んでいるとします。それらすべてをインラインイメージ化することで10回のHTTPリクエストを削減できます。 データサイズが37％増加するというデメリットはありますが変換前のデータが数MBでもない限りHTTPリクエストが減らせることの方が有益です。 5.2，デメリット IEの古いバージョンでは使えない Base64エンコードによりデータサイズが約37％増加する HTMLやCSSに直接埋め込むため画像を変える度に差し替えが必要（ツールで改善可能） data URI schemeで埋め込まれたデータはキャッシュされない 同じデータを複数箇所に表示したい場合、それぞれの場所に埋め込む必要があるためインライン
webpackを使った開発の効率化方法やloaderの種類をTLで話してきました【スライド付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、まろCです。 2月に2本のLTに登壇してきたのですが、どちらもwebpackを題材にして喋ってきました。 今回は、そのときのスライドを共有したいと思います。また、すぐに使えるインストール方法もあわせて解説したいと思います。 webpackとは http://webpack.github.io/ webpackとは、一言でいうと依存性を解決するツールです。 HTML上に、何本もscriptタグでJavaScriptを読み込んでいたものを、1本のJSにしてパックします。 エントリーポイントと呼ばれるJSにrequireと書いて、他のJSを読み込むことで、ビルド時にそれを探して1つのJSファイルの中に書き出してくれます。 自作のモジュールを、パスから引っ張ってきたりbowerから引っ張ってきたりできるのはもちろん、node_modulesからも使えるものは使えたりと何でもありなツール
BrowserifyからWebpackへの移行時の注意点 - Qiita
思い立ったが吉日ということで、プロジェクトのモジュール管理をRequire.jsからBrowserifyへと移行し、その直後にWebpackに移行しました。もうちょっと考えてツールを選ぼうと思います。 さて、Require.jsからBrowserifyへ変えた理由は、シンタックスをCommonJS的に書けるようになって、全体がシンプルになるから、という理由でしたが、BrowserifyからWebpackへの移行は、もうちょっと切ない理由での移行になりました。 Webpackとは ドキュメントも若干わかりづらいですが充実しており、基本的にここだけで必要な情報はほとんど得られます。 なのでこちらをどうぞ・・・じゃさすがにあれなので、ドキュメントに書いてある、作られた動機などを若干紹介します。 今はモジュールシステムがいろいろある CommonJS AMD <script> タグ ES6 Mod
TwoPipe.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
タスクランナーgulp.js最速入門 - id:anatooのブログ
相変わらず仕事ではデザインやりつつJavaScript書いている。 タスクランナーとしてGrunt.jsを使っていたけれども、使ううちに段々不満がでてきた。遅かったり、記述が冗長になりがちでつらかったので最近になってgulpに乗り換えた。 gulpは良い。タスクは自動的に並列に実行され、かつストリームで処理されるので速いし、タスクの記述もストリームベースの書き方のおかげでGrunt.jsに比べるとだいぶ短くなる。 ただ、そこらにあるgulpをちょっと試しただけの日本語の記事やドキュメントをみてても実際のプロジェクトで使えるレベルまでの知識を得られず学習に一日かかった。 この記事では、gulpをまともに使えるようになるまでに必要な知識を書く。 導入とHelloWorld まずは導入。npmからgulpをインストールする。 $ npm install gulp -g $ gulp -v [gu
PhpStorm 7 等の StylusとCompassサポート | Post Blog
Webの開発においてCSSを書く方法は今非常に多彩な選択しがあります。Less、Sass、SCSSが有名ですが最近はStylusというものも登場しました。CSSに変数やミックスイン、オペレーションや関数を導入できるものです。またSassをベースにしたCompassというものも登場しています。 JetBrainsのIDEはすでにLess、Sass、SCSSをサポートしてきましたが、PhpStorm 7、WebStorm 7、AppCode 2.5、PyCharm3.0、そしてIntelliJ IDEA 13(年末リリース予定)はStylusとCompassをサポートします！ 本エントリの対象製品:IntelliJ IDEA、PyCharm、WebStorm, PhpStorm、RubyMine、AppCode Less、Sass、SCSSのシンタックスハイライト、コード補完、Sructure
gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 - yutaponのブログ
この記事はIwate Developers Advent Calendar 2014の6日目の記事です。 Iwate Developers Advent Calendar 2014 - Qiita 記事の内容はというと、岩手にまったく関係ありません。 学生の頃はフロントエンドを軽視してクソコードを量産していたので、今の学生の方にこんな風に作り始めるといいよって紹介する感じで書きたいと思います。 はじめに 昨今のフロントエンド開発はとにかく複雑になってきていて、学習コストが半端なくなってきてます。 angularとかbackbone.jsとか、最近ではreact+fluxなど、トレンドの移り変わりが激しいです。 またGruntやgulp.jsなどのタスクランナーの活用がフロントエンドでは欠かせなくなっていて、使ってないなら今すぐ導入すべき、とも言えます。 最近gulp.jsを使っていて、gu
フロントエンド用パッケージ管理ツールのBowerの使い方とコマンド - TASK NOTES
Twitter社製のフロントエンド用パッケージ管理ツール Bower を使ってみました。必要なライブラリを簡単にインストールすることができます。 Bowerのインストール 次のコマンドを実行します。BowerをインストールするにはNPMが必要なので、まだの方は 【Mac】nodebrewのインストールとコマンドなど使い方まとめ を参照してインストールしてください。 $ npm install bower -g インストールが完了したらバージョンを確認してみます。 $ bower -v 1.3.12 ちなみにインストール時の-gオプションについてはグローバルにインストールすることを示しています。NPMがインストールされている node_module ディレクトリですね。nodebrew を使ってる方は~/.nodebrew/current/lib/node_modules/になります。-
nodebrewでNode.js( io.js )を管理する - Qiita
最近Node.jsを使うことが多いので自分の復習も兼ねてのメモです。 nodebrewとは nodebrewとは、Node.js( io.js )のバージョンを管理するためのツールです。 nodebrewを使うことで、任意のバージョンのNode.jsを簡単にインストールすることができたり、 バージョンの切り替えをおこなうことができます。 Node.jsのバージョンを管理するためのツールとしては他にnvmとかnbenvがありますが今回はnodebrewを使ってみました。 nodebrewのインストール インストールは簡単で、黒い画面で以下のように1行入力するだけです。 $ curl -L git.io/nodebrew | perl - setup % Total % Received % Xferd Average Speed Time Time Time Current Dload Up
webpack + bowerで依存解決がうまくいかない時はaliasをつかうとよいかも - フロントエンドとコーヒー
webpack + bowerでライブラリの依存解決がちょっとうまくいかないことがあったのでメモ。 以下はusage with bowerのConfigurationのコードです。 var path = require("path"); var webpack = require("webpack"); module.exports = { resolve: { root: [path.join(__dirname, "bower_components")] }, plugins: [ new webpack.ResolverPlugin( new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"]) ) ] } resolve.rootでbower_componentsのディレクトリへの
ハイブリッドモバイルアプリ開発をしてみて分かった、WebViewアプリのできることできないこと - Qiita
少し前からシリコンバレーまわりで働いているのですが、こちらのスタートアップではアプリのプロトタイプをネイティブではなくWebViewで作るのは割と普通のことのようです。 私自身、数ヶ月前に趣味アプリとしてWebViewベースのハイブリッドモバイルアプリをiOSとAndroidで公開したので、そのときに感じたこと・ノウハウとかをまとめてみました。 使ったフレームワーク Ionic Frameworkというフレームワークを使いました。 このフレームワークは、Cordovaという、JavaScriptからiOSやAndroidのネイティブコードにアクセスできる仕組みをもったプラットフォームをベースに作られています。 さらに、WebView上では流行りのAngularJSを用いられています。 また、Ioniconというiconが無償で提供されており、デザイナーがいなくてもかなり綺麗なUIのアプリを
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンなJavaScriptライブラリ開発、テスト環境への移行 -- Karma + webapck + jasmine