Takeru | WEB Development @mikey_an0101

WEBアプリを作成しています✨ | Love Coding 👨‍💻 | Love Space 🚀✨#React #Nextjs #GraphQL #Nodejs #Postgresql @polygonalspace2 mikeyan.biz Nagasaki, Japan Joined August 2019

Tweets

959
Followers

156
Following

45
Likes

337

Takeru | WEB Development @mikey_an0101

4 years ago

Reactアプリを構築する際に多くの人が遭遇する難所、useEffect Hookの"a missing dependency"エラーについて、その概要と解決方法をまとめました。useReducer / useRefを使う対処法を、実装例のアプリ & ソースコード付きでご紹介しています 🚀✨ #プログラミング #React　 mikeyan.biz/blog/useeffect…

0 0 1 0 0

Takeru | WEB Development @mikey_an0101

4 years ago

【ReactアプリでNASAの宇宙画像を取得】 NASAの公式APIにアクセスすると、多くの素晴らしい宇宙画像を用いてアプリを開発できます🔥 ブログ記事では、ReactでNASA APIから画像取得する方法を、実装例のコードをベースに解説しました🚀✨ #プログラミング #React #NASA #宇宙 mikeyan.biz/blog/react-nas…

0 0 4 0 0

Takeru | WEB Development @mikey_an0101

4 years ago

【Next.jsでブログ構築 🚀✨】ブログサイトをNext.js + GhostのヘッドレスCMSで刷新しました。WordPressでブログを立ち上げたのが2年前。WordPressのヘッドレスも検討しましたが、せっかくなので全部新しくしようと思い、Ghostの導入を決めました🔥 #プログラミング #nextjs mikeyan.biz

0 0 3 0 0

Takeru | WEB Development @mikey_an0101

4 years ago

【Next.jsの手軽なサーバーレス認証】 NextAuthの魅力は、クライアントサイドだけで認証システムを設置できることですね。今回の記事では、NextAuthを使ってパスワードログインを実装する方法を、サンプルアプリ付きでご紹介します 🚀✨ #プログラミング #nextjs #React mikeyan.biz/blog/next-auth…

0 0 3 0 0

Takeru | WEB Development @mikey_an0101

4 years ago

【ブログ更新】 ReactのContext APIとHooksを使って、Global Stateを定義する方法について書きました。Next.jsのサンプルアプリを例にしつつ、ソースコードを解説しています。汎用性 / 拡張性の観点でのベストプラクティスを考えます。 #プログラミング #React mikeyan.biz/blog/context-r…

0 0 2 0 0

Takeru | WEB Development @mikey_an0101

4 years ago

2021年お疲れ様でした。今年は個人開発のサイトをリリースできたし有意義な時間を過ごすことができました。来年はもう少しツイートを増やそうと思います🚀✨

0 0 2 0 0

Polygonal Space @polygonalspace2

4 years ago

【宇宙画像を検索するWebアプリを公開】 NASAの画像ライブラリーを日本語のキーワードで検索できるウェブサイト『Polygonal Space』をリリースしました 🚀✨ 無料でご利用いただけます😉 #宇宙 #プログラミング #React #nextjs #NASA polygonalspace.com

0 1 5 0 0

Takeru | WEB Development @mikey_an0101

5 years ago

【ローカル開発での謎エラーの原因】個人的によく経験するのが「同一ポートで別アプリが稼働中」です。次のコマンドでポートの使用状況か分かります。 lsof -i tcp:ポート番号 (使用中ならPIDが表示される) →次のコマンドでPIDのプロセスを停止。 kill -9 PID ご参考ください😉 #プログラミング

0 0 4 0 0

Takeru | WEB Development @mikey_an0101

5 years ago

Herokuにデプロイする際、安全性のためconfigファイル(DB URI / JWTなど)を.gitignoreに記載すると、認証失敗でエラーが発生します。この場合、Herokuに"config vars"を直接設定することで.gitignoreを維持しつつエラー回避できました。Heroku Dashbordでの設定が便利です（画像）😉 #プログラミング

0 0 4 0 0

Download Image

Takeru | WEB Development @mikey_an0101

5 years ago

一年くらい前にPHP+MySQLのfull stackアプリを作ったけど、教科書で勉強しながら、自分のレベルのはるか上のものを作ろうとしていた。結果的に構築できたし、実力もついたと思うけど、振り返って見ると、実力の少し上くらいの色々な開発を経験した方が長期的に見て良いような気がする。#プログラミング

0 0 3 0 0

Takeru | WEB Development @mikey_an0101

5 years ago

ExpressのHPが常時SSL化していないことを発見。。 (http→httpsにリダイレクトされない) Node.jsのフレームワークとして唯一無二の存在だし、世界中のweb developers が頼りにしているので対応して欲しい。 #プログラミング

0 0 2 0 0

Download Image

Takeru | WEB Development @mikey_an0101

5 years ago

Reactの導入コマンド”create-react-app”が突然機能しなくなった時の対処法です。npm uninstall -g create-react-app では解消せず、キャッシュ削除(Stack Overflowの回答)も効果なし。。試行錯誤の末、試しにyarnを使ったところ無事解決です。yarn global remove create-react-app 😉 #プログラミング

0 0 4 0 0

Download Image

Takeru | WEB Development @mikey_an0101

5 years ago

JavaScriptメソッドの .json()とJSON.stringifyはいずれもJavaScript objectをJSONに変換しますが、.json()がasynchronous関数で、Promiseを返す(async/await、.then()を伴う)点が異なります。このような性質上、.json()は、例えばfetch APIと共に用いられることが多いです😉 #プログラミング

0 1 3 0 0

Takeru | WEB Development @mikey_an0101

5 years ago

JavaScriptのES6 module (type=“module”)を使用すると、JSファイル間でexport/importできて便利なのですが、落とし穴として、HTMLファイルをローカル(file:// )で開くとchromeにcross origin requestと判断されてエラーが出ます。。ローカルサーバーで開けば問題ありません😉 #プログラミング

0 0 3 0 0

Takeru | WEB Development @mikey_an0101

5 years ago

プログラミングあるあるですが、一つのエラーで先に進めず、丸一日かけてstack overflowやオリジナルDOCSを隅々まで読んで試行錯誤したあげく、一箇所のスペルミスを発見して全て解決。。しかしながら、エラーのおかげでこれだけ勉強できて理解が深まったのでエラーには感謝しかない😉 #プログラミング