「フリーランスエンジニアで成功したい」「どんどん仕事をこなして、フリーランスでの収入を安定させたい」という想いがある人もいるでしょう。志半ばで夢や希望で終わりにしたくは、ありませんよね。フリーランスで「成功」の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月24日SPA開発用サーバーの設定方法ノウハウ01開発を行うマシン(PC)側での開発環境が整いましたら、出力したJavaScriptをブラウザで確認するための開発用サーバーを立ち上げる必要があります。開発中のソースコードは非公開であることが一般的ですので、今回は開発用サーバーをローカルで立ち上げるための設定方法について詳しく見ていきましょう。開発用サーバーの設定方法ローカルでwebサーバーを立ち上げるには、「Apache」や「nginx」を使用します。OSでApacheを起動させ開発用サーバーとして使用するための設定方法を順にご紹介します。startを入力します。works!」と表示された場合、Apacheが正常に起動しています。ウェブブラウザからPC内のファイルを読み込み可能にする開発用サーバーのドキュメントルート直下とは別のディレクトリを読み込み可能にしたい場合は、Apache内のファイル(httpd.conf)の変更が必要です。次のコード先頭の「#」を削除します。/private/etc/apache2/extra/httpd-userdir.confこれにより、ユーザディレクトリが有効化され、PCのローカルディレクトリにブラウザからの接続が可能となります。前回の記事でオススメしたwebpack-dev-serverですが、使用すると常にサーバーと連携して開発作業を進めることができます。webpack-dev-serverが常に開発中のファイルを監視し、ファイルに変更があった場合は自動的に再変換が行われ、ブラウザがリロードされます。webpack-dev-serverは次の手順で設定することができます。webpackの設定ファイルとなるwebpack.config.jsを作成して以下のようにを記述します。‘bundle.js’}}index.htmlを作成し、scriptタグでbundle.jsを読み込むように記述します。startを実行すれば完了です。restartと入力し、Apacheを再起動します。さきほど作成したindex.htmlは以下の場所に配置してください。ファイルの変更を検知してブラウザがリロードされるようになります。今回ご紹介した内容はあくまでも初歩的なものです。相棒は見つかってる?パフォーマンスを向上させるキーボードを厳選ピックア...フリーランスって賃貸マンションが借りられないの!?フリーランスエンジニアの法人成り。