albatrosary's blog

UI/UXとエンタープライズシステム

Angular と Azure Active Directory の利用

SPA で認証を行う一つの方法として Microsoft の Azure Active Directory(Azure AD) を利用する方法があります。Azure AD はリソースの保護を目的としたソリューションであり、ユーザー ID の管理とインテリジェンスに基づくアクセス ポリシーの作成に役立ち…

de:code 2018 で喋ります!

こんど 5/22-5/23 に行なわれる de:code 2018 で喋ることになりました。Developers Summit 2014 でもエンタープライズ・フロントエンドの取り組み的な喋りましたが、今回もそういう感じの内容も含まれるかな? Sessions | de:code (decode) 2018 | 開発者を…

Webpack 4 Tutorial やってみた

Webpack v4.0.0 がリリースされてました。JavaScriptフレームワークは CLI を使うようになりあまり気にもせず。。 github.com 自分で Webpack 環境を作る必要があり getting スタートでもやろうかと探してたら良いチュートリアルありましたので触ってみまし…

Angular の Component.queries(ViewChild(ren), ContentChild(ren)) を評価する

ViewChild(ren) と ContentChild(ren) は各々 AfterViewInit, AfterContentInit より後でアクセス可能と成りますと「Angularデベロッパーズガイド」に書いてますが、実際にサンプルを動かすと「???」でしたのでメモを書き留めます 本のサンプルに若干のロ…

Angular DI でコンストラクター引数に public or private を入れるのはなぜ?

