このページの内容

Awesome Ember.js

Ember.jsを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

Contents

Packages

AST

  • ember-ast-helpers - このライブラリは、AST変換を実行するためのユーティリティボックスであり、ASTの細部についてユーザーにできるだけ影響を与えないようにするためのプライベートAPIを隠蔽します
  • ember-template-recast - 非破壊的なテンプレート変換器
  • jscodeshift - JavaScriptのコードモッドツールキット
  • dyfactor - 実行時情報に基づいてコードモッドを実行するプラットフォーム

a11y

  • ember-accessibility - 開発中にアクセシビリティ違反を特定するためのアドオン
  • e-a11y-modal - アクセシブルなEmber.jsアプリケーション向けのシンプルなモーダル
  • ember-a11y-landmarks - Ember.jsアドオンで、より良いアクセシビリティを実現するためのランドマークロールをサポート
  • ember-a11y - アクセシブルなEmber.jsアプリケーションを構築するためのツールのコレクション
  • ember-component-focus - Ember.jsコンポーネントにメソッドを追加するミックスインで、現在フォーカスされている要素を管理する機能を提供
  • ember-gestures - Ember.jsジェスチャは、アプリ全体でHammerJSマネージャーと認識者を定義・使用しやすくすることで、ジェスチャの使用を簡単に行う方法を提供
  • ember-steps - 宣言的に作成されるウィザード、タブ付きUIなど
  • ember-page-title - Ember.jsアプリケーションにおけるページタイトルの管理
  • ember-self-focused - ルートへのフォーカスの遷移時処理
  • ember-keyboard - キーボードイベントのサポートを簡単に行うためのEmber.jsアドオン
  • ember-a11y-testing - Ember.jsテストフレームワーク内で実行可能なアクセシビリティテストのセット
  • a11y-announcer - アクセシブルなEmber.jsルート変更アナウンサー
  • ember-a11y-refocus - Emberアプリケーションに非侵襲的にナビゲーションのナレーション要素を提供

Adapters

  • ember-cli-markdown-resolver - カスタムフォルダ内のマークダウンファイルを解決し、サービス経由でコンテンツを取得するためのEmber CLIアドオン
  • ember-cloud-firestore-adapter - 非公式なEmber Dataアダプタとシリアライザ(Cloud Firestore用)
  • ember-data-hal-9000 - Ember-dataと互換性のあるEmber-cliアドオンで、HALアダプタ(HATEOAS)を提供
  • ember-django-adapter - Django REST Framework 用 Ember CLI アドオン アダプタ
  • ember-graphql-adapter - Ember Data 用 GraphQL アダプタ
  • ember-indexeddb - EmberおよびEmber DataでIndexedDBと連携するためのユーティリティとアダプタ
  • ember-localforage-adapter - Ember Data でのオフライン使用
  • ember-local-storage - 計算プロパティがプロキシを返すストレージを提供し、変更を localStorage または sessionStorage に永続化するアドオン
  • ember-pouch - Ember Data 用 PouchDB/CouchDB アダプタ
  • ember-wordpress - Ember.js と WordPress の橋渡し
  • emberfire - Firebase 用の公式 Ember Data アダプタ
  • ninjafire - TypeScript で書かれた Firebase 用の ORM

Animations

Authentication

Automation

  • ember-cli-deploy - Ember CLI アプリケーション向けのデプロイパイプライン
  • ember-cli-deploy-webhooks - Ember CLI デプロイプラグイン(デプロイ時にウェブホークを呼び出す)
  • ember-cli-release - Ember CLI 用のバージョン管理によるリリース管理アドオン
  • ember-cli-sri - このプラグインは ember アプリケーションのサブリソースインテグリティ(SRI)ハッシュを生成する
  • ember-cli-dependency-lint - アプリケーションのアドオン依存関係をチェックし、各依存関係について1バージョンだけを確保する

Benchmarking

  • ember-macro-benchmark - Ember.js の2バージョンを実行しているemberアプリのベンチマーク記録
  • ember-performance - Ember.js 用のパフォーマンス向上を支援するテストセット
  • emberperf - エマーブのパフォーマンス(バージョン間の比較)

Blogging

  • empress-blog - エマーブで構築されたブログシステムの、完全に機能し、SEO対応の静的サイトの実装
  • ember-cli-blog - トム・デールのブログ例をエマーブCLIにアップデートしたもの
  • ember-tumblr - エマーブでTumblrブログを統合するアドオン

