数秒でエルムアプリ

最新のブラウザアプリケーション開発は複雑になりすぎています。 実際のアルゴリズムの複雑さのためではなく、この開発のための豊富なアプローチのためです。







選択範囲を広げることは良いことですが、必ずしも生産性を高めるとは限りません。 開発者は、有用なビジネスコードを記述するために、まず第一に価値があります。 問題は、コードがアプリケーションの一部にすぎないことです。 コードには、開発者がこのコードを作成するのに役立つ他の多くのツールのインフラストラクチャが付属しています。











反応アプリを作成する



発表されたスケジュールに先立ち、 Danya Abramovは、Reactに基づいたアプリケーションの作成とさらなる開発を簡素化するCreate React Appコマンドラインツールの公開リリースを発表しました。







このツールの哲学は、 3つのポイントに要約できます。









基本的なアイデアと機能の説明については、公式の「構成なしでアプリを作成」公式ブログ投稿で確認できます。







elmアプリを作成する



Create Reactアプリに組み込まれたアイデアに触発されて、私はこの傾向をサポートし、Elmに興味がある人々のインフラストラクチャを調査する必要性を最小限に抑えることにしました。 Create Elmアプリは、ラピッドプロトタイピングにも最適です。







ガイド



設置



インストールには、 Node.js 4とNPM 3が必要です。







npm install -g create-elm-app
      
      





アプリケーション作成



アプリケーションを作成するには、コマンドプロンプトで次のコマンドを実行します。







 create-elm-app my-app
      
      





elm-packageが必要なパッケージをインストールし、アプリケーションの開発準備が整うまで数秒待ちます!







画像

新しいアプリケーションは、最小限のファイルとフォルダー構造を提供し、開発の準備ができています。







 my-app/ .gitignore README.md elm-package.json src/ favicon.ico index.html index.js main.css Main.elm
      
      





組立



サーバーにアプリケーションを配置するための最適化されたアセンブリは、プロジェクトルートフォルダーでelm-app build



を実行することで実現できます。







 cd my-app/ elm-app build
      
      





開発



開発中にアプリケーションを実行するために、サーバーはhttp:// localhost:3000 /にあります







 elm-app start
      
      





画像

これにより、 Hot Module Replacementテクノロジーを使用して、ページを更新せずに変更されたコードを動的にロードできます。







Elmパッケージのインストール



さまざまなタスク用に約500のモジュールを既に投稿しています。 Create Elm Appを使用したモジュールのインストールは次のとおりです。







 elm-app package install evancz/elm-http -y
      
      





拘束力の欠如



いつでも、ユーザーから隠されているすべての構成を取得し、Elmアプリを作成せずにアプリケーションの開発を続けることができます。







 elm-app eject
      
      





このコマンドは、アセンブリと開発に必要な構成とNPMモジュールをコピーし、さらに微調整する機会を開きます。










このツールが役立つことを願っています! 私はフィードバックと提案を喜んでいます








All Articles