7AngularDart開発の最低限の基本JavaScriptDartAngularDartAngularDart、最低限これだけあれば開発できるってのをまとめてみた。細かいとこは端折ってるので、他サイト見てね。DartFlutter/Dartの入門サイトが多数あるので、初期設定する。IDEはVSCodeがおすすめ。Jがいいってサイトも多数あり。若干キモいけどAndroidStudioでも開発できる。雛形生成して、IDEで開く。serveするとローカルで動く。restartはセッションとかがダメで、そのうちできなくなるのであてにしない。コンポーネントはhtml用コードで一対一が基本xx_component.html/xx_component.dartで1画面を構成する。複数画面あるときはコンポーネントを複数作る。複数にしたら、appコンポーネントに追加する。src="{{header}}"><p>{{item['price']}}</p>xx_component.dartのインスタンス変数がhtml側から参照できるので、htmlに{{インスタンス変数名}}とかで埋め込む。itemがMapのときは「item['price']」とか書ける。Dartコードを埋め込める。{{(downloaded[item['key']]!=null)?'downloaded':''}}">{{item['price']}}</p>dartそのまんま。src="{{header}}">タグ内にifを書ける。falseのときはimgタグが無くなる。使うにはコンポーネントのdirectivesに追加する。NgSwitchとかもある。NgFor],当然Listでループできる。citem)でクリックを受け取れる。(click)="onClickMore(idx,citem)">固定値クラスとかもhtmlから参照できる。コンポーネントのexportsに追加する。downloaded">{{MyString.get(MyStrId.downloaded)}}</a>とかね。innerHtml="{{product|lang:'description'|mynl2br}}"></div>パイプで整形できる。nl2brがなぜか動かなかったので、そのまんまコピーで自作で作ってみた。langも自作でMapから設定言語にしたがったアイテム持ってくるやつ。}}コンポーネント側。commonPipesに色々入ってる。MyNl2brPipe],画面遷移(Router)複数画面切り替える時は、Routerを導入する。angular_routerを追加。];}appコンポーネントのhtmlはこうする。[routes]="Routes.all"></router-outlet>index.htmlは全画面共通な感じになる。<my-app>Loading...</my-app></body>コンポーネントでこんなんで遷移できる。}routerは注入してくれる。this.router);こういう風にも書ける。[routerLinkActive]="'active-route'">{{item|lang:"name"}}</a>http通信データはサービスで持つらしいぞ。_http;コンストラクタに引数追加すると、入れてくれる。buildすると、build以下にビルドされる。それをサーバーに持ってくだけ。packagesはリリース時は要らないので、削除する。最近のバージョンはwebdevが頻繁にビルドエラー出すバグがある。.dart_tool/build以下を消すと、概ね、直る。最後に調べるの、ちょっと時間かかったけど、概ねこれだけ。Dartできれば数日で結構慣れる。深く考えないで、雛形に従う。慣れるとめっちゃサクサク開発できる。ハマると非常に困る呪文はちょっと端折ってるので、そのうち追加予定。まさ@mharadazzプログラマー歴33年以上のじいさんプログラマー。一応スーパーなプログラマーだと周りには言ってある。Follow株式会社ピー・アール・オーソフトウェアの受託開発・SES・メディア事業・ブロックチェーンの開発提案など。upLoginユーザーは見つかりませんでした。