GitHub - storybookjs/storybook: Storybook is the industry standard workshop for building, documenting, and testing UI components in isolationYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Angular6+firebaseでチャットアプリを作ってみた
はじめに Qiita初投稿です。 Webエンジニアになっていながら、jQueryとほんの少しだけ趣味でAngularJSを使っただけという状態でした。 なので、知識のアップデートがてらAngular 6でこんなものを作ってみました。 #Angular6 + #bootstrap4 + #firebase でチャットアプリが出来て自己満に浸りたいので初投稿です pic.twitter.com/87tGVv3mbD — roottool (@roottool) 2018年10月9日 レポジトリ 使用者を友達だけに限定したいので、サンプルはありません。ごめんなさい。 作成したプロジェクトのソース全文を、以下のレポジトリに展開しています。 https://github.com/roottool/OrgaSound 作成したアプリの仕様 レスポンシブデザインによるマルチデバイス対応 チャットルームへ
Angular&Firebaseでユーザー認証してみる - Qiita
この記事は ハンズラボ Advent Calendar 2017 10日目の記事です。 ハンズラボアドベントカレンダー2回目の登場@daikiojmです。 今回は、Firebaseのハンズオンネタを紹介します。 Firebaseと言うとリアルタイムデータベースが有名ですが、ユーザー認証基盤の構築も簡単に行うことができます。 この記事では、Angularの公式FirebaseライブラリAngularFireを使って、Angularアプリにユーザー認証機能を実装していきます。 今回作るもの この記事ではAngular + AngularFireを使って、次の画面を作成します。 ログイン画面 サインアップ画面 トップページ(ユーザー情報) また、Firebase Authenticationにはユーザー属性を設定する機能がないため、Cloud Firestoreでのユーザー情報管理も同時に行って
Angularを、高機能ホスティングサービス「Netlify」でつかって高速化/Lighthouse高得点とるためのビルドファイルを公開しました - Qiita
Angularを、高機能ホスティングサービス「Netlify」でつかって高速化/Lighthouse高得点とるためのビルドファイルを公開しましたAngularCDNNetlifyLighthouse rdlabo/netlify_build_angularを公開しました。タイトルの通り、AngularをNetlifyという高機能ホスティングサービスで使うためのビルドファイルです。 やることは、次の4つです。 robot.txtを生成します wwwつきURLに自動的にリダイレクトするための _redirects を生成します ServerPushするための _headers を生成します CSSをインライン化します Angularは、ビルド時にビルドファイルを生成するフォルダを再生成します。また、--prodがつくと、ファイル名に乱数がつくようになります。（main.jsがmain.f1ec
SSRじゃなくても大丈夫！AngularでつくったWebサイトをGoogleに読み込ませる方法 - Qiita
GoogleはJavaScriptを読むことはできるが。 Googleの進化は早いもので、「JavaScriptフレームワークは検索に弱い」と言われたのは今は昔。JavaScriptをちゃんと読み込み、レンダリング後をインデックスしますので、今では検索結果に表示するためだけにServerSideRenderingやpre-renderingをする必要はなくなりました。 ただ、その一方で、Googleのクローラーで採用されているJavaScriptのバージョンは低いです。ES5を使ってる模様。ES6以降を使って書いているJavaScriptコードは、Googleのクローラーは認識しない可能性があります。 AngularはES5への互換をデフォルトでは外している AngularにはES5互換のためにスターターテンプレートにsrc/polyfills.tsが内包されています。これを使うと、ES5
スタイリッシュな最新Angular対応 管理画面の無料＆有料HTMLデザインテンプレート 7選 | sounansa.net
スタイリッシュな最新Angular対応 管理画面の無料＆有料HTMLデザインテンプレート 7選 最終更新日: 2021/03/16 業務システムなど、SPA（シングルページアプリケーション）の技術が主流となり、Angularを採用することも最近は多くなりました。 業務システムとはいえ、UIはかっこよく作りたいものですが、一般的に業務システムでデザイン予算はたくさん確保しにくいところではあります。 そんなときは、デザインテンプレートを購入することで、工数削減をはかるのも有効な手段です。 探してみるとAngularのテンプレートもたくさんありますが、対応バージョンが古いものだったりすることも多いです。新しいバージョンのほうがパフォーマンスが良いので、新規の案件では最新のバージョンを採用したいところではあります。 今回は、Angularの新しいバージョンに対応した管理画面テンプレートを集めて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - roottool/OrgaSound: Browser chat app with Angular 6
