とんかつ時々あんどーなつ

〜たとえ低空でも飛行していられるように〜

2018-01-01から1年間の記事一覧

2018 年振り返り & 2019 年の抱負

目標の振り返り 今年の抱負 はこれだった 月 1 で Qiita にアウトプット 7 件しか書けていない… 2 ヶ月に 1 回くらいが現実路線か… 月 1 でブログ更新 数だけは書いてた(はてなブログに 20、Medium に 3 技術書を年間 5 冊読む どれも中途半端になってしまっ…

Storybook for Angular を IE でも確認できるようにする

問題 Storybook を起動して IE で見ようとすると Object.assign() が見つからずエラーになっていた やったこと ES2015 の仕様に対応していないので Babel を使ってトランスパイル 入れたパッケージ @babel/polyfill · Babel 設定ファイルの変更 お手元の .st…

週刊フロントエンド vol.8

気になったことトピック https://community.angular.jp/ ng-japan のコミュニティサイトオープン Bonfire Frontend #2 の発表の「Chrome DevToolsを使い倒せ!」がよかった https://twitter.com/uskay/status/1032596525300346881 気になった記事 フロントエ…

TypeScript 2.8 系以上で Angular AOT Compiler が失敗する

Angular CLI を v6.0.x 系で TypeScript を v2.8 以上にしてビルドを実行すると以下のエラーが出て、失敗する ERROR in The Angular Compiler requires TypeScript >=2.7.2 and <2.8.0 but 2.9.1 was found instead. 現時点では Angular AOT Compiler v6.0.x…

CircleCI Local CLI を試す

CircleCI の設定をしているときに config の validation check をローカルでやりたくなった 調べたところ Using the CircleCI Local CLI - CircleCI というものがあったで導入する インストール とりあえず、記事に書いてある通りインストール(Mac を使って…

Bonfire Frontend #2 メモ

行ってきた yj-meetup.connpass.com Flummox から Redux へリプレースした話 Flummox は知らなかった 選択肢には Fluxible もあったらしい → これも知らなかった コンポーネントは Atomic Design の思想でやっているようだが 5 層もないらしい FOLIOに画像回…

週刊フロントエンド vol.7

気になったことトピック Chrome 68 : HTTP のサイトに Not Secure 表示がされるようになった 気になった記事 Angularは包括的なフレームワークだから企業に支持される。UIコンポーネントで知られるインフラジスティックス開発ツール担当VPに聞いた Element.t…

週刊フロントエンド vol.6

気になったことトピック Puppeteer が 1.6 になった ESLint でセキュリティインシデントが発生(対策済み) https://qiita.com/mysticatea/items/0141657e4478d9cf4614 気になった記事 フロントエンドの「想定外」に対応する考え方とTipsいくつか SHOWROOMの新…

週刊フロントエンド vol.5

気になったことトピック Renovate Dependabot のような GitHub apps があるっぽい(未検証) 気になった記事 大規模Angular in 現場 Automated Dependency Updates with Renovate Renovate を知ったので試したい エンジニアになる覚悟 フロントエンドエンジニ…

週刊フロントエンド vol.4

前回から 10 以上あいてしまった (週刊とは何なのか) 気になったことトピック Vue Native collect.js また新しいコレクション操作のライブラリが… サーバーサイドに Laravel 使ってると相性がいいらしい? akita Angular 用のステート管理ライブラリ Flux っ…

週刊フロントエンド vol.3

気になったことトピック agreed リクルートテクノロジーズが開発している JSON モックサーバー Storybook の Angular CLI 対応がマージされたっぽい https://github.com/storybooks/storybook/pull/3491 MobX 5.0.0 がリリース https://github.com/mobxjs/mo…

週刊フロントエンド vol.2

気になったことトピック Webdash 使用している Package.json の一覧や build 成果物のファイルサイズなどを表示するダッシュボードが見れる 静的ファイルが出力できるわけではないので少し微妙… react-sketchapp React のコードから Sketch のファイルを生成…

週刊フロントエンド vol.1

なんとなく思いつきで今週目についたフロントエンドネタをメモっていく (来週も続くかはわからない) 気になったことトピック Nest サーバーサイドアプリケーションのための Node.js フレームワーク Next, Nuxt と同じノリだと思っている Angular の影響を強…

iTerm から Hyper に移行

Hyper https://hyper.is/ Next.js や Nuxt.js の ZEIT が出しているターミナル 困ったこと Vim の NERDTree を使ってツリーを表示しているが一部文字化けしてディレクトリが開けない .vimrc に set encoding=utf-8 を追記すると直る https://github.com/zeit…

3, 4 月振り返り

(3 月の振り返りを忘れていたのは内緒) 会社でやっていること 入社時からやっていたプロジェクトが大きなリリースを迎え一段落した 仕事内容が機能開発からバグ修正にシフト 他のプロジェクトのコードレビューをすることが増えた プロジェクトごとに使ってい…

MANABIYA.TECH に行ってきたのでメモ

https://manabiya.tech/contents The Angular World https://slides.com/laco/manabiya-2018-the-angular-world#/ CLI や codelyzer が整備されているのでチーム開発に向いている Service Worker が CLI に integration されている ネイティブアプリ向けの仕…

UIT#2 に参加したのでメモ

参加して来たのでメモ UIT#2 怠けるために努力を惜しまない プロのフロントエンドエンジニアたち https://uit.connpass.com/event/79891/ 会場 : LINE株式会社 UIT の目的 UIT は以下の目的で運営されている 足並みを揃える フォローアップ フィードバック R…

2018 年 2 月振り返り

会社でやっていること プロジェクトは変わらず プロジェクトリリースに向けてシステムテストが実施された ので、そのバグ対応がメイン GA の対応とかもした 別プロジェクト(AngularJS) のレビューも実施 テスト駆動開発の読書会は継続中 個人でやっているこ…

2018 年 1 月振り返り

会社でやっていること プロジェクトは変わらずだが、忙しくなってきた 先月始めた読書会は継続中 年始早々に採用面接もやった 天気が悪い日にリモートワークしてみた 個人でやっていること Angular チュートリアルをやった angular-cli-ghpages を使って Git…

Angular innerHTML で出力している className にスタイルを適用する

問題 innerHTML を使って表示している DOM の className にスタイルを適用できない問題が起きた rendered_body = "<div class="code-frame"><div class="highlight"><pre><span></span>$yarn</pre></div></div>" <div class="content" [innerHTML]="rendered_body"></div> .content { .code-frame { background-color: black; } } 解決策 スタイルに ::ng-deep を使用す…

2018 年抱負

目標 月 1 で Qiita にアウトプット 去年は 7 件だったので 12 件を目指す 月 1 でブログ更新 去年は 15 件だったので同じくらい書きたい 技術書を年間 5 冊読む どこかで 1 回 LT する GitHub の草生やす 毎日コーディングする 個人で一つサービスをオープ…