免責事項フリーランスエンジニア→法人化した人の技術ブログ。フリーランス事情や会社の作り方、経営などについても徒然なるままに書いていきます。主な使用言語はRuby、JavaScript。2016年5月16日Tweet過去記事でAngular2について触ってみた記事を書きましたが、大体コードをコピペして終わっていたので今回はHelloWorldからもう少し掘り下げて書こうと思います。angular2ではTypeScriptの使用が推奨されているので、Typescript使います。(一応生javascriptやES6でも書けますし、公式にも3つ分のチュートリアルがありますがここでは触れないことにします。)1.簡単なコンポーネントを作るangular2ではComponentベースの設計が推奨され、angular1で使われていたController系とはちょっと違う書き方になります。AppComponent{}Angular2のコンポーネントの定義方法は以下の手順のようになります。このコンポーネントを呼び出すセレクタ名を定義(selector)このコンポーネントを呼びだされたときに描画されるhtmlを定義(template)このコンポーネントの振る舞いを定義するクラスを定義して、外部からimportできるようにexport上の例では、特に振る舞いを定義していないので空のクラスを使ってexportしています。ちなみにangular1だとこんな感じの書き方になりますね。});2.angular2のアプリを起動するangular1では、angular.bootstrap()を明示的に呼ばなくてもangularは起動していましたが、angular2からは明示的にbootstrapメソッドを呼ぶ必要があります。Componentです。'./app.component';bootstrap(AppComponent);bootstrapは、@angular/coreではなくplatform-browser-dynamicパッケージ内のメソッドですが、これは、CordovaやNativeScript使っているとbootstrapのタイミングが通常のブラウザと微妙に異なったり、クローラーbotがWebページを解釈するときにもbootstrapのタイミングが異なることに起因していて、一概に@angular/coreに突っ込めない、という理由があるらしいです。library.angular1は「SEO的に不都合がある」っていう性質があって「おいおい同じGoogle製なのにアンチシナジーなプロダクト作ってんじゃねえよ」と思いましたが、angular2ではその点も考慮されているようです。いう方々に今日オススメの記事です。...プログラミング「このコード、他でも使えそう」をシェアできるWebサービス「Comopet」のα版をリリースしました「このコード、他でも使えそう」をシェアするWebサービス「comopet」をローンチしました。perfect.独立したので急ピッチでホームページとか作ってます。なんで会社員時代にやっておかなかったの、と言われるとぐうの音も出ませんが、やっぱり本当に必要にならないとモチベーションがわかないものなのです。...PREVフォームを格好良くするUIコンポーネント2選NEXTAngular2のComponentへのデータバインドyohira_dev正社員になるも80時間以上のサービス残業により過労退職→フリーランスエンジニア→月商100万突破、2017年法人成り。RailsとVue.jsを用いた高速実装・改善が強み。BeanはSingletonだから、状態持たせるとバグるよ。views最近の投稿フリーランスエンジニアに請負契約がオススメできない理由【準委任契約にしましょう】コロナウイルスのせいで投資信託が一週間で20万溶けました。SESで簡単なログイン認証を実装する【法人化3年目の体験談】今年の売上は1300万程度で着地しそうです。投資2020/02/02コロナウイルスのせいで投資信託が一週間で20万溶けました。SESで簡単なログイン認証を実装するオピニオン2020/1/27【法人化3年目の体験談】今年の売上は1300万程度で着地しそうです。免責事項フリーランスエンジニア→法人化した人の技術ブログ。フリーランス事情や会社の作り方、経営などについても徒然なるままに書いていきます。主な使用言語はRuby、JavaScript。AFFINGER5.。