Babel

  • ember-cli-babel-plugin-helpers - エマーブCLIアプリケーションおよびアドオンでBabelプラグインを管理するためのユーティリティ

Boilerplating

  • ember-boilerplate - マイレゴでエマーブプロジェクトを構築するための安定したベース

Broccoli

  • broccoli-concat-analyser - アセットプロファイリング
  • broccoli-debug - ブロッコリーパイプラインの作成者向けに、ブロッコリーパイプラインのデバッグを簡単に行えるユーティリティ
  • broccoli-stew - ブロッコリーベースのビルドパイプライン開発に必要な便利関数を提供
  • broccolijs-tutorial - ブロッコリーツールのチュートリアルリポジトリ
  • broccoli-rollup - ブロッコリープラグイン「Rollup」
  • broccoli-manifest - HTML5キャッシュマニフェストのブロッコリーパイプラインでのコンパイル
  • broccoli-glow - 1ファイルから動的コンポーネントを作成など

Broccoli read

Build tools

  • Broccoli - 高速かつ信頼性の高いアセットパイプライン。再構築時間は定数、ビルド定義はコンパクトにサポート

Charts

  • ember-charts - エマーブとd3.jsフレームワークで構築されたチャートライブラリ
  • ember-sparkles - ember-d3-helpersで構築された、組み立て可能なD3コンポーネントのコレクション
  • ember-highcharts - Highcharts、HighStock、HighMapsのエマーブCLI用コンポーネント
  • ember-c3 - C3(D3ベースの再利用可能なチャートライブラリなど)のアドオンライブラリ

CI/CD

Code Splitting

  • ember-engines - このEmber.jsアドオンは、Ember.jsエンジンRFCに記述された機能を実装しています。エンジンは、ユーザーの視点から複数の論理アプリケーションを1つのアプリケーションに組み合わせることを可能にします。
  • ember-lazy-mount - {{mount}}によるエンジンの遅延読み込みルートなしエンジンを許可
  • ember-cli-bundle-loader - 複数のバンドルと遅延読み込みを可能にするアドオン
  • ember-cli-lazy-load - Ember.jsアプリケーションをバンドルに分割して、遅延読み込みをサポート

Codestyle

Command-line apps

  • ember-cli-create - 新しいEmberプロジェクトを作成するCLIウィザード
  • @ember/optional-features - このアドオンは、ember-sourceのオプション機能を簡単に有効・無効にできるようにします。ここで言う「オプション」とは、将来の見通しにおいて選択的に有効・無効になる機能を指し、デフォルトで有効になる機能とは異なります。これはアプリケーション用にのみ使用される予定です。
  • ember-cli-rename - ember-cli向けアドオンで ember rename コマンドを提供

Command-line utilities

  • ember-cli-update - Ember CLIのEmber.jsアプリ、アドオン、Glimmer.jsアプリの更新
  • ember-cli-deprecation-workflow - Ember.jsのアップグレードをしやすくするアドオンで、大規模なコンソールノイズを避けながらデプレケーションを処理できます。

Component addons

Compression

Content management systems

  • ember-admin - モデルを自動的に発見し、すべてのモデルデータをシンプルなCRUDインターフェースで操作
  • https://authmaker.com/ - 3日間でゼロから完全に機能するライブMVPへ。

Control flow

  • Promises
  • Observables
    • ember-rx - Ember.jsにおけるRxJS 6の統合
  • Generators
    • ember-concurrency - Ember.js に追加されたアドオンで、簡潔で安心できる、キャンセル可能かつ再起動可能な非同期タスクを書くことができます。
    • ember-master-tab - Emberアプリケーションの一つのタブにのみ関数を実行するためのサービスを提供するライブラリ。

