HTMLの記事一覧
【開発ブログ】Procom開発日誌：Next.js×Firebaseで写真アップロード&スライダー実装完了までの全記録
01Procomについて
【開発ブログ】Procom開発日誌：Next.js×Firebaseで写真アップロード&スライダー実装完了までの全記録
こんにちは、Procom開発者の海老氏です。今日は**SNS連携型プロフィールプラットフォーム「Procom」の開発において、「ユーザー写真アップロード＆スライダー表示機能」をNext.js×Firebase（Storage）**で実装した進捗について、4000文字超で赤裸々に綴ります。 この機能は、「自分の活動や世界...
Procom開発日誌｜2025年6月14日版
01Procomについて
Procom開発日誌｜2025年6月14日版
ユーザー体験を高めるUI再構築とNext.js移行への挑戦 🧭 はじめに 皆さまこんにちは、Procom開発チームの海老氏です。 本日は、2025年6月14日時点でのProcom（プロコム）開発進捗についてご報告いたします。Procomは、YouTuber・インスタグラマー・ダンサー・芸人・パフォーマーなど、“見せるこ...
🕒【初心者向け】JavaScriptでリアルタイム時計をWebサイトに表示する方法！
02プログラミング
🕒【初心者向け】JavaScriptでリアルタイム時計をWebサイトに表示する方法！
✅ はじめに 「Webサイトにリアルタイムで動く時計があったらオシャレかも…」と思ったことはありませんか？JavaScript を使えば、たった数行のコードで現在時刻を動的に表示する時計が実装できます。 この記事では、**HTMLとJavaScriptだけで実装可能な「デジタル時計」**を初心者向けにわかりやすく解説し...
Procom開発日誌（2025年6月9日）
01Procomについて
Procom開発日誌（2025年6月9日）
本日のハイライト 本日もProcomの開発は大きな進捗をみせました。ユーザーページの表示制御において、自分以外のページでは「編集ボタン」や「保存ボタン」など、一部のUI要素を非表示にするよう改善しました。 これは実際のユーザー別に対応する、簡単でありながらもログイン・セッションアイデンティティにも依播する重要な作り込み...
Font Awesomeで「目のマーク」を使ったパスワード表示切り替え機能の実装
02プログラミング
Font Awesomeで「目のマーク」を使ったパスワード表示切り替え機能の実装
はじめに ログインや新規登録画面でよく見かける「👁 パスワード表示/非表示切り替えアイコン」。今回は、Font Awesome 6.4.0を使って、スタイリッシュにこの機能を導入する方法を紹介します。 📦 事前準備：Font Awesomeの読み込み HTMLファイルの<head>内に以下を追加してください...
Procomアップデートレポート：2025年6月5日版
01Procomについて
Procomアップデートレポート：2025年6月5日版
はじめに 本日、SNSプロフィール統合プラットフォーム「Procom（プロコム）」において、複数の新機能と重要なバグ修正を実施しました。この記事では、開発の進捗をユーザーや開発者の皆さまに共有し、今後の改善方針や背景にある意図についても詳しく解説します。 1. 写真スライダーの即時反映対応 これまで、写真をアップロード...
Procom開発ブログ：ここまでの歩みと今後の展望
01Procomについて
Procom開発ブログ：ここまでの歩みと今後の展望
はじめに 皆さん、こんにちは！Procom（プロコム）開発チームです。 このブログでは、Procomの構想が生まれた瞬間から、現在の形に至るまでの道のりを記録し、今後の展望についても詳しくご紹介します。 開発初期のアイデア段階から今日まで、Procomはクリエイターやフリーランスの皆さまのための"自己発信プラットフォー...
Procom（プロコム）誕生の背景と運営の目的
01Procomについて
Procom（プロコム）誕生の背景と運営の目的
私たちは、SNS時代において「個人の発信力」がこれまで以上に重要な時代を生きています。YouTuber、インスタグラマー、ダンサー、パフォーマー、フリーランス…。そんな人たちが日々コンテンツを発信し続ける中で、こんな声を多く聞いてきました。 「自分の情報をまとめて見せたい」「SNSごとにリンクを貼るのは手間」「自分専用...
HTML/CSS/Javascriptを使ってWordPressにおみくじを追加してみた
02プログラミング
HTML/CSS/Javascriptを使ってWordPressにおみくじを追加してみた
また変更するかもしれませんが、右のサイドバーにおみくじを設置してみました！ おみくじ自体は簡単なもので、ボタンをクリックしたらランダムに表示される画像を３秒後に止める仕様になっています。 WordPressにjavascriptで作ったものをどうやって反映させればいいのか分からなかったので、 同じような悩みを持っている...