@roottoolの技術ブログ

【個人開発/OSS】カンバンアプリを作ってみた

TL;DR 非同期処理の返り値をStateの初期値にしたい時は、useEffectを使う Skebanをよろしくおねがいします はじめに Skeban v0.1.0を先日リリースしました。個人利用のみに対象を絞...

Reactで<div>のonKeyDownイベントが実行されない時の対処法

TL;DR(要約) &lt;div&gt;をフォーカスを持たせるためには、tabIndex属性を使用する。 Tabキーで&lt;div&gt;に到達可能にするならtabIndex={0}、到達不可にするならtabInde...

オープンソースプロジェクトにコントリビュートしたポエム

TL;DL(要約) Google翻訳で生成した英文を推敲してプルリクエストを作っても案外何とかなる、何とかなっているはず(願望) Github Help Wantedを活用しよう オープンソースプロジェクトへの...

ポートフォリオちゃんの命の輝きを見よ!

前置き 前回の記事から、ポートフォリオが色々変わりました。色々変えた際のインプットをアウトプットしていこうと思います。 具体的には何が変わった? redux, react-reduxの導入 connected-re...

React + Typescriptでポートフォリオを作ってみた

前置き タイトルに書いてある通り、React + Typescriptでポートフォリオを作ってみました。レスポンシブ対応とSPA(シングルページアプリケーション)対応を行っています。 この記事では公開までの過程を書いていきます。 ...

Angular6+firebaseでチャットアプリを作ってみた

はじめに Qrunch初投稿です。 Webエンジニアになっていながら、jQueryとほんの少しだけ趣味でAngularJSを使っただけという状態でした。 なので、知識のアップデートがてらAngular 6でこんなものを作ってみま...

firebase storageから音声ファイルをダウンロードして再生

この記事で書くこと Firebaseの環境構築や、firebaseのインストールは参考文献に記載しているページに詳しく記載されていますので割愛します。 この記事は、「AngularのプロジェクトにFirebaseを導入する」のan...

Angular Materialのsidenavをコンポーネントとして実装する

この記事で書くこと Angular MaterialのsidenavをAngularプロジェクトに実装する方法を説明します。 Angular Material, Angular CDKのインストール 既にAngularプロジェク...