CSS & etc

  • ember-cli-stylelint - あなたのEmberアプリにstyleintを追加し、すべてのCSSをチェックできます。
  • ember-cli-autoprefixer - 自動的にあなたのスタイルをautoprefixerで処理します。
  • ember-cli-sass - node-sassを使って、ember-cliアプリのファイルを事前処理し、sourceMapsおよびinclude pathsをサポート
  • ember-cli-sass-pods - podディレクトリにあるsassスタイルファイルを使って、podのスタイルを設定できます。
  • ember-component-css - Ember CLI向けのPostCSS統合。
  • ember-cli-postcss - 野心的なアプリケーション向けのCSSモジュール。
  • ember-css-modules - Tailwindは、カスタムユーザインターフェースを迅速に構築するための、ユーティリティ中心のCSSフレームワークです。
  • ember-cli-tailwind - Ember.jsでemotionスタイルを使用できます。
  • ember-emotion - 高パフォーマンスかつ維持性の高いスタイルシート。
  • css-blocks - このEmber CLIアドオンにより、node-sassでeyeglassサポートを有効にしたSassファイルのコンパイルが非常に簡単になります。
  • ember-cli-eyeglass - Ember CLIのビルドプロセスの一部として、SVGファイルからウェブフォントを簡単に生成できます。

Fonts

  • ember-cli-webfont - Cerebralを使用した複雑なEmber.jsアプリケーション向けの強化されたステート管理。

State management

Styling kits

Data Management

  • ember-apollo-client - Apollo ClientおよびGraphQL向けのEmber CLI拡張機能
  • ember-cli-sofa - Orbit.jsで構築されたEmber.jsのデータレイヤー。
  • ember-orbit - よくあるデータロード問題を解決するためのAPIのコレクション。
  • ember-data-storefront - よくあるデータ読み込み問題を解決するAPIのコレクション。
  • ember-m3 - この拡張機能はDS.Modelに対する代替実装を提供します
  • ember-cli-zuglet - Ember.js用のFirebaseとの簡単な統合を実現する拡張機能

Data manipulation & Computed

  • ember-awesome-macros - Ember.jsの計算マクロのコレクション
  • ember-cpm - Ember.js用の計算プロパティマクロ
  • ember-macaroni - 計算プロパティマクロ(マクロ)を使ってアプリケーションコードをDRYかつコピーペーストフリーに保持してください

Data validation

  • ember-cp-validations - Ember.jsの計算プロパティベースのバリデーション
  • ember-changeset-validations - ember-changeset用のバリデーション
  • ember-model-validator - 明確で簡単な方法でEmber Dataモデルにバリデーションを追加できます。複数のバリデーションファイルや複雑な構造を必要とせず、シンプルに実現できます
  • ember-validated-form - クライアントサイドバリデーションを簡単にフォームを作成できます
  • ember-line-graph - ゼロ依存のEmber拡張機能でラインチャートを描画します

Database

  • ember-indexeddb - EmberおよびEmber DataでIndexedDBと連携するためのユーティリティとアダプタ

Date

  • ember-moment - moment.jsおよびEmber.js用のテンプレートヘルパーと計算プロパティマクロ

Debugging / Profiling

  • ember-debug-logger - Ember.jsアプリケーション内でvisionmedia/debugライブラリを公開します
  • ember-devtools - 便利なEmber.jsデバッグ関数を収録したコレクの集まり
  • ember-chrome-devtools - Ember.js用のChrome DevTools拡張機能
  • ember-cli-bundle-analyzer - Ember CLI拡張機能で、アプリのバンドル出力のサイズと内容をインタラクティブなズーム可能なトレーマップを使って分析します
  • ember-perf-timeline - Ember.jsアプリケーションのChromeのTimelineにパフォーマンス情報を追加します
  • ember-cli-route-map - Ember.jsアプリケーションのルートマップを生成するコマンド
  • heimdalljs-visualizer - heimdalljsデータの可視化ツール
  • source-map-explorer - ソースマップを用いてスペース使用量を分析およびデバッグします
  • ember-dead-code - リアルユーザー監視により、死コードを確実に検出

Decorators

  • Macro Decorators - getter/setterの機能を再利用するデコレーターを作成してコードをDRY化

Documentation

  • ember-cli-addon-docs - Ember.jsアドオン用の簡単で美しいドキュメンテーション
  • ember-cli-jsdoc - Ember.js CLIアドオンでソースコード内のJSDocコメントからHTMLドキュメンテーションを生成
  • ember-freestyle - Ember-freestyleはEmber.jsアプリケーションに迅速にコンポーネントエクスプローラを作成できるEmber.jsアドオン

Ember-inspector roadmaps & overview

