「デザインはできません」から雪だるま式に自分のできることを増やしていこう それが正直なところ じゃあ何ができるのか? 自分には時間と労働力を売ることしかできないのだろうか? 他の人の実績を見ていると、そんな声が少し聞こえてくる でも、そんな本音をこのブログに書き残していこう やはり、雪だるま戦略しかない インサイドアウトで「くそったれ」な人生を変えていく WEB実装 以下のようなデザインがある状態での実装はできます。 https://ki-hi-ro.com/case-study/design-to-interactive-web-page/?return_to=https%3A%2F%2Fki-hi-ro.com%2Fcase-study%2F といってもそこに価値はあるのだろうか? 提供価値については、これから見直して、… WEBサイト制作 働き方
AIを使ってWeb制作して所要時間を測りたい AIを使ってWeb制作して、その所要時間を測るっていうのは、営業活動において、とても大切な検証になると思います。 お題をどこから持ってくるか そのお題はマーケットから持ってきた方がいいと思います。 市場でこんなものが欲しいっていうニーズに対して、解決策を提示するっていうのが大事だと思います。 だから、実際に企業が、今募集している案件を調べて、そこに求められている機能の実装とかを、自分で課題として設定して、実際に制作して、その時間を測ってみる。 それをやりたいとなんとなく思っていました。 求人情報を起点にするなら、その企業が必要としている技術と実際の制作実績を照らし合わせて、そこから具体化する。 例えば、Figmaからレスポンシブで、WordPressに… WEBサイト制作
My portfolioの理想 過去の実績 今、何をどの程度の時間をかけて制作しているか どこに所属しているか フリーランスか会社員か これからどこに向かおうとしているか 作業する時は、構想段階から時間を計測する いや、構想は、時間を測るものではないか 構想を言語化するときに計測しよう 発注者は、何をどのくらいの期間で作れるかを気にしている それさえわかれば、予算は適当につくだろう 案件から具体化する ケーススタディーとして積み上げる それが商品 SEO診断とかは正直やりたくない 自分がそれをやっているイメージが沸かない アプリ開発は大規模ではなくてもいい どんなアプリを何時間かけて、構想→設計→実装→テスト→リリースしたのかを可視化したい そのデータがいくつかあれば、発注者が抱えて… WEBサイト制作 ポートフォリオ
2026年6月19日の成果 音声解説 : 月七ドルで無収入を営業資産に 未コミット変更を 'git stash' で一時退避 https://ki-hi-ro.com/git%e3%81%a7%e6%94%b9%e5%96%84%e5%89%8d%e3%81%ae%e7%8a%b6%e6%85%8b%e3%82%92%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b-%e2%80%95-git-stash%e3%81%a8checkout%e3%81%a7before-after%e3%82%92%e6%af%94%e8%bc%83/ VSCodeの大量の変更履歴は「.git」のリネームで解消 https://ki-hi-ro.com/vscode%e3%8… WEBサイト制作 ブログ運営
レスポンシブなクリッカブルマップを作成してみました 先ほどクラウドワークスで以下のような仕事がありました。 https://crowdworks.jp/public/jobs/8744105 この仕事をこなすには、レスポンシブな日本地図を作成する必要があるので、そのやり方を調べて実際に試してみました。 以前、日本地図にリンクを設定する方法という記事を作成しましたが(参考記事: 日本地図にリンクを設定する方法)、この時はスマホで確認すると横スクロールしてしまっていました。 横スクロールしてしまっている様子 今回、横スクロールさせずにレスポンシブ対応を行なったので、記事に残しておきます。 サンプル See the Pen レスポンシブなイメージマップを作成してみました by Shibata Hiroki (… HTML・CSS WEBサイト制作
フリーランスWEB制作、駆け出しのときに作成した模写サイトを公開します。 私は、2019年末にプログラミングスクールTECH::EXPERTを経験した後、2020年5月ごろ2つの模写コーディングを行いました。 そのサイトを公開したいと思います。 MUJI HOTEL GINZA https://ki-hi-ro.com/reproduce/Muji-Hotel/ ユーザー名パスワードkhirokhiro Workship https://ki-hi-ro.com/reproduce/Workship/ ユーザー名パスワードkhirokhiro 番外編: はにわまんさんのコーディング 模写以外にも、Webコーダーのはにわまんさんが販売していた「コーディング練習」の教材を購入して作成したサイトがありました。 デザインカンプURL… HTML・CSS WEBサイト制作 WordPress フリーランス
親テーマの内容を子テーマに移行した 先日、フリーランス仲間のデザイナーさんから「WordPressの親テーマに書いてある内容を子テーマに移行して欲しい」というご依頼を受けました。 予算は、6,600円(税込)でその日のうちに対応させていただきました。 素敵な美容室のサイトでした。 使用していたテーマ https://lqd.jp/wp/ リキッドデザイン株式会社 が提供する「LIQUID PRESS」というテーマを使用していました。 ご依頼内容 テーマ(親テーマ)に直接コードを書いていたため、テーマをアップデートすると、その内容が上書きされてしまうという問題がありました。 そこで、子テーマに親テーマの内容を移行して欲しいとのことでした。 対応した内容 LIQUID PRESSの Word… WEBサイト制作 WordPress
有料老人ホームのサイトにコンテンツを追加しました 地元名古屋のWEB制作会社で以前からお世話になっている担当者の方からchatworkで「有料老人ホームのサイトのコンテンツ追加のコーディングを行ってほしい」というご依頼を受けました。 コーディング内容 すでに稼働している本番サイトの下層にdevというフォルダを作成して、そこにファイル一式を配置し、そのテスト環境で作業を行いました。 今回のサイトはWordPressなどのCMSは使用していませんでした。 テスト環境には、no-indexを追加しgoogleにクロールされないようにしました。 追加したコンテンツは、受賞歴・エリア・お客様へ・お問い合わせコンテンツです。 XDで作成されたデザインを参考にコーディングしました。 受賞歴コンテンツ 受賞歴は、すで… HTML・CSS WEBサイト制作
日本地図にリンクを設定する方法 HTML Imagemap Generatorというツールを使用して日本地図にリンクを設定する方法を紹介します。 私が住んでいる地域が東海エリアなので、東海3県の地図を使用していきます。 ※このイラストは、こちらのフリー素材を使用して作成しました。 サンプルサイト https://ki-hi-ro.com/sample/img-link/ それぞれの県をクリックしたら公式サイトに飛ぶという仕様にしました。 STEP1: 画像をドラックする HTML Imagemap Generator に画像をドラックして、登録します。 右側にHTMLが生成されました。 STEP2: 多角形を描いていく 右上の「多角形を描く」をクリックして、愛知・岐阜・三重の形状に沿… HTML・CSS WEBサイト制作
【Webサイト保守事例】ドメイン変更後に問い合わせフォームが送信できない不具合を解消|原因と再発防止策 ドメイン変更後に問い合わせフォームが動かなくなった経験から、原因の確認と、納品前のチェックについて振り返ります。 WEBサイト制作 トラブルシューティング