tsurup

約12年間理学療法士として働いたのち、34歳でエンジニア転職。鹿児島のWeb系企業への…

tsurup

約12年間理学療法士として働いたのち、34歳でエンジニア転職。鹿児島のWeb系企業への転職を機に、アウトプットをしていこうとnote利用開始しました。日々感じた事や頭の中の記憶を整理するためにブログ書いていきたいと思います。国語能力が低い為、読みにくいのはご了承ください。

朝活152日目　Zennの続き

今日は昨日出した記事案を形にしてみる。 昨日ChatGPTに出してもらった案をがっちゃんこして、構成を考えてもらう。 記事1：波情報APIの概要とダッシュボードの構築（自己紹介とダッシュボード全体の紹介） 記事2：位置情報の管理とAPIリクエストの詳細（位置情報の取得・管理、APIリクエスト） この二つをまとめて出そうと思います。 アウトライン、構成を考えてください。 ダッシュボードに関しては環境構築とMUIの割合が多くなりそうなので、使用技術見たいな項目でサクッと触れ

tsurup

    • 朝活151日目　Zenn書くぞ

      開発もキリがいいのでZennに今までの部分を書いてみる。 なんちゃって技術記事。 ほとんどChatGPTに書いてもらってるので、一旦コードの復習です！ あとは職場のテックブログを最近書いたのですが、なかなか上手く書けない。。。 指摘を受けるとなるほどなーっという感じ 読者に何を伝えたいのか 想定読者は誰？ パンチライン パンチラインに即した章立て を意識しなきゃ。 なに伝える？：ブログやってます、波情報が欲しいという問題を自分で解決 想定読者：初学者やサーフィ

      tsurup

      • 朝活150日目　まとめ記事出すか！

        昨日コンディショナーがシュコシュコしても出にくくなってたので、今日の自分に「コンディショナーもうすぐ空だよ！詰め替え入れてね〜」の意で浴槽の淵に置いていたのに、「ん？」っと思いながらも元の位置に戻してしまった私です。 今日は早く出勤したいand寝過ぎたので宣言だけですが、まとめ記事書こうかと。 今から潮汐表のデータ取るためにサーバサイドの実装しなきゃ行けないので、キリがいいかなーっと。 今はまだ開発途中。 言うなればversion0.1.1までの開発の記録。 Chat

        tsurup

        • 朝活150日目　CORSポリシー

          エラーが出てた。 何となく？ ぼやっとしか理解できてなかったので質問 私の認識が合っているか教えてください。 今CORSポリシーによる制約を受けているのは、フロントから直接APIにリクエストを投げているから。これはfetchTideData.tsはブラウザに読み込まれて、フロントエンドのサーバではなくブラウザから叩かれている。その為ポリシー制約を受ける。 示してもらっている方法は、バックエンドのサーバからたたきに行っているので、CORSポリシーを回避できる。 これはcu

          tsurup

        朝活152日目　Zennの続き

        tsurup

          朝活149日目 GW最終日と潮汐表

          GWも最終日ー GW中は友人と出かけたのと飲みに行ったぐらいで家に引きこもっていました。 私は人混みが苦手なので、あまりこういう時期は外に出ません。 昨日も飲みのお誘いありましたが、休肝日！っと決めていたので断りました。。。本当はもうご飯の準備が始まってたので、シラフで二次会から合流が面倒だっただけですけど。。。 昼間は7days to dieがセールしてた時にネットの友達に進めたら数名かってくれて、一人がどハマり、朝から晩までやってます。 あとはオクトパストラベラーズ2？

          tsurup

          朝活149日目 GW最終日と潮汐表

          tsurup

          朝活148日目　hiddenが動かない

          ぬーーー なんか日別の情報の下に週間予報が出てきちゃってる。。。 hiddenで条件入れるけど、うまくいかない。。。 条件に当てはまってないはずなのに表示される。 条件を===から!==にしても表示される。。。 <Table size="small" hidden={selectDate !== dates.length}> こう書いたときに、selectDateは７以外、dates.lengthは７であるのに出力されてしまいます。リアクトのレンダリングの関係ですか？

          tsurup

          朝活148日目　hiddenが動かない

          tsurup

          朝活147日目　ドライブとアプリ開発

          昨日は2年ぶり？に帰ってきた友人と友人の車、マツダ：ロードスターに乗ってドライブ！ 友人が学生時代によく行っていたという宮崎市内の食堂でチキン南蛮を食べた。 ボリュームありすぎてやばかった。。。 そこから日南へ向かって海岸線をドライブ。 途中から運転させてもらっていい気分！ ロードスターはオープンにできるので、オープンカーにして走る海岸線は最高！ そしてロードスターの文化で、「野エー」？と言ってすれ違ったロードスターに手をふる文化があるらしくすれ違うロードスターと手を振って

          tsurup

          朝活147日目　ドライブとアプリ開発

          tsurup

          朝活146日目　日付ごとに表示

          んー 潮位をどこに表示するかで迷う。 現状はポイントを選ぶと7日分のデータが出てくる。 羅列されてるから見にくいっちゃ見にくいんだよなー 週間予報、各日付のタブとかで出し入れするかなー？ コパイロットにしつこく聞いてみたらそれっぽいコードが出てきた 既存のOrdersコンポーネントをMUIのタブで週間予報を表示するように書き換えることができます。以下にその方法を示します。 まず、必要なMUIコンポーネントをインポートします： import Tabs from '@

          tsurup

          朝活146日目　日付ごとに表示

          tsurup

          朝活145日目　API叩いてみる

          $ curl -L "https://api.tide736.net/get_tide.php?pc=45&hc=2&yr=2023&mn=5&dy=1&rg=day" | jq . % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left

          tsurup

          朝活145日目　API叩いてみる

          tsurup

          朝活144日目　潮位が知りたい

          今日は早めに出社したいのでちょい朝活 昨日までで風向きと風速入れれたので、後は潮位 サーフィンには満ち引き超大事なのです！ 満込みがいいポイント、引きじゃないとダメなポイントなどなどあるのでレッツ検索。 早速みっけた！ 潮汐表っていうのねー え、やば！ 画像返してくれるAPIまである！ パラメータ設定してAPI叩くと こんなの返してくれた！ ただ難点なのは緯度経度ではなくて都道府県コードと港コードで送信しないといけないことかなー まあ自分が使うだけだから都度調べて設定

          tsurup

          朝活144日目　潮位が知りたい

          tsurup

          朝活143日目　風情報を出力

          GW前半戦終了。 特に予定もなく家でだらだらー 新しいゲームを買おうか葛藤しています。 最近食べ過ぎのせいか体重増加が著しい。 今日から食べ物にはマジで気をつけていこうと思います💦 さてさて、風情報出力しますかねー あと潮位も出したいなー コパイロットに、https://github.com/Turu0512/my-surf-point/blob/main/src/api/fetchWaveData.tsを参考に 「風情報をとってくるプログラムを書いて。APIはこちらで

          tsurup

          朝活143日目　風情報を出力

          tsurup

          朝活142日目　風情報取らねば

          あー 今日は何しようかなーって思っていたけど、考えてみればサーフィンに大事な風向き、風の強さがないじゃないか。。。 今使ってるAPIでできないか、できないなら別な方法も考えなきゃ。 あったー でもこの際だから他に何があるか探してみる んー Windyの値と単位揃えてもだいぶ違うなー でも気象庁のデータ取ってきてるっぽいし、、、一旦これでもいいかなー あまりにかけ離れてそうだったら考えよう。。。 単純に今のURLにがっちゃんこしたらエラー がっちゃんこしたやつ h

          tsurup

          朝活142日目　風情報取らねば

          tsurup

          盛れない

          昨日飲み過ぎ帰り遅すぎでぐっすり寝て、友達とゲーム APEXのランクで野良の人とPT組んだけど今日はプラマイ０くらいで終了 頭重いので開発は今日はお預け。 今からお墓参り行って、、、居酒屋で晩御飯食べてきます めでたしめでたし

          tsurup

          盛れない

          tsurup

          朝活141日目　複数ポイントの実装

          昨日でドロップダウンメニューは作れたから、今度はそのメニュをクリックしたら内容が変わるようにリンクを埋め込んでいく。 あとはメニューを登録したポイントの分だけ出力するように変えていく。 まずは次のポイントを登録しておこう。 東シナ海がわの西方海水浴場を登録。 ここは梅雨時期とが冬によくナビが立つところですねー REACT_APP_NISHIKATA_POINT="西方海水浴場"REACT_APP_NISHIKATA_COORDS=31.911186, 130.224127

          tsurup

          朝活141日目　複数ポイントの実装

          tsurup

          朝活140日目　ドロップダウンメニュー完成⇨コレジャナイ感

          今は http://localhost:3000/points/koigaura で表示できるようになった。 なので、ドロップダウンメニュー？を作って、そこにポイントを並べたい。 ポイント名も動的に出力 .envにポイント名を追記、クエリパラメータから生成した環境変数で取得、表示する。 ドロップダウンメニューの実装に入る。 ChatGPTに言われた通り、いろいろインポート import React, { useState } from 'react';import

          tsurup

          朝活140日目　ドロップダウンメニュー完成⇨コレジャナイ感

          tsurup

          朝活139日目　クエリパラメータからポイントを表示

          この実装もしなきゃだ <ListItemButton> <ListItemIcon> <DashboardIcon /> </ListItemIcon> <ListItemText primary="Dashboard" /> </ListItemButton> ドロップダウンのメニューにして複数のポイント名を表示、ポイント名をリンク付きのボタンにしたい ChatGPT ChatGPT Reactでドロップダウンメニューを実装し、各ポイント名を選択可能なリン

          tsurup

          朝活139日目　クエリパラメータからポイントを表示

          tsurup