End-user customization

  • ember-asset-loader - Ember.jsアプリケーションにおけるアセットロードサポート
  • ember-experiments - Ember.js向けの実験、A/B分割テストアドオン
  • ember-cli-hot-loader - emberエコシステムにおけるホットロードがどうなるかを、早期に確認
  • ember-ast-hot-load - ユニバーサルホットロードアドオン
  • ember-cli-build-notifications - ember-cliがビルドエラーを発生した際に通知
  • ember-feature-flags - 機能フラグを提供するember-cliアドオン
  • ember-named-yields - Ember.jsコンポーネントにおけるNamed Yields
  • ember-islands - サーバーでレンダリングされたページのどこかにEmber.jsコンポーネ及をレンダリングして「豊かさの島」を作成
  • ember-wormhole - DOMのどこかに子ビューをレンダリング
  • ember-stargate - 論理的にアプリ内で定義された場所とは異なるDOMツリーの場所に何かをレンダリングするための、所謂「ポート」と呼ばれるアプローチの現代的なアプローチ

ES6

External Components Integration

Forms

  • ember-cli-crudities - JSON コンフィギュレーションから構築されるフォームと編集可能なリストビルダー。コンフィギュレーションは静的または動的に読み込める。
  • ember-form-for - この Ember.js の Addon が、良いフォームを簡単に作る手段を提供する。

Functional programming

  • Bacon.js - 関数型反応プログラミング
  • Folktale - JavaScript における一般関数型プログラミングのライブラリセット。エレガントでモジュラリティの高いアプリケーションを書くことができ、バグが少なく、再利用性が高まる。
  • immutable - 変更不可能なデータコレクション
  • Kefir.js - 高性能かつ低メモリ使用量に焦点を当てた反応ライブラリ
  • Lazy.js - lodash/Underscore に類似したユーティリティライブラリだが、遅延評価を採用しており、多くの場合に優れたパフォーマンスをもたらす。
  • lodash - 一貫性、カスタマイズ、パフォーマンス、および追加機能を提供するユーティリティライブラリ。より良い、より速い Underscore.js。
  • mori - ClojureScript の持続データ構造とサポート API を、シンプルな JavaScript で使うためのライブラリ。
  • Mout - 他の既存ソリューションと比べて最大の違いは、必要なモジュール/関数だけをロードできる点。追加の負荷が無い。
  • Ramda - 他の既存ソリューションと比べて、自動カーリングと引数順の逆転によって柔軟な関数型合成を可能にするユーティリティライブラリ。データの変更を避ける。
  • RxJS - さまざまな種類のデータを変換・合成・クエリするための関数型反応ライブラリ。
  • underscore-contrib - Underscore のユーティリティベルトのブラスボルト

HTTP

  • ember-ajax - Ember.js 1.13以降のアプリケーション向けのAJAXリクエスト用サービス
  • ember-socket-guru - Pusher.js、Action Cable、Socket.ioおよびPhoenix Channelsとの簡単な統合を可能にするアドオン

Helpers

  • ember-event-helpers - {{on}}モジュールに付随するイベントテンプレートヘルパー
  • ember-render-helpers - @ember/render-modifiersをテンプレートヘルパーとして提供
  • ember-element-helper - Glimmerテンプレート向けの動的要素ヘルパー
  • ember-composable-helpers - Ember.jsにおける宣言型テンプレートに用いる可合成ヘルパー
  • ember-helpers - Ember.js向けのHandlebarsヘルパーのコレクション
  • ember-d3-helpers - Ember.jsで構築可能なD3チャートを構築するためのEmber.jsヘルパーのコレクション
  • ember-math-helpers - Ember.js HTMLBarsヘルパーで基本的な算術演算を実行します。
  • ember-promise-helpers - Ember.jsテンプレート向けのPromise型の糖衣
  • ember-route-action-helper - ルートのアクションで閉じるアクション
  • ember-root-url - アプリケーションのrootURLに相対的なURLを維持するためのテンプレートヘルパー
  • ember-store-helpers - このアドオンはember-dataに関連するヘルパーを提供
  • ember-truth-helpers - Ember.js HTMLBarsヘルパー:{{if}}および{{unless}}用のnot、and、or、eqおよびis-array
  • ember-awesome-macros - Ember.jsの計算マクロのコレクション
  • ember-macro-helpers - Ember.jsマクロヘルパーで独自のカスタムマクロを作成
  • ember-cli-string-helpers - DockYardのember-composable-helpersから抽出されたStringヘルパーのセット

Image

  • ember-svg-jar - Ember.jsアプリケーションにSVG画像を埋め込む最適な方法

Include external JS code

