なになれスマートフォン用の表示で見るなになれIT系のことを記録していきます。2018-12-25コードが公開されているAngularの使用例をまとめてみたAngularモチベーションVue.jsのドキュメントにある使用例(https://jp.vuejs.org/v2/examples/)の内容が魅力的だったので、Angularにもそういうものがないかを探してみました。実際に動くものを見ると、どんなことができるのかイメージできるので良いと思っています。Heroesstackblitz.comAngular公式ドキュメントのチュートリアルです。これでAngularの基本を学びつつ、どんな風に作って、どんなことが出来るかを理解できると思います。Angular+Firebaseでチャットアプリを作るqiita.comAngularからFirebaseを使うための内容が細かく解説されています。Firebaseを使うことやNgRxの説明など一通りAngularの基本的なことを学んだ人の次のステップとして学んでおくと良いことが色々載っていると思います。チュートリアル形式で学べるようになっています。2018年12月15日の時点でまだ未完のようです。Appgithub.comMediumのクローンアプリです。モジュールの分け方などAngular公式のスタイルガイドに則って作られているちゃんとしたアプリなので学べるものが多いです。Heroesを一通り実施した人が実用的なアプリを作りたい時に参考になるアプリだと思います。認証処理が参考になります。Materialを使って作成されたスタータープロジェクトです。NgRxが全面的に使われていてNgRxを学びたい人にとっては参考になる内容だと思います。以下の内容が盛り込まれています。SharedModule内にカスタムコンポーネントを配置CypressによるE2Eテストプロダクション向けDockerfileによるアプリ公開E2Eテストが用意されているのは珍しいと思います。5github.comシンプルかつ実用的なアプリになっているのが良いです。Angular5なので若干古いです。TuneIngithub.comおしゃれなアプリです。こちらもシンプルかつ実用的なアプリです。Angular6なので比較的新しいです。Angular公式サイトgithub.comAngularの公式サイトですが、実はAngularで作られています。コードも見ることができます。作り込まれている感じでパッと見ではよく分かりません。dgeniというドキュメントを生成するツールが使われているようです。CLIの機能+αをGUIで使えるようにしたプロダクトです。Nxという大規模組織向けのAngularプロジェクト構成ツールが使われているため、通常のAngularプロジェクト構成とは異なるので理解しにくいところがあります。Consoleを作った会社が作っているライブラリのようです。ElectronやGraphqlを利用しているのが注目ポイントだと思います。まとめとりあえずアプリケーションっぽいものを集めました。コードが公開されているものを前提にしたのでだいぶ限定されました。Angularが使用されているところを調べてみると色々なところで使われているんだなぁということが分かりました。https://www.madewithangular.com/whouse.angular.jpサンプルやUI部品での使用例を集めるのも良さそうです。URL)GitHubでcloneするときに公式的にはHTTPSが推奨なのを知りませ...2019-03-29メモを共有するWebアプリを作ったメモを共有するWebアプリを作りました。...2019-03-07エンジニアのキャリアを語るMeetUp【しがないラジオ×kiitok】に参加しましたエンジニアのキャリアを語るMeetUp【しがないラジオ×kiitok】に...2018-12-01NgRxを試した所感NgRxはAngularにおける状態管理のためのライブラリです。»プロフィールid:hi1280日々で得たIT技術を記録していきます。月別アーカイブ関連記事2019年で学んだ技術AngularにおけるLazyLoadingの実現方法メモを共有するWebアプリを作った注目記事はてなブログをはじめよう!hi1280さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。