Profile cover photo
Profile photo
Takanori Maeda
481 followers -
@maechabin / JavaScript / React / Redux
@maechabin / JavaScript / React / Redux

481 followers
About
Posts

Post has attachment
【Web技術 / Vue.JS】
8/11にリリースされたVue CLI 3。TypeScriptのサポートに対応したということで、さっそくVue CLI でTypeScriptのVueプロジェクトを作り、クラス構文でコードを書き、Jestでユニットテストを書き、ビルドまで一通り試してみました。

普段Angularを書く者としては、構文がほぼAngularと同じじゃないかとツッコミを入れたくなりましたが、その分すんなり書くこともできました。

ポイントと思った点をまとめてみたので、ぜひVue + TypeScriptに興味をお持ちであれば参考にしてみてください。

https://mae.chab.in/archives/60167

#vue #vuejs #typescript #maesblog
Add a comment...

Post has attachment
【Web技術 / Angular & Web Components】
先日リリースされたAngular 6で追加されたAngular Elements。Custom Componentsとして、静的サイトなどにAngularで構築したコンポーネントを手軽に取り込めるようにしれくれます。これはReactやVueでは当たり前のことですが、Angularがずっと苦手としていた部分です。

今回このAngular Elementsの実装方法についてまとめてみました。ぜひ参考にしてください。

https://mae.chab.in/archives/60134

#angular #html5 #maesblog
Add a comment...

Post has attachment
【Web技術 / Jest】
5/29にJavaScriptのテスティングフレームワークJestの最新バージョン「Jest 23」 がリリースされました。これまでで最大のメジャーリリースだと言うことです。Jestの代名詞でもあるスナップショットの機能も強化されています。

リリース内容は盛りだくさんです。公式ブログを日本語に訳しましたので、参考にしてください。

https://mae.chab.in/archives/60117

#jest #react #maesblog
Add a comment...

Post has attachment

【Web技術 / React】
5/23にReactの最新バージョンとなるv16.4.0がリリースされました。リリース内容としては、以下の2点がメインになっています。
・Pointer Eventsのサポート
・getDerivedStateFromPropsのバグ修正

その他に細かいバグ修正などが含まれています。今回も公式ブログの記事を日本語に訳しました。Reactもv16リリース以降、若干複雑化してきているような印象です。ちょっとしたリリース内容でもちゃんと押さえておきたいところですね。ぜひ参考にしてください。

https://mae.chab.in/archives/60114

#react #reactjs #maesblog
Add a comment...

Post has attachment

【Web技術 / GitHub】
独自ドメインを設定したGitHub PagesがついにHTTPSに対応しました。GoogleがHTTPSサイトを優遇する方針になってから、セキュアなWebサイトが求められてきています。GitHub Pagesもますます利用価値が高まったと思います。

今回のブログの記事では、独自ドメインをGitHub Pagesに設定し、HTTPS化する方法を紹介しています。

https://mae.chab.in/archives/60095

#github #maesblog
Add a comment...

Post has attachment
【Web技術 / Angular】
5/4にAngular 6がリリースされました。今回のリリースでは、フレームワーク自体の強化というよりは、Angularを多くの方に使ってもらうための機能が強化されたといった内容です。様々な用途でAngularが気軽に使えるようになっています。それからAngularをHTMLのカスタムエレメントに対応させるためのAngular Elementsも期待大です。

今回公式ブログのリリースノートを日本語に訳しました。ぜひ一読ください。

https://mae.chab.in/archives/60084

#angular #maesblog
Add a comment...

Post has attachment
【Web技術 / React】
Jestとenzymeを使うとReactのユニットテスト がとても簡単に書けるようになります。特にJestのスナップショットテストは変化の激しいDOMのテストに最適な機能です。このスナップショットテストを含め各ツールの使い方や基本的な構文を紹介しています。

https://mae.chab.in/archives/60066

#react #reactjs #jest #enzyme #maesblog
Add a comment...

Post has attachment
【Web技術 / Turbolinks】
今回自分のブログにturbolinksを導入しました。turbolinksというとRuby on Railsのアプリ向けのツールというイメージがありますが、CoffeeScriptで書かれたnpm版もあり、Webサイトであれば導入が可能です。

フロントエンドエンジニアとして扱ってみて導入に必要そうなテクニックをまとめてみました。導入の敷居はそこそこ高いと思いますが、回遊率の高いサイトであればturbolinks導入の検討をする価値はあるかと思います。ぜひ当記事を参考にしてみてください。

https://mae.chab.in/archives/59936

#maesblog #turbolinks #wordpress #rails
Add a comment...

Post has attachment

【Web技術 / React】
3/29に「React v16.3.0」がリリースされました。マイナーバージョンアップとは言え、Context APIやrefを扱うためのAPIの追加、ライフサイクルメソッドの変更など今回のリリース内容はけっこう重要なものが含まれています。さっそく公式ブログのv16.3.0リリース内容の記事を訳してみました。

https://mae.chab.in/archives/60040

#react #reactjs #maesblog
Add a comment...

Post has attachment
【Web技術 / React】
React v16.3もリリース間近。最近追えてなかったので、今更ですが公式ドキュメントのReact v16.2のFragmentsに関する記事を日本語に訳してみました。Fragmentsいい感じです。かなり使えると思います。React v16.3リリース前の復習にどうぞ。

https://mae.chab.in/archives/59997

#react #reactjs #maesblog
Add a comment...
Wait while more posts are being loaded