商談に行ってきました 「スキルシートを見てもうほぼ決まっていた」 「React強い人を求めていた」 「GraphQLも深い知識があってそこも魅力的だった」 商談後に評価いただきました。ありがとうございました。 感じたのは Reduxの経験はまだまだ現場では「売...

おい。

【解決】Sketchでline-heightが効かない！！変！「Golden-Ratio-Line-Height-Sketch-PluginをPluginをGitHub上からインストールして設定&使用方法」 line-heightの背景 デザイナーさんから「sketchでのline-height設定が効いている感じがしない」とい...

派遣元責任者講習に行ってきた 背景 今よしもとの一部Web案件をやっているのですが 自分のところで制作しているとフリーランスの人に仕事してもらって、 管理することが多くなってきた。 法人化も視野にいれるようになった。 法人化して、 ゆくゆくはよし...

フロントエンドエンジニア芸人としてのはじめてのギャラ フロントエンドエンジニア芸人としてよしもとクリエイティブ・エージェンシーの あるページのWebの更新業務をしているのですが そのギャラが届きました。 背景はこちら 17年?で初めてのギャラです。...

Reactであるページのstate状態を保持して遷移先からのhistory-back(ブラウザバック)に対応する こんにちは。フロントエンド芸人もりたです。 この記事は Reactであるページのstate状態を保持して遷移先からのhistory-back(ブラウザバック)に対応する とい...

派遣元責任者講習に行ってきます 5月28日に一般社団法人全国放送派遣協会の派遣元責任者講習 に行ってきます 今後、なんとなく必要な気がする予感があるから

3回目よしもと会議(渋谷無限大ホール) 無限大ホールにWeb会議行って来ました。 ページリニューアルの話をして、 また6月に入ったら運用業務とページリニューアル、２つの話をする Web初心者で実務経験をしたい、副業したい方、右下のチャットから連絡くだ...

LINEスタンプ作りました[森田賢二のシュールさーん] 今年の目標1つクリアーできた。 森田賢二のシュールさーん

WAI-ARIA読み方。Web Accessibility Initiative - Accessible Rich Internet Applications(ウェイ・アリア) もう検索結果に出ていると思いますが「WAI-ARIA」の読み方は(ウェイ・アリア)です。 読み方で調べる必要はありません。ここではReactでWAI-ARIAの...

Apollo x Relay-Style-Cursor-Pagination(リレースタイルカーソルページネーション)

Apollo x GraphQLのinlineFragmentsと(インラインフラグメント)と__typename(タイプネーム)

ReactのMountとは何か

useEffect vs useLayoutEffect意訳 useeffect-vs-uselayouteffect useEffect 99％の時間これがあなたが望むものです。フックが安定していて、 フックを使用するようにクラスコンポーネントのいずれかをリファクタリングした場合、 おそらくすべてのコード...

【4日目React Hooks Sample-Example/useCallback】get DOM info with callback which assign to ref(DOMの要素情報を取得する ) ちょっと明日用事があるので更新途絶えます これはドキュメントにも書いてある方法です 依存しないcallbackをrefに渡すことで...

[3日目React Hooks Sample-Example/ useMemo, React.memo] 一人アドカレンダーの様相。 useMemoとReact.memoの使い方はドキュメント参照のこと。 ・useMemoのdepsのところにcount2を入れてクリックでインクリメントすると毎回計算されることがわかります ...

[これ。React Hooks Sample-Example/ useReducer and useContext] Toogle Box もうちょっと改善できそうですが一旦これで 何が改善点かというとパフォーマンスです それぞれ対応するBoxだけがレンダリングすればいいのですが、全体に影響しています これを...

[これ。React 16.8 Sample/ useRef] Receive child changes from parents using useRef useRef ・dataを保存できる。 ・stateの変更によるRerenderを引き起こさない ・そのデータを覚えていて、setStateをしても変わらない。refはインスタンス変数として使...

これ[ Jest x apollo Query] TypeError: Cannot destructure property [PropertyName] of 'undefined' or 'null'.