タグ別アーカイブ: Tips

故宮と故宮博物院のスクリプトを使用してスタートの建物をインストールします。

From Install NPM And Start Building Using NPM Scripts

NPM は、依存関係の管理とパッケージのインストールに使用通常我々 は私たちでできるもe 建物のためのそれ。
これは当社の電マを構築するためのパッケージ管理ツールを使用して、ようなもの奇妙に思える場合があります。
スタートアップファイルのアプリケーションが、私はいくつかの素晴らしい利点があると思います: シンプルさ: ある ’ s 多くのレs の構成。
少ない依存関係: イサキし、m のラッパーを必要をがぶ飲みのようなビルド ツールを設立人気のあるライブラリ。
心配する必要があります、ビルド プロセスで以下の 1 つのツール: チャンスはある、あなた’ 辰年を既に使用して再。
それと ’ はなか卯年 wasn ’ t のために設計: すべて default npm 構成は、デフォルトで 1 つのビルド タスク:「テスト」:""Error をエコー: 指定されたテスト"& & 出口 1" だから我々 ’ 故宮をフル活用するつもり ’ s タスク実行能力を失った関係を学びましょう: 故宮をインストールする方法。
どこでどのように npm ビルド タスクが構成されています。
どのようにエラーが ha故宮博物院で ndled を構築します。
そのドンをツールのための時計を設定する方法 ’ t をサポート。
と、、故宮博物院は、isn を構築 ’ を右 t ’ s を開始! 故宮博物院を ne を構築する必要もちろん ed 故宮。
場合、’ JavaScript 開発を行って再ノードと故宮がおそらくあるアドインtalled 既に。
場合 ’ t、あなた ’ 限りなく取得するつもりはない再。
確認するには、を開きますコマンド プロンプト [1]。
入力: > ノード v ない場合 ’ t がインストールされているノードを持つこれが原因となります、エラーです。
それについて何を見つけるのために読んでください (それ以外の場合、次のセクションにまっすぐ行くことができます)。
Node.js をインストールする最も簡単な方法 と拡張子 npm インストールのいずれかを使用することですers のノードからは、ページをダウンロードします。
人生がもっと簡單にするが。
Linux ユーザは、sys を使用してください。
tem ’ s パッケージ インストーラー。
Node.js のウェブサイトは、これを行うための優れた指示をしています。
ようなのであなたとしての n ’ 再インストール、ノード v とすべてをチェックする故宮博物院-v を実行を完了 ’ s作業: > ノード v v6.2.1 > 故宮 v 4.3.0 > 故宮のスクリプトとスクリプト s を構築する方法故宮博物院反射 ’ s package.json は、すべてのアクションが発生します。
これは、テスト コマンドs package.json にデフォルトで含まれています。
スクリプトのエントリの構成はかなりストレート回送です。
rd:「スクリプト」: {  「< コマンド名 >」:「< コマンドを実行 >」 }、どこ execu にコマンドte は、コマンド ・ ラインを実行することができます何かであります。
-ポイントをように次があればちょうど私n package.json:「スクリプト」: {  「ポイントの確認」:「"Making ポイントをエコー "」。
} と我々 はそれを実行する場合。
> 故宮に着くポイントを作成を実行: > npm-build@1.0.0 する-ポイント/Users/ルーク/同期-デフォルト/故宮-bu層間絶縁膜 >「ポイントを作って」エコー ポイントを作る。
> これは例示ではなく非常に使用ful。
もっと有益な例になる:「スクリプト」: {  「ビルド」:「webpack」 }、私はこのように実行します。
> 故宮を取得するビルドを実行: > npm-build@1.0.0 ビルド/Users/luke/sync-default/npm-build > webpack ハッシュ: b6cf6e19a26c3c889f63 バージョン: webpack 2.2.1 時間: 57ms    資産サイズ Chunks チャンク名 [出力] bundle.js 2.57 kB 0 javascriptWebpack は重い物を持ち上げるのための [構築] [0] の./NpmBuilt.js 64 バイト {0} は、私たちは、行うことができます私それを使用して (そしてあまりにも browserify!) プロジェクトを考える偉大な候補者は、故宮博物院を構築します。
プレとポスト故宮についての端正な事故とフック ’ s スクリプト コマンド pr でタスクを自動化することができます我々 は、epending ‘ 中古 ’ または ‘ ポスト ’ に。
だから ’ s を確認してください我々 のテスト常に我々 は構築前に実行:「スクリプト」: {  「テスト」:「モカ」  「ビルド」:「故宮のテスト」  「ビルド」:"webパック」 }、実行するように: > 辰年実行ビルドを生成: npm-build@1.0.0 ビルド前/Users/luke/sync-de断層/故宮-ビルド > 辰年テスト > npm-build@1.0.0 テスト/Users/luke/sync-default/npm-build >モカ nb    ✓ は 0 を返す必要があります。
 1 (8 ms) を渡す > npm-build@1.0.0 ビルド/Users/luke/sync-default/npm-build > ダウンロード版を解凍 ハッシュ: b6cf6e19a26c3c889f63 バージョン: webpack 2.2.1 Ti私: 57ms    資産規模チャンク チャンク名 bundle.js 2.57 kB 0 [出力] javascript   [0]./NpmBuilt.js 64 バイト {0} [構築] [ok] をので、& #8217; s ビットより多くの楽しみ。
もちろん、我々 はよりテストよりも私たちのコードでそれを行う必要があります。
ここで ’ s 当社 nexpackage.json のスクリプトの構成の t バージョン:「スクリプト」: {    "lint":"jshint./src"    「テスト」:「モカ」    「事前」:「lint を実行故宮」    「ビルド」:"npm/テスト」、。
「ビルド」:「webpack」  }、だから今我々 ’ ve 追加糸くず、事前、我々 のテストを実行するようにまたは、ビルド コマンドが自動的に糸くずの出ないコード最初。
しかし、物事がうまくいかないときにどうですか。
Dealiうまくいかないとき、すぐ知りたい故ビルドでエラーで ng ですか。
何 ’ s 使用のしないコードを展開する ’ t あなたのテストに合格ですか? 故宮博物院により私たちをここでことを確認任意の com0 以外の値を返すスクリプトからのコマンドは、そのトラックの npm を停止します。
たとえば、紹介糸くずの出ないエラー私のビルド コマンドを実行して、これは私 ’ ll を参照してください: > 故宮博物院は、ビルドを実行 >npm-build@1.0.0 ビルド前/Users/luke/sync-default/npm-build > 辰年テスト > npm-build@1.0.0 p/Users/luke/sync-default/npm-build を再テストします。
> 故宮博物院は、糸くずを実行 > npm-build@1.0.0 リント/ユーザー/ルックe/同期・ デフォルト/故宮博物院・ ビルド > jshint/src。
src/NpmBuilt.js: 2 行目、コル 11、不足しているセミコロン。
1 エラー npm ERR!ダーウィン 16.4.0 [. その後、多数のエラー]。
だから素晴らしいティ部s は、npm、ジェンキンスさんのような CI のビルド ツールに < 理にかなって何を > を実行を削除できます。
トラビス CI らコミットがチーム プロジェクトに折れたら 100% 意識を持っているとします。
イライラする pa開発者のためのこの rt は故宮博物院からのエラー出力は冗長であり、90% は関係ありません、実際のエラー! ここで ’ s 味: npm ERR!Npm-build@1.0.0 ビルド前スクリプトに失敗しました ' 故 test'。
npm ERR!Node.js とインストールされている故宮博物院の最新バージョンを確認してください。
npm ERR!場合 do は、これが最も可能性の高い故ビルド パッケージに問題 npm ERR!ではなく、辰年自体。
故宮博物院 ERR!これがあなたのシステムに失敗した著者を教えてください。
npm ERR!    故宮博物院をテストする ’ te について sエラー出力の n 番目私を得る私のビルドが失敗したとき。
故宮博物院提案パッケージ作者 ab に話しかける問題! しかし、まだサイレント モードで故宮博物院を実行の代わりにこれを好むしかし、わしの賢明なエラーを提供します ’ t は例えばどこから、来たか > 故宮 - ビルドを実行サイレント src/NpmBuilt.js: 2 行目、コル 11、不足しているセミコロン。
1 エラー > 明らかに、これは故宮の中でアイデンティティの危機-の st はパッケージ マネージャーまたはビルド ツールですか。
役に立つとの故宮を使用することが有効ですこれは、ビルドでは、1 つの主要な妥協私 ’ ve に出くわします。
クレイジー エラー出力と暮らしています。
. 監視方法を変更 npm と最終的なガッチャ故宮博物院の建物は、それが ’ t ナtively はサポートの変更コードを見ています。
確立されたビルド ツールの大きな利点の 1 つイサキと一口のような s は、コードの変更を見るため普遍的なインターフェイスを提供することです。
この means の場合特定のツールででも ’ のうなり声やグッと ta の変更見て t サポートあなたのためのそれの世話 ke。
幸いにも私たちにとって、故宮博物院でのサポートはインストールでパッケージを見る: > 故宮博物院研究所すべて - 保存-dev 時計 [ok]、[今すぐこのような私たちのブランドの新しい時計を使用することができます:「時計」:"時計 ' 故実行 comマンド ' - ignoreDirectoryPattern = dist"コマンドが fi するたびに実行するコマンドをlesystem 変更。
注意してください = ignoreDirectoryPatternFlag/ディスト/こうすれば時計コマンドdist ディレクトリの変更を無視します。
場合我々 でした ’ t が ’ d は無限ループである、ビルド コマンドの時計でトリガーされると、トリガーのウォッチ dist ディレクトリに新しい資産を置くh … などなど。
腕時計のパッケージを使用する場合任意のディレクトリの tha を無視するを指示する必要があります。
t ’ s ビルド プロセスによって変更します。
幸いにも、コンパイルまたはバンドル ツールの大半web リソースは独自の時計機能を持つ、ヘリコに拍車をかけたことは十分にスマート自分の副作用によって n。
最後に、みんなの npm を構築するか 個人的には、’ m 大ファン o故宮博物院を用いた建築 f。
私 ’ ve 扱っている巨大な未完成 Ma を十分長くしてプログラマは、タッチ、および数百行の光景に恐れた柯と ant.xml ファイルビルドの構成は私に寒気を与えます。
それで、シンプルさを高く評価し、‘ 自明性・ #8217;故宮博物院のビルド。
それが、’、s とここで ’ s なぜ: 漬かってする必要がありますble コマンドラインを使用して、bash を作るために働きます。
出力をリダイレクトして、コマンドのチェーンが-コンパイラ、linters およびコマンド ・ ラインから結束機。
私が、この私のような ’ e、sveryone。
Windows ユーザーが見つける貴重な採用例が少ない場合彼ら ’ cmd.exe を使用します。
私・ #8217d はのみ新しいプロジェクトでそれを使用します。
しない限り、彼ら ’ 現実問題を引き起こして再私 ’ ことがわかりました-大きな書き込み configs を構築は、別のツールはほとんど努力の価値が。
既存のリファクタリングツールより良い報酬になります。
そうは言っても、希望すべて ’ ll 私たちから利益を得ることができます。
将来的に、ビルドの ing 故! ノート: macos; ターミナル アプリケーション私の避難所の ’ tWindows 10、bash を試してみる機会を持っていたが、ここで説明したすべては cmd.exe の動作します。
読み取り Mo故宮博物院とスタートの建物を使用して故宮のインストール スクリプトで再

色 (インフォ グラフィック) の心理学を使用してコンバージョンを向上させる

From Improve Your Conversions By Using The Psychology of Color (Infographic)

色は、web デザインになるが、それはちょうど良い見ていないに大したことです。
A 一見日陰で取るに足らない変化は、コンバージョン率に大きな影響を持つことができます。
Beca です。
使用色は、私たちの感情と態度に実績のある測定可能な影響をあります。
この小さなクラッシュ カップリング色彩心理学の rse より良いあなたの理想的な聴衆と接続し、vi との信頼関係を構築するを助けることができます。
sitors。
色彩心理学は本当にことでありますか? はい確かに。
実際には、キー、教科に関連する所見ct は、査読雑誌に掲載されています。
科学はまだ法的な自分の 1 つを読む.文書化された科学的な証拠は別として分割してすべてのマーケティング担当者のテストを検討してください。
特定の配色がの面で大幅に異なる結果を作り出すことができることを見つけるために無数ページすべてのコンテンツはまったく同じ場合でも、変換。
番目に多くの力を振り回しています。
e 色の使用が人間の心理。
自問する必要があります質問だかどうかあなたの経験感情的な操作では、あなたのためにまたはあなたに対して取り組んでいます。
手先の大群を成長、nd これら色ルール獲得信頼でブルーを使用してマスター マインド コントロール: 場合でも、グロテスクly リッチ企業覇王 web デザインの青の色を使用して、信頼関係を育むことができます。
3 月k ザッカーバーグと Facebook は、このことを確信させる十分をする必要がありますが、我々 はいくつかを見ることができると思います実際あまりにも証拠。
研究を決定した青が普遍的に好きだった色。
それは促進します。
気持ちの穏やかさと静けさは、この信頼できる情報源によると。
Facebook、LinkedIn のペイパル、Tw広いと他の企業の何百もの原色として青のいくつかの色合いを使用します。
あなたがll は特にクレジット カード会社の間で、金融の世界でブルーをたくさん参照してください。
たぶん they ' re のそれを期待して、穏やかな顧客をばかげて $200 金融 c に異議を呼び出す前に面。
パシオンの緊急赤: 赤は、血液ポンプを取得します。
それはハリウッドを促進する色です。
ns、エネルギー、緊急。
赤は、クリアランスの販売を促進するためにまたは CTAs を注意を引くためによく使用されます。
オレンジ キス メトリックでマーケティング ウィザードによるとオレンジ色の刺激の衝動的な行動: できます。
活動、緊急性とも衝動的な行動の感覚を抱かせます。
アマゾンが訪問者を誘惑するとき、限定を提供、それが通常明るいオレンジ色バナーによって強調表示されます。
ブラックの高級 Sophistication: 黒のトリックを行う場合はハイエンド クラスと洗練されたつもり。
私たちing 黒はそれに最適の高級品、ファッションを作る特定の edginess を促進すると言われています雑貨・化粧品 きれいなシンプルさの白: 白は清潔さ、美徳、si を促進すると考えられています。
mplicity。
それは医療業界やクリーンを楽しむ人のための素晴らしい背景になります、ミニマムなデザインします。
プロフェッショナ リズム促進灰色: 灰色に出くわすプロとして、nd は落ち着いた。
正しくそれを使用ことはバランスのとれた穏やかな効果を作成します。
白い色の教授で使用されます。
essionals と同様に高級ブランドが、業界のタイプの広いスパンにも作品。
紫色です。
多くのレベルで強力な: 陛下、豊かさおよび贅沢の色として紫を見た。
それは多くの場合お尻成功と尊敬を持って ociated。
これは化粧品、マッサージ、ヨガの精神的なために行く色です。
情報の誤謬とフェミニンなブランド。
積極性と健康の緑: この色は、健康、nat に関連付けられてure 平和とリラクゼーション。
考える専門家も緑は実際に depressio を軽減できます。
(名) だも、変換のための素晴らしい色の決断を促進するといわれています。
黄色は私を保持します。
t 暖かいと元気: の中で楽観的な感覚を生成するとき、黄色は素晴らしい色あなたの訪問者です。
また、注目グラバです。
Yel を実装する場合を念頭に 1 つのルール低この色は簡単に圧倒的になることが、慎重にそれを使用することです。
このインフォ グラフィックは翔場合、どのように色を一緒に使用を増やすあなたの変換は、色 t の使用を開始する準備ができました wo より多くの結果を生成しますか。
この分析のために特定の色を使用する方法の詳細についてをぜひご検討ください。
r より多くの参加と web デザインとアクションを駆動する方式。
上の色の心理Web デザイン