Awesome Ember.js
Ember.jsを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
Contents
- Awesome Ember.js
- Contents
- Packages
- AST
- a11y
- Adapters
- Animations
- Authentication
- Automation
- Benchmarking
- Blogging
- Babel
- Boilerplating
- Broccoli
- Broccoli read
- Build tools
- Charts
- CI/CD
- Code Splitting
- Codestyle
- Command-line apps
- Command-line utilities
- Component addons
- Compression
- Content management systems
- Control flow
- CSS & etc
- Fonts
- State management
- Styling kits
- Data Management
- Data manipulation & Computed
- Data validation
- Database
- Date
- Debugging / Profiling
- Decorators
- Documentation
- Ember-inspector roadmaps & overview
- End-user customization
- ES6
- External Components Integration
- Forms
- Functional programming
- HTTP
- Helpers
- Image
- Include external JS code
- Infinite Scroll
- Internalization & Localization
- Inputs
- Job queues
- Logging
- Mad science
- Math
- Metrics
- Minifiers
- Miscellaneous
- Mobile
- Modifiers
- Parcel
- Payments
- Polyfills
- PWA
- Query Params
- Real-time
- Routing addons
- Resolver customization
- Security
- Service Workers
- SSR / Server Side Rendering
- Static site generators & SEO
- Styling
- Templating
- Testing
- Text
- Tree Shaking
- TypeScript
- UI libs
- UI components
- UX
- VR
- VS Code addons
- Atom addons
- VIM
- Web Components
- 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
- Community
- Contribution Guides
- Courses
- Discovery
- Ember Releases
- Examples
- Examples Glimmer
- Gists
- Gists Ember Data
- Miscellaneous
- Newsletters
- Podcasts
- Sandboxes
- Screencasts
- Slides
- Styleguides
- Tools
- Tutorials
- Videos
- YouTube channels
- YouTube playlists
- License
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
- ember-animated - Web Animations with Ember js
- liquid-fire - 野心的な Ember.js アプリケーション向けのアニメーションとトランジション
Authentication
- ember-cli-simple-auth-extensions
- ember-simple-auth - Ember.js アプリケーションにおける認証/認可を実装するためのライブラリ
- tori - Ember.js における認証を簡潔に抽象化したセット
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
- Debugging a Broccoli Tree
- Debugging Broccoli and Ember-CLI
- Debugging Ember-cli Build Times
- Eat Your Greens - A Broccoli.js tutorial
- Ember.js Lazy Assets: Fingerprinting & loading static/dynamic assets on demand
- Thoughts on how to write faster broccoli plugins
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
- ember-cli-server-variables - エマーブCLIアドオンで、生成されたindex.htmlファイルのheadタグに変数を追加するサポート
- ember-ci - エマーブアプリケーション向けの継続的統合ツール
- CI with GitHub Actions for Ember Apps - GitHub ActionsでCI実行時間を短縮
- CI with GitHub Actions for Ember Apps: Part 2 - v2アクションへの移行により実行時間とコストを削減し、継続的デプロイを実現
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
- ember-cli-template-lint - Ember CLIとの統合
ember-template-lint - ember-cli-alex - Ember.jsアプリ向けのアレクス
- ember-prop-types - Ember.jsアプリおよびアドオン向けのプロパティ管理の改善
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
- ember-diff-attrs
- ember-compatibility-helpers - バックワード互換性を持つEmber.jsアドオンを書くためのヘルパー
Compression
- ember-cli-deploy-brotli - Ember.jsデプロイプラグインでbrotli圧縮をサポート
Content management systems
- ember-admin - モデルを自動的に発見し、すべてのモデルデータをシンプルなCRUDインターフェースで操作
- https://authmaker.com/ - 3日間でゼロから完全に機能するライブMVPへ。
Control flow
- Promises
- ember-computed-promise-monitor - 計算プロパティにasync認識を可能にする
- 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
- ember-buffered-proxy
- ember-changeset
- ember-cerebraljs - Emberアプリ向けの予測可能なステート管理。
- ember-redux - アプリまたはアドオンにTailwind CSSを追加します。
- ember-state-services
- ember-time-machine
Styling kits
- ember-cli-tailwind - Ember.js向けのCouchDBの保存ライブラリ。
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
- ember-concurrency-decorators - ember-concurrencyタスクの宣言・設定に用いるデコレーター構文
- ember-decorators - Ember.jsアプリケーションに役立つデコレーター
- @ember-decorators/argument - Ember.jsにおけるコンポーネントおよびオブジェクト引数用のデコレーター
- sparkles-decorators - Sparkles/Glimmer.jsコンポーネント用のデコレーター
External Components Integration
- ember-glimmer-component - Ember.jsにおけるGlimmer.jsのようなコンポーネント
- sparkles-component - @glimmer.js/component のスタイル API を試すために Ember.js アプリで既存の公開 API を使って開発するための Addon
- hooked-components - React Hooks のアプローチを受けて作られた Ember.js のカスタムコンポーネント
- ember-functional-component - 「純粋関数」をコンポーネントとして使う試み
- ember-lifecycle-component - テンプレートを必要とする場合に追加のライフサイクルを持つコンポーネント
- ember-vue-components - Ember 用の Vue.JS コンポーネの API
- @alexlafroscia/ember-cli-react - Ember.js で React コンポーネントをレンダリング
- @AltSchool/ember-cli-react - Ember.js アプリ内で React コンポーネントの階層を使う
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
- ember-auto-import - npmパッケージからのゼロ設定インポート
- ember-cli-cjs-transform - CommonJSインポート
- ember-cli-es6-transform - npm、bower、あるいはアプリ内のどこでもからES6モジュールをインポートします。
- ember-browserify - browserifyを介してnpmからCommonJSパッケージを簡単に読み込むためのアドオン。
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
- ember-data-tasks
- ember-concurrency
- ember-custom-actions - Ember.jsアプリケーション向けのカスタムAPIアクション。
- ember-pipeline
- ember-lifeline - オブジェクト内の非同期行動のライフサイクルを管理するEmberアドオン。
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
- ember-hbs-minifier - Handlebarsテンプレートから空白文字を削除します。
- ember-cli-template-trimmer - このアドオンはコンパイル段階で改行を削除します。
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
- ember-parcel-example - Ember.js + Parcel.js の例
- todomvc-demo - Glimmer.js + Parcel.js の例
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
- ember-service-worker-asset-cache
- ember-service-worker-cache-fallback
- ember-service-worker-cache-first
- ember-service-worker-index
- ember-service-worker-prember
- ember-service-worker - Ember.js 用のService Workersのプラグインアプローチ
- ember-web-app - このEmber.jsアドオンは、プログレッシブウェブアプリケーションを作成するために必要なmanifest.jsonおよびmetaタグの設定と管理をサポートする
Query Params
- ember-query-params-service - コントローラーにクエリパラメータをのみパースしているものはありますか?
- ember-parachute - Ember.js 用のクエリパラメータの改善
- ember-href-to - {{link-to}}の軽量な代替案
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
- ember-can - Ember.jsアプリ向けのシンプル authorisation addon
- ember-permissions - Emberアプリケーション向けの権限管理
Service Workers
- ember-cli-workbox - サービスワーカーを用いたオフラインキャッシュとしてプログレッシブ強化
- ember-service-worker - Ember.js 用のService Workersのプラグインアプローチ
- ember-service-worker-index - Ember.jsのサービスワーカープラグインでindex.htmlファイルをキャッシュする
- ember-service-worker-asset-cache - エマーサービスワーカープラグインで、エマーアプリのアセットファイルをキャッシュする
- ember-service-worker-cache-first - キャッシュ優先のエマーサービスワーカープラグイン
- ember-service-worker-cache-fallback - ネットワークリクエストが失敗した場合、キャッシュされたフォールバックバージョンに切り替えるエマーサービスワーカープラグイン
- ember-service-worker-emberfire-messaging - Emberfireアプリ用のFirebase Cloud Messagingサービスワーカー対応
- ember-service-worker-unregistration - ember-service-workerが無効になった場合、サービスワーカーをアンレジスターするエマーアプリプラグイン
- ember-service-worker-request-chaos - NetflixのChaos Monkeyに似たもので、あなたのエマーサービスアプリのAPIリクエストに適用
- ember-service-worker-project-entagled-registration - このアドオンは、ember-service-workerと併用して、プロジェクトに適切にペアされたサービスワーカーが使用されていることを確認するためのもの
- ember-service-worker-cache-rendered - エマーサービスワーカープラグインで、レンダリングされたHTMLをキャッシュし、Fastbootに非常に有用
- ember-service-worker-update-notify - サービスワーカーのアップデート通知
- ember-service-worker-enqueue - 失敗した変更リクエスト(例:POST、PUT、DELETE)をキャッチし、バックグラウンド処理にキューするエマーサービスワーカープラドン
- ember-service-worker-prember - 各premberルートのindex.htmlファイルをキャッシュするエマーサービスワーカープラグイン
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
- ember-cli-typescript - Ember.js アプリに TypeScript を使用してください!
- ember-typings - エマーサイのTypescript型定義
- ember-typescript-utils - 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
- ember-dynamic-render-template - テンプレート文字列からDOMをレンダリング
Resources
Articles
-
Coming Soon in Ember Octane - Part 2: Angle Brackets Syntax & Named Arguments
-
Ember Octane – everything one can expect in the next Ember.js edition
-
Making Ember.js Applications’ UI Transitions Screen Reader Friendly
-
Django & Ember.js Full Stack Basics: Connecting Frontend and Backend — Part 1
-
Building a performant real-time web app with Ember Fastboot and Phoenix
-
Ember.js Best Practices: Computed Properties with Dynamic Dependent Keys
-
Ember CLI Addon Docs: Shared Documentation for the Ember.js Ecosystem
-
What you didn’t know about passing dynamic classname and attribute bidings from parent template
-
Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019
-
Ember performance tweaks: Optimising build timelines & bundle size
Ember-Cli Articles
- Ember-cli fingerprinting and dynamic assets
- Secrets of the Ember-CLI server: Express middleware with Ember-CLI
Why Articles
- NYC Planning Labs: Why Choose Ember.js?
- Why DockYard Builds with Ember.js
- Ember.js. Your best bet.
- Why Ember.js?
- 6 Reasons Why To Use Ember.js In 2019
- Ember.js: Our Secret Weapon
- How Ember.js Enables Us to Focus on Shipping Features
- When you should not pick Ember.js as your next front-end tool
- Moving from React to Ember 2020
- Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019
Jump-Start Articles
- The simplest possible Ember Data CRUD Tutorial
- Challenges I face(d) with Ember.js
- It’s easier in Ember.js. Probably.
Articles Glimmer
- Alternative View Layers for an Elm App
- Creating Web Components with Glimmer
- Building a PWA with Glimmer.js
- The Glimmer VM: Boots Fast and Stays Fast
- The Glimmer Binary Experience
- Glimmer.js: What’s the Deal with TypeScript?
- Glimmer.js Application proposal - コンパイル、レンダリング、SSR、リハイドレーション
- Git Guides
- Designing and Implementing Glimmer Like a Programming Language
- Glimmer: Blazing Fast Rendering for Ember.js, Part 1
- Glimmer: Blazing Fast Rendering for Ember.js, Part 2
- Why I’m excited about Glimmer.js
- Getting Started With Glimmer-Native
- What is the current state of more advanced Glimmer VM features?
- UNIT-TESTING GLIMMER COMPONENTS
Articles Engines
Articles Ember-Concurrency
- Adopting ember-concurrency or: How I Learned to Stop Worrying and Love the Task
- Async or Swim: Replacing your Route models with Ember Concurrency Tasks
- ember-concurrency: the solution to so many problems you never knew you had
- PromiseProxyMixin: pure Ember alternative to ember-concurrency
- Two-Tasks Routes in Ember.js
Articles ES6
Articles TypeScript
- ember-cli-typescript v2 beta
- Ember Typescript Code Coverage - how to gist
- Type-Informed Design
- Typing Your Ember.js - エマーサイドとTypeScriptの組み合わせ
- Ember.js, TypeScript, and Class Properties
- Set your Ember.js project up to use TypeScript
- Class properties — some notes on how things differ from the Ember.Object world
- Computed properties, actions, mixins, and class methods
- Using Ember Data, and service and controller injections improvements
Articles Modern Testing
- Using Fakes from Ember-Sinon-QUnit
- Headless Ember.js Tests in GitLab with Docker
- Making my Ember.js test suite 3x faster. A story about Mirage
- Learn TDD in Ember.js
- STORY-BASED BDD - AN ALTERNATIVE APPROACH TO TESTING WITH EMBER
- Ember.js Timer Leaks: The Bad Apples in Your Test Infrastructure
- Test helpers: The next generation
- How we test 200k lines Ember.js application in <10 minutes. Again!
- Bending Time in Ember.js Tests
- Ember.js QUnit Simplification
- Testing your Ember.js application in 2018
- Modern Ember.js Testing
- Testing Ember.js Applications in 2018
- Testing Ember.js Mixins (and Helpers) With a Container
- Write Tests Like a Mathematician: Part 1
- Write Tests Like a Mathematician: Part 2
- Write Tests Like a Mathematician: Part 3
- Setting up Coveralls for your Ember Addons
Articles FastBoot
- How to integrate Ember FastBoot in Cloud Functions for Firebase
- Ember FastBoot + Google App Engine
- Deploying FastBoot apps with ember-cli-deploy
Articles about Data
- Managing Relations in Ember Data with JSON API
- Creating a Default Record When a belongsTo Request Errors
- The case against async relationships in Ember Data
- No Graph Theory Required: Ember.js and GraphQL in Practice
- Offline Data and Sync with Ember-Orbit
- Inlining store data in Ember.js
- Extracting Metadata from a Custom API with Ember Data
- Ad Hoc Relationships with Ember Data
- Ember Data RecordArray AntiPatterns
- Useful Ember Data helpers
- Cascade Deleting Relationships in Ember Data
- Fit Any Backend Into Ember with Custom Adapters & Serializers
Articles about Routing
- How to reset the Ember.js router namespace with this.route()
- Ember.js-Router Wildcard/Globbing Routes
- Ember.js.Route redirecting ‘/’ to ‘/my-own’
Yarn in Ember Articles
Best-practices
- ember-best-practices
- An Ember.js Debugging Flowchart
- Built-in input helpers in Ember.js: when should they be used?
Nice to know
Blogs
- lost-in-technology.com
- TODAY I LEARNED / Ember.js
- Ember.js Daily Tips
- emberway.io
- yehudakatz
- 201-created.com
- airpair.com
- alexdiliberto.com
- balinterdi.com - バルインタ・エルディのブログ
- codeburst.io
- codementor.io
- dockyard.com
- emberigniter.com
- blog.embermap.com
- engineering.linkedin.com
- hackernoon.com
- lolma.us
- madhatted.com
- medium.com/ember-ish - 初心者および中級開発者向けエマーサイドの基本知識
- netguru.co
- programwitherik.com - エマーサイドチュートリアル
- rwjblue.com
- shipshape.io
- simplabs.com
- thejsguy.com
Books
- The Shortest Ember.js Book
- A deep dive into the Ember.js runloop
- Developing an Ember.js Edge
- Ember Data in the Wild
- ember-cli 101 - アドロフ・ブイレスによる
- Ember.js for Artisans - ラーバーで支えられたシングルページアプリケーションの作成
- Ember.js in Action - ジョアキム・ハーゲン・スケイによる
- Professor Frisby’s Mostly adequate guide to Functional Programming
- Rock and Roll with Ember.js
- Ember.js Book (RU)
- Pragmatic, balanced FP in JavaScript
Cheatsheets
- API
- Glimmer.js
- guides
- Ember Component Cheat Sheet - オクターン以前
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
- embermap.com
- Emberschool.com
- embercasts.com
- Frontend Masters: Advanced Ember.js 2.x - Mike North
- Frontend Masters: Ember.js 2.x - Mike North
Discovery
- emberobserver - Ember Observer。
- emberjs.GitHub.io/rfcs/ - Ember.js RFCs。
Ember Releases
- Ember 3.10 Released - 2019年5月21日
- Ember 3.11 - 2019年7月15日
- Ember 3.12 - 2019年8月16日
- Ember 3.13 (Octane Preview) - 2019年9月25日
- Ember 3.14 (Octane Preview Cont.) - 2019年11月18日
- Ember 3.15 “Octane” Released - 2019年12月20日
- Ember 3.16 - 2020年2月12日
- Ember 3.17 - 2020年3月16日
- Ember 3.18 - 2020年5月5日
- Ember 3.19 - 2020年6月26日
- Ember 3.20 - 2020年7月29日
- Ember 3.21 - 2020年9月2日
- Ember 3.22 - 2020年10月20日
Examples
- A list of open source Ember.js apps
- Simple contact manager demo app for ember-orbit
- API Docs - このアプリケーションは、バージョン管理されたAPIドキュメントを表示するためのものである。
- guides-app - emberjs/guides および Ember.js ドキュメントの代替アプリケーション。
- Builds - Ember.js チームがさまざまなリリースチャンネルを表示するためのアプリケーション。
- HospitalRun - HospitalRun hospitalrun.io の Ember.js フロントエンド。
- Rancher - Rancher は Kubernetes のエンタープライズ管理ツール。
- Super Rentals - Super Rentals は、Ember.js の使い方を理解するための良いスタートプロジェクト。
- Travis CI - Travis CI の Ember.js ワンダークライアント。
- Vault - シークレットを管理するツール(Hashicorp)。
- ember-osf-web - Open Science Framework の Ember.js フロントエンド。
- ember-graphql-examples - Ember.js で GraphQL を使う例。
- ember-rolodex - Quick Start から Super Rents までの Ember.js チュートリアルの例。
- ember-styleguide
- Ghost Admin Client
- emberclear - 暗号化チャット。履歴なし。ログなし。+MU & TS。
- Ember.js nested engines example app + Fastboot.
- Percy’s frontend web application, built with Ember.js.
- Fire Tracker - KPCCがカリフォルニアの火災を追跡・調査するためのツール。
- skylines-project - ライブトラッキング、飛行データベースおよび競技フレームワーク
- PIX - PIX
- ember-monorepo-demo
- documize.com
- New York City Census Reporting Tool
- Medicine Inventory - Ember CLI、Corber.io、ember-element-uiを使用したサンプルアプリケーション
- octane-ecommerce - エマーブ Octane + FastBoot + Algolia + PayPal + Formspree (s, v, d)。
- Rust Package Registry - crates.io
- Ember.js RealWorld Implementation - Ember.jsコードベースで実世界の例(CRUD、認証、高度なパターンなど)を含み、RealWorld仕様およびAPIに準拠したアプリケーション
- A wild tomster appears
- An ember integration for building visual programming editors with blockly.
- https://www.submarinecablemap.com/
- https://music.apple.com/
- https://creator.emojible.store/
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
- Forwarding Named Blocks in Glimmer
- Multi Named Blocks
- Accessing the Global App Object in an Ember CLI App
- A principled model for forms
- ember-cli-advanced-proxy
- A list of Ember.js VSCode Extensions
- Ember.js Bundle Size
- Converting libraries to Ember CLI addons
- Developing Addons and Blueprints
- Ember.js + ESLint + Prettier + Ember Suave
- @listochkin/Ember.js Video Collection (Ru/En)
- @rwjblue/ember_examples
- @wycats/A small sampling of external projects initially built for Ember.js use but designed to be used standalone
- Ember.js publishing tools
- Ember CLI es6 imports
- Ember CLI Windows speedup
- How to debug an ember application with VS Code
- What are components all about.
- “Why Ember.js” Thoughts
- Ember.js approval requirements
Gists Ember Data
- Mirage GraphQL example
- Ember Data | Useful helpers: push-deletion, push-payload
- Ember Data | Complex Attrs
- Ember Data | Advanced Query Cache
- Ember Data | Can we unload a record that has been deleted?
- Ember Data | Persist Local Relationship Changes
- Ember Data | Push Polymorphic
- Ember Data | has-many Batch Create
- Ember Data | Local Deletion
- Ember Data | Save Transaction
- Ember Data | Coalesce findHasMany within adapter Twiddle
- Ember Data | Nested save
- Ember Data | Cascade Delete
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
- Ember Twiddle - 複数ファイルを扱える Ember.js Twiddle で、GitHub に作業を保存できます
- Ember @ Glitch - Glitch.me と Ember.js
- Ember @ CodeSandbox - CodeSandbox と Ember.js
- Ember Octane @ CodeSandbox - Ember Octane CodeSuki テンプレート
Screencasts
- BuildLab: Ember.js Screencasts for the determined.
- Ember Screencasts - 忙しい開発者のための週間スクリーンキャスト
- EmberCasts - 次のバージョンの Handlebars を作成中であるため、一時中断中
- EmberWatch - Screencasts - Ember.js のスクリーンキャスト一覧
- Community Groups App - Creating Records in Ember CLI Mirage (part 2a)
- Community Groups App - Creating Records in Ember CLI Mirage (part 2b)
- Community Groups App - Debugging relationships in Ember CLI Mirage (part 3)
Slides
- 30 Days Of Ember - ダヴィド・ポスリンスキー。
- NaNoWriMo: How can Ember help you write a novel - @EmmaDelecolle
- Slides from Ember JS Berlin talk, Design Patterns in Ember - @chadian による投稿
- Rainy Day Ember Data - Tony Schneider (@tonywok) による投稿
- Building Realtime Apps with Ember.js and WebSockets - Ben Limmer による投稿
- Deploying a Location-Aware Ember Application - Ben Limmer による投稿
- Developing Desktop Apps with Electron & Ember.js - FITC WebU2017 - Aidan Nulman による投稿
- Developing Desktop Apps with Electron & Ember.js
- Ember addons, served three ways - Mike North による投稿
- Ember At Scale - Chad Hietala, LinkedIn による投稿
- EmberConf 2015 – Ambitious UX for Ambitious Apps - Lauren Elizabeth Tan による投稿
- EmberConf 2016 – Idiomatic Ember: Finding the Sweet Spot of Performance & Productivity - Lauren Elizabeth Tan による投稿
- Fun with Ember 2.x Features - Ben Limmer による投稿
- How do I Even Web App - Lydia Guarino による『Ember CLI を使ってウェブプログラミングを学ぶ』
- Rapid prototyping and easy testing with ember cli mirage - Krzysztof Bialek による投稿
- Start Me Up - Building an MVP with EmberJS, Firebase and Material Design - Brendan O’Hara による投稿
- Upgrading Ember.js Apps - Ben Limmer による投稿
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
- How to learn EmberJS in a hurry
- Discover Ember 2 - ゼロからTwitterクローンを構築する方法を学ぶ
- Ember Components: A Deep Dive - Ember.jsコンポーネントの使い方を詳しく見ていきます
- Ember runloop handbook - Ember.jsのループ(runloop)についての詳細な解説
- Ember with Phoenix (AKA The PEEP Stack) - Ember.jsのフロントエンドを、JSON APIに準拠したPhoenixバックエンドと並行して開発する方法
- Getting into Ember.js - Emberの入門コース(5回分)
- Getting Started with Ember.js using Ember CLI - Ember CLIを使ってTodoアプリを構築する
- yoember.com/ - Ember.jsチュートリアル:初心者から上級者へ
- build-pacman
Videos
- Working with Ember Animated & Addon Internals: Ember Concurrency – Ember NYC, May 2019
- Ember.js Tutorial: Build a painting game in 20 mins
- Ember-cli In-Repo Addons with Jacob Bixby
- Maintaining an Ember App at Scale, with Chris Ng
- Jackie Luo: From React to Ember: A Modern Comparison
- Ember San Francisco Meetup at Square, October 2018
- The Future of Ember js - EmberConf 2018での発表から得られた情報に基づく、今後のEmber.jsの変更点の要約
- Ember: The Next 10 Years | Tom Dale | EmberCamp Chicago 2018
- Stop Coding: You Have a Product Gap | Sam Selikoff | EmberCamp Chicago 2018
- Caveats of the Default Store - Ember London - September 2018
- EmberFest 2019
- EmberFest 2018
- EmberFest 2014
- Global Ember Meetup
- Ember @ Netflix
- Ember Engines at Scale
- Ember Test Recorder
- Ember-cli In-Repo Addons with Jacob Bixby
- ember-content-placeholders
- Ember.JS in the Year 2020
- EmberConf 2014 - EmberConf 2014のセッション動画
- EmberConf 2015 - EmberConf 2015のセッション動画
- EmberConf 2016 - EmberConf 2016のセッション動画
- EmberConf 2017 - EmberConf 2017のセッション動画
- EmberConf 2018 - EmberConf 2018のセッション動画
- EmberConf 2019 - EmberConf 2019のセッション動画
- EmberConf 2020 - EmberConf 2020のセッション動画
- ReactiveConf 2017 - Tom Dale: Secrets of the Glimmer VM
- ReactiveConf 2017
- Tim Thomas - Using Ember.js to build Electron Apps
- Tom Dale on Static Analysis, Upstreaming Glimmer, and Ember in 2018
- Tom Dale Talks EmberJS
- Using TypeScript in Ember
- Web App Performance & Ember.js - WebアプリのパフォーマンスとEmber.js
- Why Ember CLI uses Broccoli
- Developing ember apps on glitch.com
- Chris Krycho: TypeScript and Ember js - Why and How?
- Isaac Lee: Use D3 with Ember
- Open Source Live - Robert Jackson and Chris Manson pair on ember-cli
- Must have add-ons in EmberJS - Dawid Pośliński
- Building Modern Apps Using API Services - Ember Meetup August 21, 2018
- How to improve your tests? - Paweł Kuwik
- Optional & upcoming features - Michał Staśkiewicz
- Hybrid Apps with Ember/Glimmer
- Productive Frontend Test Driven Development That Actually Works
- EmberCamp 2018 - EmberCamp 2018のセッション動画
- EmberCamp 2019 - EmberCamp 2019のセッション動画
- Ember.js: The Documentary
- Ember.js: The Documentary (Русская версия) - ロシア語版
- GraphQL: The Documentary
- GraphQL: The Documentary (Русская версия) - ロシア語版
- Ember and GraphQL: A Quick Example
- Ember Octane Livestream: Build a drum machine
- Tracking in the Glimmer VM - クリス・ゲートがEmberにおけるトラッキングの仕組みについて語る
- Commit Porto ‘19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)
- Animating Across Routes with Ember Animated - EmberMap動画:跨ルート遷移時のアニメーションを追加
- Creating an Ember Application - これから始まるシリーズの第1回:Emberについて
- Ember and GraphQL: A Quick Example
- Stef & Rob: do we still need the built-in Input component? ステファン・ペンナーとロバート・ジャクソンが組み込みInputコンポーネントについて議論
- Ember Octane - Great For Beginners - Ember OctaneでHTMLとCSSだけでもかなり進める
- Yet Another Test Runner by Kelly Sheldon @ Ember London
YouTube channels
- Amsterdam Ember.js
- Boston Ember
- Denver Ember
- Ember Videos
- EmberJS Chennai
- Ember.js Dublin
- EmberATX
- EmberJSSeattleMeetup
- EmberSchool
- EmberSherpa
- Meetup: London
- Silicon Valley Ember.js meetup
- So Ember 2017
- Wicked Good Ember 2016
- May I ask a Question
YouTube playlists
- Ember London 2018
- Intercom Screencasts
- Ember.js tutorial for beginners in 2020 - シャウン・チェンによる10回シリーズ