Angular DI でコンポーネントにインジェクトするときコンストラクターに引数で public or private を入れるのはなぜだろう?しかもどちらか書かないとインジェクトされない。というので数行メモします。 TypeScript で3つのクラス(hogeClass、fugaClass、p…

angular.io サンプルにある Angular with Server Side Rendering

言わずと知れた SSR を触ってみた。サンプルコードは https://angular.io/guide/universal にあり完成されたコードも落とせます。で、サクッと落として動かしてみよう!、、、が、エラーが出る。ので!修正しました!というメモです。 サンプルコードの取得 …

To use Webpacker with Angular

もくもく会@ng_kobe#2 でやったことをまとめます。「Webpacker is 何?」ってところからどうも Ruby on Rails で Angular プロジェクトが作れるらしいものがあるということで少し触ってみた。ドキュメントを読む限りでは「はろーわーるど」的なものは簡単に…

2017 年振り返り

2017 年は個人的にも会社的にも飛躍の年になりました。これも皆様に支えられてのことかと感じています。仕事は主に Angular の導入支援や開発、教育などを柱に Web 全般を行いました。当然一人では出来ないので 「仲間(メンバー)」の力を借りて何とか年を…

Ashiras, inc. でブログを初めました

普段学習したことや経験したこと(Input)を何かしらの形でまとめる(Output)ことが重要だと思いますので、Ashiras, inc. ではブログをはじめることにしました。多くのIT企業が行っているような、一般的に見て有用な情報が書かれているかというとそういうこ…

Angular デベロッパーズガイドの献本しました

Angular デベロッパーズガイドを献本として、きゃない( @can_i_do_web )さんから送って頂いたので、さっと目を通しファーストインプレッションとしての感想を記載します。デベロッパーズガイドということで肩に力を入れて気合で開きましたが、とても読みやす…

最近ブログを書いてないので近況報告

法人化して1年経過したので近状報告。色々なことが理由で、最近はブログを書いたりスライドをシェアしたりできなくなってる。今年 Microsoft Most Valuable Professional (MVP) に推薦され成り活動の幅も広がったので感謝。 仕事 技術を身につけるには持ち…

Go on Azure + Angular v4

Azure App ServicesはGoのサポートがあります。現在、Azure App Serviceプラットフォームでサポートされているバージョンは64bit Go 1.4.2とGo 1.5.1です(らしい)。Azure Appサービスを作成してセットアップして、新しいGoアプリに対応し、デプロイメント…

Angular Community の分裂が始まったのか??

Angular 4 のリリースを目の前に Angular Community の分裂がいよいよ表面化し始めた。AngularJSから言われていたその独特な記法は JavaScript エンジニアから敬遠されることもあり、そうしたことが払拭されなかったことが原因なのでは無いかと思う。今 Angu…

Angular Universal and .Net Core Scaffolding

dotnet (ここでは、あえて dotnet と記します)には Angularテンプレートが用意されているという話を聞きましたので実際に触ってみました。ここで dotnet のバージョンは RC4 を使う必要があります。Angular のテンプレートがあるというだけではさほど珍しい…

Geek Women Japan で Angular ハンズオンしました

MVP初仕事として「Geek Women x Microsoft - Geek になりたい人のためのミニカンファ -」で Angularハンズオンしてきました。初心者セッションでしたのでangular-cliの使い方とかは無しでビルトインディレクティブを少し触るくらいでどうかといった方針でや…

2017 Microsoft Most Valuable Professional (MVP) 頂きました

この度「2017 Microsoft Most Valuable Professional (MVP) 」を頂きました。コミュニティとしては Angular Japan User Group や html5j 、OSC の活動、執筆活動としては HTML5 Experts.jp を評価して頂いての受賞だと思っています(だとするとあまり Micros…

Johnpapa さんの Angular スニペット が 2.4.0 対応してて更にかなり変わってたよ

「Angular を書くには Johnpapa さんのスニペット使おう」で Angular スニペットを紹介しました。現在このスニペットが対応している Angular バージョン は 2.4.0 です。今までのように Visual Studio Code でスニペットを使うと動きません。色々と変更され…

Angular 4 をさっそく使ってみよう!

色々なところで Angular 2 での開発案件も多くなり、勉強している方も多いと思いますが Angular 4 も 4.0.0-beta.8 ということで遊びがてら触るのもいいかなと思える今日このごろだと思います。angular-cli も Angular 4 対応をはじめてますので軽く触れる状…

いくらユーザが古いブラウザを使っていてもサポートしちゃいかんよ

タイトルの通りです。「いくらユーザが古いブラウザを使っていてもサポートしちゃいかんよ」です。以前から方々で言われている通りで記事も多くあります。よく言われるのが「ある程度動けば」とか「機能が落ちても」というような話がありますが、そういう問…

Material2 First Step メモ的な

Angular Material のサイトが少し綺麗になったので material2 を使うためのファーストステップをメモします。やることは大きく次のことです。 Getting started Theming Angular Material このふたつをやれば次のような画面が出来上がります。 特にやっていて…

Happy New Year!

Happy New Year!

2016 年振り返り

他人が読んでもたいして面白くも何ともないですが、毎年書いている振り返りです。2016 年も色々な方に支えられてどうにかやってこれたと思います。皆様に感謝致します。 一年を通して Angular を鹿児島の仲間たちと追っかけていたことに尽きるかなという感じ…

Angular 4 見てたら .ngsummary.json ってファイルがあった

5日前に 4.0.0-beta.1 がリリースされてましたね。仕事は angular-cli でやっているので、最近はあまりバージョンも気にしなくなり。 せっかくなので 4.0.0-beta.1 を動かしてみた。結果は普通に動く、いいね、がしかし細かいことはわからない。 angular-cli…

Angular Dart ことはじめ

はじめての Angular Dart なのでメモ程度にやったことを記載します。Angular Dart を始めようかなというのは Angular やってて Angular Dart 触っていない人はもぐり的な話を風のうわさで聞いたので(というか記憶があまりないので神の声が聞こえたのかも) …

Angular を書くには Johnpapa さんのスニペット使おう

Angular でアプリケーションを作るには angular-cli の利用が欠かせませんが、Visual Studio Code用のスニペットもありますので利用しましょう。Angular やっていて Johnpapa さんを知らない人はいないというくらい有名な方です。 github.com 注意)ちょっと…

初心者向け Angular

Angular を勉強する最良の方法は angular.io を読む コードやissueを読む 実際に手を動かす だと思います。ただ残念ながらすべて英語で書かれていますので、はじめてこうしたフレームワークにチャレンジするには敷居が若干高くなるかと思います。アドベント…

サブスクリプション(15,000円)を5日で使い果たし愕然とした話

「クソazureが!」とそのときは思った。何と言ってもAngularで作ったアプリをgithubからデプロイする評価で幾つかインスタンス作ったら一瞬にして(5日ほどで)サブスクリプション 15,000円分が消滅するとは…ほんとにクソだ!とは思いましたが、冷静に考える…

Angular 3のリリースに関する記事が流れてきたのでメモ

Angular 3の記事がありました。この記事によると Angular 3は、Angular 2のようなフレームワークの置き換えでない ツールの改善と生成コードの削減 年2回新しいメジャーバージョン のようで、Angularチームではフレームワークを書き直したいという人はいない…

Azure を複数人で管理する

通常、Azureを使っていると複数人で管理する場合が当然のようにあるかと思います。Azureのサイトにはそうした場合の権限に関することと設定方法について記載があります。ただ記事と若干の違いがあったためメモ的に記載したいと思います。 azure.microsoft.co…

Azureの「開発ツール」に触れる

Azureでリソースを作成すると(「インスタンスを生成すると」という表現の方が分かりやすい?)開発ツールが幾つか提供されてます。具体的には「Web App」で作成したときには アプリの複製 コンソール Advanced Tools App Service Editor パフォーマンス テ…