Infinite Scroll

  • ember-infinity - Ember CLIアプリ向けのシンプルで柔軟な無限スクロール。
  • vertical-collection - 60FPS以上での無限スクロールと遮蔽処理。
  • smoke-and-mirrors - 野心的なアプリケーション向けの野心的な無限スクロールとsvelteレンダリング。

Internalization & Localization

  • ember-intl - 複雑なメッセージ文字列を翻訳。日時、数値、相対時間のローカルフォーマット。
  • ember-intl-analyzer - Ember.jsプロジェクト内の使われていない翻訳を検出します。

Inputs

  • ember-autoresize - Ember.jsコンポーネント向けの自動サイズ調整。

Job queues

Logging

  • console.re
  • ember-debug-logger - VisionmediaのデバッグログをEmber.jsアプリケーションに公開するEmber.jsアドオン。
  • ember-logging-service - アプリケーション全体で利用可能な汎用かつ拡張可能なログサービスを提供します。
  • raygun

Mad science

  • ember-elm - Ember.jsアプリケーション内でElmを書くことができます。
  • javascript-algorithms - JavaScriptで実装されたアルゴリズムとデータ構造、それぞれの説明とさらに読むためのリンクを含む

Math

  • ember-katex - KaTeXを使ってLaTeXフォーマルをレンダリングします。
  • ember-math-helpers - Ember.js HTMLBarsヘルパーで基本的な算術演算を実行します。

Metrics

  • ember-user-activity - ユーザーの活動および無活動を追跡するEmber.jsアドーン。
  • ember-metrics - 複数の分析サービスにデータを送信するため、新たなAPIを再実装せずに済みます。

Minifiers

Miscellaneous

  • diagonal routes - 特定のEmberルート定義に対してルート構造、テンプレート、ルートハックがどうなっているかを確認します。
  • ember data model maker - エマーカー モデル マッカーエン(EDMM)

Mobile

  • corber - Ember.js を使って構築された Cordova および Crosswalk ハイブリッドアプリケーション向けツール
  • glimmer-native - Ember.js/Glimmer.js を使ってネイティブなモバイルアプリを作成したいことはありますか?それなら今、できます!
  • ember-mobile-bar - モバイルアプリのような振る舞いを持つ管理された固定(ツール)バー
  • ember-mobile-core - ember-mobile-* アドオン向けのパン認識子といくつかのユーティリティを提供
  • ember-mobile-menu - モバイルデバイスに特化したドラッグ可能なサイドバー
  • ember-mobile-pane - モバイルレイアウト ember-mobile-pane
  • ember-responsive - Ember.js で簡単なレスポンシブレイアウトを実現

Modifiers

  • ember-css-vars - JavaScriptからCSSにデータを露出するためのEmber.jsのmodifier。これにより、データをCSSに簡単に露出できるようになります。
  • ember-on-modifier - Modifer RFC #353 に示された {{on}} 要素の実装
  • ember-ref-modifier - {{ref}} 要素の実装
  • ember-render-modifiers - RFC #415 に示された did-insert / did-update / will-destroy 要素の実装を実現
  • ember-functional-modifiers - Ember.js 用の機能的なModifier
  • ember-style-modifier - このアドオンは、要素のスタイルを設定する {{style}} 要素Modifierを提供しています。
  • ember-simple-animate - CSSベースのアニメーションに必要なシンプルなEmber.js アニメートアドオン

Parcel

Payments

  • ember-credit-card - “1行のコードでクレジットカードフォームを夢のようなものにする”

Polyfills

  • ember-modifier-manager-polyfill - Ember.js 2.12 から 3.7 までの要素Modifierのポリフィル
  • ember-angle-bracket-invocation-polyfill - このアドオンはRFC 311に記述されたアンガルブラケット呼び出し構文のポリフィルを提供しています。
  • ember-named-arguments-polyfill - Ember.js 2.10 から 3.0 までに対応した、named arguments のポリフィルサポート
  • ember-native-class-polyfill - このアドオンは、Ember.js RFC #240 および #337 で提案されたネイティブクラスの動作をポリフィルするものである
  • ember-router-service-polyfill - このアドオンは、Ember.js 2.15 で追加されたember-routing-router-service機能に対して、可能な限りのポリフィルを提供する
  • ember-fn-helper-polyfill - このアドオンは、RFC #470 で記述された{{fn}}ヘルパーに対してポリフィルを提供する
  • ember-named-blocks-polyfill - このアドオンは、Yieldable Named Blocks機能に対してポリフィルを提供する

