ステータスオープン!
職務経歴
中東向けのECサイトや旅行サイト、広告マーケティング総合ツールを開発。
扱っていた主な技術はRuby on Rails, React, AWS, MySQL。
自社飲食系サービスを開発。
扱っていた主な技術はC#, ASP.NET。
個室居酒屋を多店舗展開運営する会社。
経理で採用されるが、Excelスキルやコミュニケーション力を買われ情シスを担当。
社内外様々な人とやり取りしてシステム化を進める。
大手ゼネコンのもと新築工事や、マンションの改修まで広く経験。
6現場を職長として管理。
筋肉経歴
弱点の腕肩や上半身の厚みの強化中。
挙上重量を増やすことが当面の目標。
75kg級にエントリーするもコロナウイルスで中止。
強みと弱みを把握できたので来年こそは!
初めての大会出場に向けて減量。
ボディビルのポージングも練習。
己の肉体の限界を目指す減量に楽しさを覚える。
初めての大会出場に向けて減量。
ボディビルのポージングも練習。
己の肉体の限界を目指す減量に楽しさを覚える。
同年5月にボディビルを初観戦し衝撃を受ける。
高みを目指し、ボディビルで古くから有名なジムに移籍。
筋肉エンジニアとの同居も開始。
月会費約6万円のジムでトレーニングに没頭。
自己流のトレーニングだったが初めてパーソナルトレーニングを受け上達する。
筋肉エンジニアとしてもくもく会や食事会や合同トレーニングなどの活動を開始する。
これをきっかけに多くの筋トレ好きなエンジニアさんやデザイナーさんと出会うことになる。
ジムに入会して筋トレ沼にハマる。
YouTubeで情報収集する日々。
開発実績
個人の技術ブログやプロフィールサイト。
ライブラリのドキュメントやポートフォリオサイトやブログなど、GitHub上に公開された参考にできるソースコードが多いことから学習目的も兼ねて作成。
APIやスクレイピングで様々な広告媒体からデータを取得。
取得した広告データをレポートに出力。
既存の表示部分をすべてReactに置き換え。
サービス内のエディターで使うウィジェットの要望をユーザーから受け、作成。など
ビジネスサイドや中東の方とコミュニケーションをとりながら、要件定義から開発まで。
開発はインターン生と2名で担当。
初めて新規事業を任されましたが、コロナウイルスの影響などで開発中止
他ECサイトからスクレイピング。
商品ページ、レビュー機能。
日本語、英語、アラビア語の形態素解析をして頻出語を抽出。
ElasticSearchで商品検索。
Stripe, paypal決済。など
https://en.ganso.co.jp/
1日の活動量をスカウターで測定し日々加算してキャラを育成。
フォロワーからの反応が少ない人でもゲーム感覚でTwitterを楽しめるアプリ。
サービス終了予定なので、当時書いたこちらを参照
ブログ
アリババのカスタムフックコードリーディング~useBoolean編~
アリババのカスタムフックをコードリーディング React の理解を深めるために、アリババのカスタムフックのコードを読んでいこうと思います! カスタムフックとは use から始まりほかのフックを呼び出せる関数です。 自分独自のフックを作成することで、コンポーネントから React のロジックを抽出して再利用可能な関数を作ることが可能です! OSS として多くのカスタムフックが公開されているなかでアリババを選んだ理由は、 わかりやすいドキュメントが用意されていること、有名企業であること、GitHub の Star 数が多いことがあります。 useBoolean フック useBoolean は、 true/false の値を state 管理する hooks です。 前回ご紹介した useToggle が管理してくれた値の型は number | string | boolean でしたが、 useBoolean は boolean のみで、より限定された hooks になります。 API 引数 Property Description Type Default defaultValue…
アリババのカスタムフックコードリーディング~useToggle編~
アリババのカスタムフックをコードリーディング React の理解を深めるために、アリババのカスタムフックのコードを読んでいこうと思います! カスタムフックとは use から始まりほかのフックを呼び出せる関数です。 自分独自のフックを作成することで、コンポーネントから React のロジックを抽出して再利用可能な関数を作ることが可能です! OSS として多くのカスタムフックが公開されているなかでアリババを選んだ理由は、 わかりやすいドキュメントが用意されていること、有名企業であること、GitHub の Star 数が多いことがあります。 useToggle フック useToggle は状態を2つの値で切り替えるhooksです。 API 引数 Property Description Type Default defaultValue デフォルト値を設定 number | string | boolean | undefined false reverseValue デフォルト値ではない値を設定 number | string | boolean…
404ページをカスタマイズした
404 ページをカスタマイズする 404 ページがデフォルトのままで寂しかったからカスタマイズしました! 作った 404 ページ Gatsby では、 src/pages/404.js を編集することで 404 時のページをカスタマイズすることが出来ます。 おあそび ただ 404 を表示するだけではおもしろくないかなぁ。 404 ページに来るほど勉強熱心な方にはもっと筋肉を知ってもらいたいなぁ。 という思いから! 404 ページにはタイピングゲームをご用意しました! 実装は以下のコードをご確認ください!
コードブロックの指定行をハイライトさせる
つくったもの 技術ブログを書いているときに、サンプルコードの指定行をハイライトしたいことがありました。 サンプルコードのどこを説明しているのか読みやすくしたいと思ったからです! たとえば .mdx ファイルで line={1,4-6} と行を指定すると、 コードブロック部分は 1 行目と 4~6 行目がハイライトされます。 実装 ```で表示するコンポーネントを用意 マークダウン記法の ` ` ` を使って表示される見た目を、MDXProvider を使って変えたいと思います。 { code: <表示したいコンポーネント /> } を MDXProvider の state である components に渡すことで、 ` ` ` で表示される見た目を変えることが出来ます。 MDXProvider について詳細は以下の記事を参照ください。 自分の場合は、 CodeBlock コンポーネントの中で、 Highlight という色付けされたコード部分を表示するコンポーネントを使っています。 この Highlight…
MDXProviderを使ってマークダウンの表示を変える
MDXを使う準備 この記事ではMDXを使った前提で進めます。MDXは不要でシンプルなMarkdownで良い方は適宜読み替えていただけると幸いです。 MDXとは、Markdownで簡潔に記述し、かつより高度で再利用可能なJSXも埋め込めるものです。 インストール gatsby.configに追記 gatsby-node.jsでページを作成 詳細は割愛しますが、 CreatePages API の、 CreatePage アクション を使ってページを作成します。 テンプレートファイルに ./src/templates/blog-post/index.js を指定しているので、あとでこのファイルを見ていきます。 MDXProviderでコンポーネントの定義をマッピングする MDXProviderを使うことで、MDXコンテンツ内のタグのレンダリングを置き換えることができます。 例えば <h1> の色を変えたい場合、以下のようにMDXProviderにオブジェクトを渡します。 自分の場合は、 コンテンツのレンダリングの定義を src/components/MDXComponents/index…