なる|なるのエンジニアブログ

ポモドーロタイマー × 作業ログの Web アプリ「FocusLog」を公開しました ・タイマー完了で作業ログが自動保存 ・本日の統計・連続日数（ストリーク） ・アカウント不要・ブラウザだけで使える focuslog.narudev.works #個人開発 #WEBアプリ #ポモドーロ

始めのうちはアプリ開発より集客の方が難易度高いのが現実 #個人開発 #アプリ開発

「VSCodeからGitHubにpushしようとしたら、エラーが出て進まない…」 初心者が直面するこの問題の原因は、 以前のパスワード（トークン）のまま リモートURLの1文字ミス 先に git pull していないなど、 解決手順をまとめました！ #Git #GitHub #プログラミング narudev.works/vscode-github-…

大方完成してきた。結局AIを使っていくと、実装に持っていけるまでがやっぱり早い笑 早ければ今月中に行けるかもしれない #個人開発 #WEBアプリ

最初は自分用に作ったWEBアプリをまとめて管理して、一覧公開するアプリを作り始めたけど、結局は最後まで作り込んでしまう見込み。 仮のUIで来た人が見れる画面はこんな感じになってる。 これと、ログインしている人だけ使える管理画面があるイメージ #個人開発 #WEBアプリ

次のアプリのLPを作っているけど、自分が納得するページになるまで、時間がかかりそう、、、

JavaScriptの==と===、何が違うの？🤔 結論：基本的に===だけ使えばOK 【==（緩い比較）】 型が違っても自動変換して比較する 【===（厳密な比較）】 型も値も一致しないとfalse ==を使うと思わぬバグの原因になりがち😇 迷ったら===を使っておけば間違いなし✅ #JavaScript #プログラミング

CSSの縦横中央寄せで「動かない！」となったことありませんか？ 親要素にこの3行を書くだけで一発解決します。 1️⃣display: flex; 2️⃣justify-content: center; (横中央) 3️⃣align-items: center; (縦中央) コードの仕組みをまとめました！ #CSS #プログラミング narudev.works/flexbox-center…

@Yuki_K25 コメントありがとうございます！ 作業ログは差別化を図る1つの要素だと考え実装してます。 是非試してみてください。😊

@naru_dev_lab 作業ログが自動保存されるの嬉しいですね！振り返り機能があると継続のモチベにもなりそう。試してみます！

ポモドーロタイマー×作業ログ「focuslog」を紹介 【こんな人に使ってほしい】 ・集中できてるか不安な人 ・作業量を振り返りたい人 ・タスク管理を手軽にしたい人 【主な機能】 🔹25分タイマーで集中を管理 🔹完了で作業ログが自動保存 こちらから👇 focuslog.narudev.works #個人開発 #アプリ

@Aizawa_dev コメントありがとうございます！ 一旦まずは、自分用で作ってみて、そこから皆が使える状態にできるようにと考えてます。

@naru_dev_lab 作ったWebアプリが増えると、リンクや説明をまとめて見せられる場所ほしくなりますよね。 もし作られるのであれば使わせていただきたいです😆

作ったWEBアプリを管理・一覧で公開するアプリを作れたら便利じゃね？と、ふと思ってしまった。 WEBアプリとしてやっていくわけだけど。 #個人開発 #WEBアプリ

VSCodeで作業速度が上がるショートカット3選 ① Cmd + D 同じ単語を複数選択して一括編集できる ② Option + ↑↓ 行をそのまま上下に移動 ③ Cmd + / 選択行をまとめてコメントアウト 保存はもちろん Cmd + S 😄 これで、コーディングが一気に快適になります💪 #プログラミング #VSCode #エンジニア

【使い方】 ① 作業名を入力してカテゴリを選ぶ ② 「開始」で集中タイマーをスタート（25分・変更可） ③ 完了するとログに自動保存 → 休憩へ ④ 「ログ」タブで今日・過去7日分を確認 今後、有料機能の実装を検討中です。 #個人開発 #WEBアプリ #ポモドーロ

ポモドーロタイマー × 作業ログの Web アプリ「FocusLog」を公開しました ・タイマー完了で作業ログが自動保存 ・本日の統計・連続日数（ストリーク） ・アカウント不要・ブラウザだけで使える focuslog.narudev.works #個人開発 #WEBアプリ #ポモドーロ

JS開発で避けて通れない「mapメソッド」ループ処理としてforEachと混同されがちですが、設計思想は180度違います。 forEach：その場で処理 map：コピーして加工 配列操作のコツをまとめました。 #JavaScript JavaScriptのmapとは？forEachとの違いと配列を加工する方法を解説 narudev.works/javascript-map…

明後日ぐらいに、次のWEBアプリをリリースできるように頑張りたい

初めてのWebアプリ『Habit Tracker』についてまとめました。 今回はAIをパートナーに、協働生成する形でデプロイまで持っていきました。 #個人開発 #TypeScript #AI開発 Habit Trackerを作りました｜今日の3つに集中する習慣管理アプリ narudev.works/habit-tracker/

アドセンス審査が有用性の低いコンテンツで何回か落ちてるけど、流石にそろそろ行けるんじゃないかと思ったり思わかなったりする。

興味ある方はぜひ以下のWEBアプリを使ってみてください。 habit-tracker-delta-bice.vercel.app

習慣化が続かないことはありませんか。 初日から筋トレ・読書…と詰め込むのは、いずれ頭がパンクしてしまいます。 その理由を解説しました。 #習慣化 #ライフハック #生産性向上 習慣化が続かない人へ｜今日の3つだけに絞ると継続しやすくなる理由 narudev.works/%e7%bf%92%e6%8…