AngularからFlutterに入る時の勘所（随時更新） - Qiita
AngularユーザーがFlutterを覚える際、Angularでいうところの〇〇。みたいな思考でスピードラーニングできる箇所があるので詰まりどころと合わせて勘所を随時更新していきます。TSとDartの連想がメインになりそうです。 随時更新していきます。間違った理解があればご指摘いただければと思います。 Interfaceはない 形はすべてClassとして定義。 anyはdynamic any同様基本使うべきでないという認識 JSON（オブジェクト）をそのまま扱うことはできない TSの場合Firestoreからの値はオブジェクトとして使えるが、Dartの場合一度Classにマッピング（デシリアライズ？）する必要がある。 デシリアライズは自動化パッケージがたくさんあるが、Fireshipでは手動が信頼性高いとのこと。僕もパッケージを使いましたがうまくいかないシーンがあったので手動を採用してい
Angular8+Rails5でアプリを作ってみる - Qiita
AngularとRailsを組み合わせてみる 前回の記事ではAngular+NestJSの組み合わせについてピックアップをしましたが、今回はRuby on Rails5とAngular8の組み合わせでwebアプリを作成している記事があり、読んでいてとても面白い内容だったので翻訳に挑戦しました！ どちらも個人的に気に入っているフレームワークなので、世の中にこの組み合わせでの開発が増えてくると嬉しいです。 Angular8とRails5 (＊以下記事の翻訳) あたなはどうか知らないが、学びやすく、素早く書けて、オープンソースという理由で私はRuby on Railsが大好きだ。また、Ivyというクールな新しいレンダーエンジンを導入したAngularの新バージョン、Angular8のリリースにもワクワクしている。 もしあなたが私と同じでこれら２つのフレームワークに関する興味をわかってくれて、でも
[Angular] 入門 - Qiita
こんにちは。 最近フロント側のフレームワークをAngularに乗り換えたので自分のメモとしてAngular入門をまとめました。 Angularとは？ 「Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop. 」 とのこと
![[Angular] 入門 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/903b1bf277c8e3e964516c8c55b74b66f844186a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQW5ndWxhciU1RCUyMCVFNSU4NSVBNSVFOSU5NiU4MCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZDA0ZDBhMzM0Yjk4NTQ4NDY0ZDc1NzA0YWQ2ZTM1ZTM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzeWFudGllbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NmJhNWI2N2Q0OWMyODIxMDAwNWI0MjNlOGU1MTdhZDE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db481ca1dfe676c5fa9fe3b9ef1cae6b8)
[Angular] ExpressionChangedAfterItHasBeenCheckedError への2つの対処法 - Qiita
[Angular] ExpressionChangedAfterItHasBeenCheckedError への2つの対処法AngularAngular2Angular4Angular5 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'something: null'. Current value: 'something: something'. Componentを入れ子構造にしているとよく見るこのエラー どうも、子供のComponentから親Componentを変更しようとすると発生するようだ。 Angularでは、子供のComponentからの親の変更を基本的に禁止しているので、こういうことが出
![[Angular] ExpressionChangedAfterItHasBeenCheckedError への2つの対処法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/37f31054083789ffd2cc7539962d79b84d8768f1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQW5ndWxhciU1RCUyMEV4cHJlc3Npb25DaGFuZ2VkQWZ0ZXJJdEhhc0JlZW5DaGVja2VkRXJyb3IlMjAlRTMlODElQjglRTMlODElQUUyJUUzJTgxJUE0JUUzJTgxJUFFJUU1JUFGJUJFJUU1JTg3JUE2JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wOWI4NGViZGU0ZjU5MTdkYmMwNTk2OTAzZjllMDhhYg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzZXRlZW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTNmN2YxNzYyZmUzZDY4YjE4MGMyYzY0N2FkMDg3YTYz%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5pWZ6IKy57O744Ko44Oz44K444OL44KiIOOChOOBo-OBmeOCk-OBqOOBneOBruWRqOi-ug%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Da1dfc019bd3c8bb6e378381e6461fcca)
State of SEO for SPA 2019 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? メタ この記事はNode学園2018にて話した内容を記事として編纂 +その後の変化を加筆修正したものです。 スライドはこちら。 https://speakerdeck.com/kazuyaseki/seo-for-spa-cfb3706f-ae1d-4c6f-a83f-96dc2452f32b 追記 2019/5/8 遂に Google bot が扱うレンダリングエンジンが Chrome 最新版(現時点では 74)相当となりました！ https://webmasters.googleblog.com/2019/05/the-new-ev
Angularのngrxを使って状態管理を行う（実装編：初期設定～エフェクト設定） - Qiita
この記事はAngular+Firebaseでチャットアプリを作るのエントリーです。 前記事：Angularのngrxを使って状態管理を行う（理論編） 次記事：Angularのngrxを使って状態管理を行う（実装編：エンティティ設定） この記事で行うこと 前回の記事ではngrxの概念と基本的な構成を扱いました。 本記事ではngrxの初期設定から、エフェクト設定などの具体的な実装方法について学習します。 ngrxの初期設定 Action、Reducerの実装 EffectでFirebaseのデータをストアに反映 View（コンポーネント）にStateを反映 （追記：2020/6）現時点（2020年6月）での最新の内容に書き換えています。 実装内容 ngrxの初期設定 ライブラリインストール まず、コードジェネレーターである@ngrx/schematicsを開発環境に、それ以外のライブラリをプロ
Angularのngrxを使って状態管理を行う（実装編：エンティティ設定） - Qiita
この記事はAngular+Firebaseでチャットアプリを作るのエントリーです。 前記事：Angularのngrxを使って状態管理を行う（実装編：初期設定～エフェクト設定） 次記事：WEBアプリでFirebaseのデプロイ環境を構築する この記事で行うこと 前回の記事ではngrxの状態管理の実装（初期設定～エフェクト設定）を扱いました。 本記事ではngrxの実装方法（機能ストア～エンティティ設定）について学習します。 機能ストアの設置 Entityを用いたストア設計 View（コンポーネント）にStateを反映 機能ストアとは 公式ドキュメント内で機能ストアはStoreModule.forFeatureとして記載されています。 ルートストア（StoreModule.forRoot）がアプリケーション全体で使用できる一方、機能ストアは機能モジュール単位で利用できるストアになります。 Ang
Angular7 + AngularMaterial 環境構築 - Qiita
はじめに AngularCLIを使って、最近(2018/10/19)出たAngularのバージョン７とデザインフレームワークのAngularMaterialで環境構築していきたいと思います。 基本的には公式通り。(Angular CLI、Angular Material) (追記） GitHubにあげた。(AngularMaterialのSchematicsを試しに入れるぐらいまで） ついでにバージョンが上がってたので記述を7.03から7.04にバージョンアップした。 Step1〜Step3:AngularCLIでハローワールドみたいな(Welcome to App！）まで Step4〜Step6:AngularMaterial入れる。 (おまけ)Step7〜Step8:AngularMaterialのスキーマ(自動生成されるコンポーネント)を入れて実行する。 Step1.AngularC
Angularのngrxを使って状態管理を行う（理論編） - Qiita
この記事はAngular+Firebaseでチャットアプリを作るのエントリーです。 前記事：Angular+Firebase ユーザー設計とデータの保護 次記事：Angularのngrxを使って状態管理を行う（実装編：初期設定～エフェクト設定） この記事で行うこと 前回の記事ではユーザー設計とデータの保護を扱いました。 ここからAngularの@ngrxというライブラリを使って、状態管理の理論、実装を３回にわけて行っていきます。 本記事ではまず、状態管理の理論について学習します。 なぜngrxを使う必要があるのか ngrxの流れを見る Effectで非同期のデータを扱う @ngrxとは @ngrxはReduxというライブラリに影響を受けて作成されたAngularの公式ライブラリです。Actions、Dispatcher、Reducer、State、ViewというReduxのデータフロー構成
【Angular7】 json を module として扱う - Qiita
はじめに つい先日、Angular7 正式版がリリースされました 🎉 今回のアップデートは v6 ほどのインパクトはなく、主な更新内容は Angular Material のバーチャルスクロールとドラッグアンドドロップと言われていますが、Typescript の対応バージョンも 2.7.x から 3.1.x へ大きく上がっています。 Typescript は 2.8 からも様々な機能が追加されているのですが、今回はすぐに試せる json ファイルのモジュール化機能についてまとめてみます。 以前までの json ファイル読み込み Typescript で json を読み込みたい場合、以前までであれば下記定義ファイルを作成し、json ファイルをモジュールとして無理やり解決していました。
angular2-materializeでdatepickerのeventを受け取る - Qiita
情報が少なすぎて困るので共有&メモ inputのeventを動的に受け取りたい 送信ボタンや決定ボタンのようなコンポーネントがUIに無かったので、pickerのonClose()をハンドリングしたかった ※本当はdone的なeventが良かったのだけれど、そもそも存在しないぽい https://materializecss.com/pickers.html 結果的に以下でおｋ コード <input id="date" name="date" [(ngModel)]="date" materialize="pickadate" [materializeParams]="datepickerformat" type="text" placeholder="全て"/>
Angular使いの NativeScriptハンズオン - Qiita
NativeScriptとは？ NativeScriptは、 クロスプラットフォームのネイティブなiOSとAndroidアプリをWebビューなしで構築する方法です。 Angular、TypeScript等の、Webスキルとコードを再利用しながら、ネイティブなUIとパフォーマンスを実現することができます。 NativeScript 初めの一歩 NativeScript インストール
AngularのReactiveFormとAngularMaterialを組み合わせる - Qiita
import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators, AbstractControl } from '@angular/forms'; // 性別用型 interface Gender { value: number; display: string; } @Component({ selector: 'app-root', template: ` <form [formGroup]="editForm" (ngSubmit)="onSave()" class="form"> <mat-form-field class="form-field"> <input matInput placeholder="お名前" formControlName="nam
AngularとRXJSで簡単なストアを作ってみる - Qiita
はじめに 注意！！Fluxパターンの記事ではありません！！ Vue人気も一段落ついた感があるので、ここからAngularを盛り上げる（？）ためにも何か投稿せねば！！ ということでAngular+RXJSのBehaiviorSubjectを利用した簡単なストアを作ってみます。 環境 angular-cli 6.2.2 angular ^6.1.0 rxjs ~6.2.0 サービス定義 まずはおもむろにng newするなりして、Angularが書ける環境を用意します。 んでsrc/app内にcoreディレクトリを切ります。 その中でさっそくStoreServiceを書きます。このサービスはUser型をBehaviorSubjectで保持します。BehaviorSubjectのstreamを流すだけで無く、最後に流された値を保持する機能を利用します。 ついでにObservableとして観測できる
超初心者のAngular学習〜３日目コンポーネント〜 - Qiita
はじめに 前回では最初のAngularを立ち上げる部分からやっていきました。三日目はフロントエンド、バックエンド等の開発でよく聞くコンポーネントについて理解を深めるための備忘録です、たぶん間違ってること多め。 コンポーネントとは そもそもコンポーネントって何？って思うと思います。僕のよく使うサイトを引用すると 、 コンポーネント (component) 何かの部品のこと 引用元: 分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典 ふむ、大まかには部品のことらしい（爆）。 もう少しフロントエンドのコンポーネント詳しく探ると、このサイトにはこのように書かれていました。 そして、このコンポーネントを構成する要素は以下の4つがあります。 情報構造 スタイル 状態 インタラクション・機能 引用元: 最近のフロントエンドのコンポーネント設計に立ち向かう 少し細かくすると４つの部品に分
Ionic3でアプリを作る際のLazy Loadingへの対応 - Qiita
最近(2018年10月)、Ionic3でAndroidアプリを作って、Play Storeで公開しました。 そこに至るにはいろいろと罠がありましたので、その記録を思い出せるうちに書いて残しておこうと思います。 困ったり解決したりする度にツイートしてたからいけるはず……！！ いくつかの記事にわけて、シリーズとしてまとめておきます。 なお、なんとかリリースできたアプリはこちら。あなたの日本語入力速度を測定します。→フリックとローマジ 〜日本語入力スピード測定〜 シリーズ一覧 小さめの奴をまとめて Ionicアプリにおける、色の指定のしかた アプリのIDを初期値にしたまま端末に複数インストールすると上書きされる iconとsplashの生成 android実機デバッグでエラーメッセージを見る chromeでinspectタブを開いていると、端末ビルド時にno device error play-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why should learn MongoDB for feature - Qiita
Angular - Qiita
Angular js gives developer control - Qiita
Angular x Firebase 新規開発ワークフロー - Qiita