react

僕がWebアプリを開発するときはもっぱらRemixフレームワークを利用する。 remix.run 理由は単純で、loader関数とaction関数の考え方が大好きだからだ。 React Nativeのアプリの開発をするときも、Remixのloader関数とaction関数を使いたい。 しかし、そんな機構はもちろんReact Nativeには存在しない。 そこで、action関数もどきをReact Nativeで再現するためにuseActionDataもどきを作ってみる。 useLoaderは別の機会に作ることにする。 引数 引数としてaction関数を受け取れるようにする。 T型は、formで…

管理画面系などたまーに下記の画像のように改行区切りで値を取得したい時があります。 console そんなときは、サンプルコードのようにすればyupと組み合わせたときでも問題なく値を取得することが可能です。 import { NextPage } from 'next'; import { Controller, useForm } from 'react-hook-form'; import React, { ChangeEvent } from 'react'; import * as yup from 'yup'; import { yupResolver } from '@hookfor…

はじめに 株式会社ヴァル研究所の武正と申します。製品開発部のBtoC開発チームというところでリーダーをしております。 今回は今年の4/1に実施したエイプリルフール企画についてお話しさせていただきたく思います。 なお、発案から開発に至るまでの過程は伊藤による企画編をご覧ください。 こちらではリリースまでの開発メンバーの動きを書かせていただければと思います。 vallaboratory.hatenablog.jp 開発体制 今回開発に携わったのは私を含めたチームメンバー6名です。 各メンバーとも担当プロダクトを持っている中、合間を縫っての対応となりました。 企画案をベースに追加検討を行った上で、優…

zenn.dev v3.ja.vuejs.org HTMLがそのページに必要なJavaScriptを読み込んで動的なDOMを生成する過程ことを言うのかな？ React18でHydrationエラーが起きるようになったらしいので、React18にあげるなら直すしかない blog.ojisan.io zenn.dev なぜ起こるかというと、サーバーサイドのHTMLとクライアントサイドで生成されたHTMLが違うとエラーが起こる。不正なHTMLはブラウザ側で自動で直す（全部ではない）ので、その結果サーバーサイドのHTML（不正な構文エラーが起きているHTML）と違ってしまうかららしい FF内から失礼し…

こんにちは。 先日Reactを使っているプロジェクトに参加することになり、Reactを触ったことがなかったので勉強することにしました。 ここで手に取ったのが『モダンJavaScriptの基本から始める React 実践の教科書』です。 www.sbcr.jp 結果的にこの本が自分が知りたいなーと思っていたことをキレイに満たしてくれたので、この本の感想を書いていきたいと思います。 読む前の私の状況 プログラマーとしての経験が浅い私は、以下のような状態でした。 プロジェクト経験は１件 そのプロジェクトではRailsとJqueryを使っており、自分が担当していたのは主にRails側の機能追加などの実…

はじめに どうも、ハガユウキです。2022 6/1に金融SEから、無事にスタートアップのソフトウェアエンジニアにキャリアチェンジしました。働く中で、自分がしたこと、考えたこと、感じたことを忘れないようにするために、日記を書きます。気軽に楽しんで読んでいただけると嬉しいです。 シンガポールチキンライス DAY1(2022 6/1) この日からソフトウェアエンジニアとしてのキャリアがスタートした。 MacBook proとモニターが支給される。あと自分が座るイスがめっちゃ座りやすい。値段を聞くと8万もするらしい。隣にCTOがいるので、いつでも気軽に聞くことができる。すごく最高な環境。 午前中は雇用…

大変便利なreact-hook-form。 便利なreact-hook-formにはdefaultで使えるvalidation機能があります。 <input {...register('firstName', { required: true, max: { value: 10, message: 'error' } })} /> このような形でregisterで登録するときに、optionsを指定すれば、ある程度のvalidationを実装することは可能です。 ただ、複数の入力項目になった場合、componentの内部で設定を持つと見にくいですし、設定の仕方も少し直感的ではないです。 そこで…

はじめに この業界に足を踏み入れてから どん底時代 そしてやられるメンタル 転機 初めてのオフショア そんなこんなで ここ1、2年 最近の自分の技術スタック あとがき 追伸 はじめに 現在採用系の広告代理店に業務委託契約でJOINし、技術系全般を任されています。 ざっくりですが主に AWSやGCPの設計・管理 上司からの要求を技術的な部分に落とし込んで設計 運用フローをヒアリングした上で問題点を洗い出して改善計画 ベトナムのオフショアと連携して設計や開発・指示出し フロントエンドやバックエンド等の技術選定 コードの品質管理 開発環境の構築 CI/CD周りの設計・構築 などなど。とにかくプロジェ…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ ⭐ （17,833件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,84…