PWA

Query Params

Real-time

  • ember-cli-flash - ember-cli用のシンプルかつ高度にカスタマイズ可能なフラッシュメッセージ

Routing addons

  • ember-component-routes - Ember.jsのルートからコンポーネントを直接レンダリング
  • ember-redirect - このアドオンは、ルートベースのリダイレクトを最小限の努力で実行するためのシンプルで使いやすい方法を目指している
  • ember-router-scroll - ブラウザの履歴スクロール位置を保持しながらトップにスクロール

Resolver customization

  • ember-cli-extended-resolver - このアドーンは、デフォルトのファイル構成をより機能ごとにグループ化されたものに変更できるようにする

Security

Service Workers

SSR / Server Side Rendering

  • ember-fastboot - エマーアプリのサーバー側レンダリング
  • glimmer-ssr-test - Glimmer.jsアプリをサーバー上でレンダリングする

Static site generators & SEO

  • ember-meta - Prember/エマーアプリブログのメタ情報を設定して、OpenGraph、microdata、Facebook、Twitter、Slackなどに対応
  • prember-rss-feed - PremberサイトのRSSフィードを配信
  • prember - Fastbootでビルド時にエマーアプリをプリレンダリングする

Styling

  • ember-cli-sass - node-sassを使って、ember-cliアプリのファイルを事前処理し、sourceMapsおよびinclude pathsをサポート

Templating

  • ember-template-component-import - このアドオンにより、テンプレートファイル内でコンポーネントへのローカルバインディングを作成するためのimportスタイルの構文を使用できる
  • ember-cli-jsx-templates - EmberテンプレートでのTSX/JSXサポート
  • Emblem.js - Handlebars.jsに代替するエマーアプリフレンドリーなインデント構文

Testing

  • ember-qunit-decorators - ES6 または TypeScript のデコレーターを、Ember.js アプリの QUnit テストに使用してください。
  • ember-cli-addon-tests - Ember CLI アドオンのテストを、実際の Ember.js アプリのコンテキストで行うためのテストヘルパー。
  • ember-cli-code-coverage - Istanbul を使って Ember アプリのコードカバレッジを取得します。
  • ember-cli-mirage - に準拠したクライアントサイドサーバーを使って、アプリのビルド、テスト、デモを行います。 JSON API
  • ember-cli-mocha - Ember CLI アプリ用の Mocha および Chai テスト。
  • ember-cli-page-object - この Ember CLI アドオンは、受け入れテストおよび統合テストにおいてページオブジェクトの構築を容易にします。
  • ember-cli-yadda - Ember CLI アプリ用の Cucumber スペックを書きます。
  • ember-concurrency-test-waiter - Ember-Concurrency タスクにテストウェイトを簡単に有効にします。
  • ember-exam - ランダム化、分割、並列化を用いてテストを実行し、美しいテストを実現します。
  • ember-percy - Percy を使って Ember.js で視覚的リグレッションテストを行うアドオン。
  • ember-qunit - Ember.js 用の QUnit テストヘルパー。
  • ember-test-friendly-error-handler - 生産環境では例外を投げない、テスト可能でないエラーハンドラーを構築します。
  • ember-test-selectors - Ember.js テストにおけるより良い要素セレクタの有効化。
  • ember-test-setup - 重複を減らすためのテストショートハンドを提供します。
  • ember-window-mock - window グローバルを、Ember.js サービスとして扱い、テスト中にモックできます。
  • mirage-glue - このプログラムはAPIエンドポイントを読み取り、関連する Mirage フィクスチャファイルにレスポンスを生成または追加します。
  • ember-sinon - Ember CLI アドオンで sinon.js のサポートを追加します。

Text

  • ember-text-measurer - Ember.js 用のシンプルなサービスで、効率的に文字列の幅を測定します。

Tree Shaking

  • ember-cli-tree-shaker - Kelly Selden と Alex Navasardyan による新しい tree-shaking およびコード分割の仕事のテスト環境です。

TypeScript

