概要 久しぶりにReactを触った備忘録として、Reactの基本構文についておさらいしてみようと思います。 今回触れる内容としてはこちらになります。 エントリーポイントの記述 コンポーネントの基本構文 (Class ComponentとFunctional Component) コンポーネン…

概要 Reac x TypeScriptの1,2回目で、React x TypeScriptの開発環境を構築しました。 hikidasu.hatenablog.com hikidasu.hatenablog.com そこで、tsxのモジュール読み込みを以下のようにしていました。 import * as React from 'react' import * as ReactDOM…

概要 Reac x TypeScriptの1回目では開発環境を作ってみました。 hikidasu.hatenablog.com npm startを実行してTypeScriptファイルをJSへビルド出力しましたが、できるならブラウザで出力結果の画面を見ながらファイル更新を検知してビルドするといった流れに…

背景 現在、ReactとTypeScriptを扱う案件に加わっています。Reactは前職で3案件関わりましたが、そのうち1つが一部UIで取り入れ、他2案件は他のエンジニアのヘルプで参画した程度でした。 一方、TypeScriptは現職前に軽く電子書籍で見た位で、実践になるとVS…

またもブログ更新がご無沙汰になってしまいました。。 仕事の兼ね合いからちょっとしたサンプルを作ってみました。 経緯 最近、フロントエンドでできる認識系のJSライブラリを色々と試しています。 認識系というのは、例えばよく使われるものだとQRコードの…

はじめに 昨年の話になるのですが、フロントエンドの表現スキルをあげたいと思い、GLSLシェーダースクール2017に参加いたしました。 前回のブログで使っている技術である、シェーダの基礎を勉強するというもので、時系列としては逆になってしまいかつ期間も…

こんばんわ。最近寒波続きで寒くなってきましたね。 今回、「寒中見舞い」をテーマにちょっとしたコンテンツを作ってみました。 経緯 まず本コンテンツを作るきっかけの1つに、昨年10月から通い始めたdoxasさん主催 「GLSL シェーダースクール2017」 があり…

背景 私は、デジタルハリウッドである程度フロントエンド系のスキルを身につけて卒業しその後なんやかんやあってWeb系の制作会社に入りました。 デジハリにいた頃が2011-2012年の辺りで、それから制作会社に入ったのが2015年と結構な開きがあり、そして、そ…

12月7日、 Adobe Creative Cloud 道場 にてCreateJS勉強会がありました。 私自身、 CreateJS を昨年から触り始め実案件でいくつか導入してみました。その他2D Canvasライブラリだと Pixi.js も使ったことがありますが、日本語のドキュメントが少なく、バージ…

iOS11の実機で、WebRTCを使ってカメラアクセスができるか試してみました。 WebRTCはhttps環境のサーバ、あるいは例外的にlocalhostで動作するようになっているが、実機でみることからhttps環境のサーバにあげることになりました。 ただ、自前のサーバを整備…

現在、フロントエンドエンジニアとして従事していることから、 自分で作ること以外に他サイトの演出やら表現を見る機会がしばしばあります。 その時、このサイトはどういう仕組みで動いているのだろうかと考えることがあります。 言うなれば、「マジックのネ…

だいぶ前になりますが、9月にうちうちで発表した内容をブログで整理してみました。 今年のWWDCで、いよいよMac SafariとiOS SafariでもWebRTCが正式サポートされることになり、 Webコンテンツでできそうなことを書いてみました。 ちなみに、WebRTCの醍醐味(?…