次はどんな個人開発をするのか計画を練っている。 あわせてよみたい 次はどんな個人開発をするのか計画を練っている。 仕事は納期のある仕事をしていて、あんまり楽しくない。リリース寸前になってバグが発見されて改修作業を行ってるのだけど、僕のストレッサーの同僚は、なんかこのバグは僕の責任にしてしまうつもりのようだ。なんというか、このアプリを開発した業績については自分が持ってくつもりのようであるが、バグの責任などは全部僕に押し付けるつもりのようなのである。 なんかさ、もう僕はこの人に関してはなんやかんや言うつもりはもうないのよ。僕は人間的に冷淡なところがあるので、嫌いになった人はもう嫌いな人という括りで…

本ページは投稿記事一覧です。 (自動更新) Architecture MicroArchit マイクロサービスアーキテクチャ メモ (2022/05) Program Java Java Assertj + Mockito (2022/02) Gson Serialize (Object -> String) での時刻フォーマット指定方法 (2022/02) Golang Golang Generics (2022/01) Golang コード自動生成 (2022/03) Golang Gorm 実践メモ＆注意点 (2022/03) Golang ポインタ (2022/04) Golang 並…

こんにちは〜こんばんは〜いかがお過ごしですか 1年nヶ月無職をしていた私ですが、晴れてwebエンジニアになって1ヶ月経ちました。正直、「ブログ書いてる暇があるなら自作サービスをやったほうがいいのでは…？」と心の中の自分が言っていますが、今の気持ちは今しか書けないもんっ🥺ということで筆を走らせています。前置きが長い。 6月は基本的に仕事9割・自作サービスとJS Primer輪読会とその他が1割くらいな感じで過ごしていました。なので仕事に関することばかり書いていきます。なんかフィヨルドブートキャンプでの経験的なところを絡めてしまいましたが、誰かの参考になったら嬉しい系ではなく、私個人の感想です。（…

お世話になっております。インフラジスティックス・ジャパンでございます。 今月のトピック Infragistics Ultimate 2022 Vol.1リリース！ ナレッジベースをご活用ください！ 新着ブログ記事 サービスリリース情報 ニュースレター登録のご案内

二回目の退職ブログとなってしまいましたが、6/30をもってメルカリを退職しました。 メルカリを退職した - 技術探し 一回目の退職の後に、アイルランドに住みながらメルカリWebのリアーキテクチャに関する技術顧問として1年半ほど働いた後に日本に帰ったタイミングでお誘いを頂き、2019年の11月に二回目の正式な入社をしました。 メルカリ メルカリ ソウゾウ 開発体制 フロントエンド Enabling Team なぜやめるのか？ Yuimedi 今後の仕事 / コンタクト さいごに メルカリ 入社後、リアーキテクチャとは異なりますが、メルカリwebの刷新プロダクトがはじまるということだったのでそちら…

ver 0.2022.7: いつの間にか梅雨明け... なんだかちゃんと雨が降った気がしないのですが、この夏の日本の水や野菜は大丈夫でしょうか。id:iwasiman (ver 0.2022.7)が今月もリリースのテストをしているようです。 ワイの中で『パリピ孔明』が流行ったので突然のクラブ風w / フォント: Graphik

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥24,000 → ¥1,960 92%OFF!! ⭐ ⭐ ⭐ ⭐ ⭐ （17,824件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,000 → ¥1,84…

gatsby の tutorial をやっていたら、npm install → npm audit fix でエラーが出た。 % npm audit fix npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: type-fest@0.20.2 npm ERR! node_modules/type-fest npm ERR! type-fest@"^0.20.2" from globals@13.15.0 npm ERR! node_modules/…

初めからじっくり計画してDRF使って、React使って…と考えていたが、久々だしどうあがいても知識不足であるのはわかりきっているので、できることからコツコツと、つまりまずはDjangoのみで作ってから拡張しようと進路変更。1回簡単なアプリを作った経験はあれど、完璧に忘れてしまっているし、知識を確認しながらのリハビリだ。だからこの記録も必要。自分が書いたブログを参照しながら作り直していく。面白い経験。過去の自分頑張ってたんだなぁと思う。やっぱり記録を残しとくって大切よね。こうして自分で勉強し直せるんだから。毎日ほんの少しずつだけど進んでいきたい。 本日やったこと・覚えたこと models.pyの…

概要 JavaScript や Python など人気の言語について、様々なサイトやブログなどでコードが紹介されていますが、結論までなかなか長くパッとコードや例を確認することができない場合が多いですよね（偏見化もしれませんが）。 そんなときに、コード例がぱっとわかるサイト「30 seconds of code」を紹介します。 こちらは英語記事ですが、最近人気のあるプログラミング言語である JavaScript や Python、そのほかにも CSS であったり React、Git についてもコード集があります。 利用手順 利用方法は以下のページへアクセスすることで利用可能です。 www.30s…