UI libs

  • ember-bootstrap - オリジナルのブートストラッププラグインとコンポーネントをエマーサイに適応させた、ネイティブなエマーサイコンポーネントのコレクションを提供
  • Frontile - フロントイルは、一貫性と強力なエマーサイアプリケーションを構築するために必要なレゴ(コンポーネント、ヘルパー、モディファイア、スタイル)を提供することを目的としています
  • ember-cli-uniq - エマーサイに実装されたユニプラースデザインシステムのデフォルトコンポーネのコレクション
  • ember-element-ui - エマーサイ向けにエレメントUIを提供
  • ember-elements - a UI toolkit in Ember
  • ember-ghost-casper-template - GHOSTのデフォルト個人ブロガーテーマの静的サイトバージョン
  • ember-paper - エマーサイにおけるマテリアルデザインアプローチ
  • ember-radical - 軽量で完全にアクセシブルなDDAUコンポーネントライブラリ(エマーサイアプリ向け)
  • Nomad UI
  • Semantic-UI-Ember - このはセマンティックUIモジュールの公式エマーサイライブラリです
  • Flexi

UI components

  • ember-attacher - ツールチップとポップオーバーを簡単に実現
  • ember-burger-menu - CSSトランジションを使用したアニメーションとスタイルを備えたオフキャンバスサイドバーコンポーネント
  • ember-flatpickr - フラットピッカーの日付選択器をラップしたエマーサイのアドオン
  • ember-power-select - エマーサイ向けに構築された拡張可能なセレクトコンポーネント
  • ember-basic-dropdown - エマーサイアプリで必要となる基本的なドロップダウンコンポーネント
  • ember-drag-sort - 複数リストおよびネストリストをサポートするソート可能なリストコンポーネント
  • ember-perfect-scroll - 完全なスクロールコンポーネント(エマーサイCLIアドオンとして)

UX

  • ember-onbeforeunload - ルート間の遷移またはウィンドウの閉じ時に論理を実行

VR

VS Code addons

  • Ember Syntax - エマーサイテンプレートファイルのシンタックスハイライトおよびタグテンプレートによるインラインテンプレート定義のシンタックスハイライト!
  • Glimmer Templates Syntax for VS Code - エマーサイドのシンタックスハイライト
  • ember-language-server - エマーサイドプロジェクト向けの言語サーバープロトコル実装
  • unstable-ember-language-server - エマーサイドプロジェクト向けの言語サーバープロトコル実装(不安定、実験的機能を含む)
  • vscode-ember-colorizer - VSCode拡張機能でエマーサイドの.hbs、コントローラー、ルートファイルを色分け・トークン化
  • ember-module-snippets - VSCodeでエマーサイドモジュールのインポートを簡単に行うためのショートカット

Atom addons

VIM

Web Components

  • ember-cli-web-components - 他のフレームワークでエマーサイドコンポーネントを使用できるようにWeb Componentsに!
  • shadow-dom - コンポーネント内のテンプレートをシャドウDOMのルート内で作成

Webpack

Weird

Resources

Articles

Ember-Cli Articles

Why Articles

Jump-Start Articles

Articles Glimmer

Articles Engines

Articles Ember-Concurrency

Articles ES6

Articles TypeScript

Articles Modern Testing

Articles FastBoot

Articles about Data

Articles about Routing

Yarn in Ember Articles

Best-practices

Nice to know

Blogs

Books

Cheatsheets

Codemods

  • ember-es6-class-codemod - エマーサイドオブジェクトをES6ネイティブクラスに変換するためのcodemod-cliプロジェクト
  • ember-native-class-codemod - エマーサイドアプリコードをネイティブJavaScriptクラス構文とデコレーターに変換するためのcodemod!
  • ember-cli-mirage-faker-codemod - このcodemodは、ember-cli-mirageを介してfakerをインポートしている状態から、直接fakerからインポートするように移行を支援します。
  • ember-mocha-codemods - ember-mocha向けのcodemodスクリプト。
  • ember-module-migrator - 新しいEmber.jsアプリケーションレイアウト向けの自動移行。
  • ember-qunit-codemod - このcodemodは、ember-qunit@2の古いmoduleFor*構文から新しい構文に自動的に変換することを目的としています。
  • ember-test-helpers-codemod - Ember.jsのテストを@ember/test-helpersを使用するように変換するためのcodemod。
  • es5-getter-ember-codemod - このcodemodは、getおよびgetPropertiesの使用を、従来のオブジェクトドット記法に自動的に変換することを目的としています。
  • qunit-dom-codemod - 基本的なcodemodで、あなたのアサーションをqunit-domアサーションに自動的に変換します。
  • test-selectors-codemod - ember-test-selectorsのtestSelectorヘルパーの非推奨化を修正するためのcodemod。
  • ember-on-codemod - Ember.onの使用を置き換える。
  • ember-memory-leaks-codemod - Ember.jsアプリケーションにおけるメモリリークを修正するためのcodemodのコレクション。
  • ember-3x-codemods - Ember.js 3.xの非推奨化を解決するための変換を含むcodemod。
  • ember-computed-getter-codemod - Ember.jsのComputed Getter codemod。

