「フリーランスエンジニアで成功したい」「どんどん仕事をこなして、フリーランスでの収入を安定させたい」という想いがある人もいるでしょう。志半ばで夢や希望で終わりにしたくは、ありませんよね。フリーランスで「成功」の2文字を手に入れるためには、...相棒は見つかってる?パフォーマンスを向上させるキーボードを厳選ピックアップ!2018年8月4日フリーランスって賃貸マンションが借りられないの!?2018年8月3日フリーランスエンジニアの法人成り。【知っておきたい契約のこと】業務委託契約を結ぶならここに気をつけろ!2018年7月31日フリーランスを続けるならPHP以外に第2言語を身につけよう!2018年7月30日フリーランスで活躍するために必須なコミュニケーション能力。技術だけでは食べていけ...2018年7月29日フリーランスエンジニアの転職事情!正社員に戻れるの?2018年1月17日ノウハウ最新記事Reactでコンポーネントを実装してみよう!2017年9月4日Reactでできることはきわめて簡潔です。実はAPIも数えるほどしかないのですが、jQueryのメソッドの大部分を駆逐するだけの威力を持っています。変わったのはどの部分?Swift3の具体的な変更点2017年8月9日HOMEノウハウシングルページアプリケーション(SPA)の構築手...2017年8月22日シングルページアプリケーション(SPA)の構築手順ノウハウ01前回の記事ではSPAとはどういったものなのかをご紹介しましたが、今回はSPAの構築手順となります。用途によって多少異なりますが、おおむね以下のようなものが一般的といえます。開発環境の構築にあたって「フレームワーク」を選択するSPAを構築するにあたって、「どのフレームワークを選択するか」が最初の問題になります。その選択肢としてはReact、Angular、Vue.js、Ember.js、Plymerといったものがあげられますが、それぞれ特徴や得意分野があるので注意しましょう。フレームワークの選択にあたっては、実際に開発に携わるチームメンバーのスキルセットやこれまでの経験等をよく判断した上で、知見があり、開発が行いやすいものを選択することが確実な開発を実現する第一歩といえます。一般的に、SPAの開発ではBabelやwebpackといったツールが必要となります。そのため、それらを動かすNode.jsをインストールするところからスタートします。Node.jsは公式サイトが用意されていますので、そこからインストーラをダウンロードしてインストールする方法が確実です。続いて、Babelやwebpackのインストールです。Babelは次世代のJavaScriptの機能をブラウザのサポートを待たずに使用できるようにするもので、ECMAScript2015以降のコードをECMAScript5のコードにトランスパイルします。前述のフレームワークでReactを選択していた場合、Reactで利用するJSXの記述変換にBabelのプラグインを利用しますので、このタイミングでReactもインストールするとよいでしょう。webpackはモジュールバンドラと呼ばれるツールであり、複数のJavaScriptファイルの依存関係を解決し、1つのファイルにまとめてくれます。loaderという仕組みを利用することで、モジュールをバンドルする前にBabelを含む様々な変換処理を行ったり、JavaScriptのみならず、HTMLやCSSファイルを扱ったりすることが可能となります。ローカルで開発をする上で非常に強力なwebpack-dev-serverもインストールしておくとよいでしょう。相棒は見つかってる?パフォーマンスを向上させるキーボードを厳選ピックア...フリーランスって賃貸マンションが借りられないの!?フリーランスエンジニアの法人成り。