Community

Contribution Guides

Courses

Discovery

Ember Releases

Examples

Examples Glimmer

  • breethe-client - 世界中の場所の空気質データ
  • Glimmeroids - Glimmer.jsを使用したアステロイドの実装
  • glimmer-hn-pwa - Glimmer.jsで構築されたHacker Newsのプログレッシブウェブアプリのデモンストレーション
  • the-chosen - スクラムディアリーの会議中に、誰が次のステータスを共有するかを判断しやすくするために作成されたGlimmer.jsプロジェクト
  • glimmer_eats - Glimmer.jsで構築されたデモPWA
  • built-with-spaghetti - Spaghettiで構築されたアプリは、ウェブアートへのゲートウェイとして機能するように設計されている
  • glimmer-live-chat - Glimmer.jsを使用したライブチャットアプリケーション
  • glimmer-synth - WebAudioとGlimmer.jsを使用したシンセサイザー
  • glimmer-js-online-offline-demo - Glimmer.jsサンプルアプリ:オンライン/オフラインブラウザイベント
  • glimmer-qrious - QRiousライブラリを使用してウェブページにQRコードを生成するGlimmer.jsコンポーネント
  • glimmerjs-address-book-demo - Glimmer.jsアプリケーションの例:アドレスブックデモ
  • glimmer-dashboard - Glimmer.jsダッシュボードの例
  • glimmer-redux-todo - Glimmer.jsとReduxを使用したタスクアプリ
  • glimmer-pong - Glimmer.jsとSVGを使用したパングゲーム
  • glimmer-material - Material Components for the Web 用の Glimmer.js ワッパー
  • glimmer-of-life - Glimmer.js を使って実装した コーネルの「生命のゲーム」
  • vorfreude - 待てないときの言葉
  • endless-hoops - JavaScript/Canvas/Glimmer.js で書かれたバスケットボールゲーム
  • glimmer-hangman - Glimmer.js で実装された有名なゲーム「ハンズマン」

Gists

Gists Ember Data

Miscellaneous

  • builtwithember - Ember.js で動くアプリケーション
  • emberwatch - Ember.js コンテンツのコミュニティハブ

Newsletters

  • Ember Weekly - Ember.js の最新ニュース、ヒント、コードがあなたのインボックスに直接届けられます
  • Official Ember Blog - 大きな発表、新しい Ember.js バージョンのリリースノートや、連邦議会の情報
  • statusboard - STATUS BOARD
  • The Ember Times - Ember.js 学習チームからのアップデート

Podcasts

Sandboxes

Screencasts

Slides

Styleguides

Tools

  • Ember Data Sails Adapter - Sails.js ソケット向けの Ember Data アダプタ
  • Ember Data WordPress Adapter - WordPress JSON API 向けの Ember Data アダプタ
  • Ember Gist - GitHub Gist を使って Ember CLI に似たアプリのデモ
  • Ember Inspector - Chrome または Firefox デベロッパーツールに Ember.js タブを追加し、アプリ内の Ember.js オブジェクトを確認できる。-公式で維持中
  • Ember Perf - Ember.js アプリ内でユーザーが感じたパフォーマンスデータを測定
  • ember-cli-diff - 新しい Ember アプリの違いを確認できるシンプルなツール
  • ember-cli - 野心的なウェブアプリケーション向けのコマンドラインインターフェース
  • ember-data-model-maker - Ember-Dataのモデルとパラメータの例を示すUI
  • Glimmer Playground - Glimmer.jsのプレイグランド
  • mber - Ember CLIの代替品。現在はアルファ版。
  • remote-inspector - ネットワーク上で異なるデバイス/ブラウザに実行中のアプリをウェブソケットで確認できる機能
  • Ember Unused Components - このスクリプトはあなたのEmberプロジェクト内の使われていないコンポーネントを検索します

Tutorials

Twitter

Videos

YouTube channels

YouTube playlists

License

CC0