ECサイトのトップにカテゴリーから選択できるコンテンツを追加した 地元のWeb制作会社の担当者の方から、chatworkで相談を受けて、ECサイトのトップページにカテゴリーから選択できるコンテンツを作成しました。 私が担当したのは、コーディングです。デザインデータは、担当者の方からいただきました。 対応したサイトはお伝えできませんが、コーディング内容や開発の流れ、料金などについて書いていきたいと思います。 コーディング内容 カテゴリーセクションを作成しました。 レディース・メンズ・キッズのタブに分かれていて、タブを選択すると、それぞれのコンテンツが表示されます。 トップページはWordPressで作成されていたため、トップページのテーマファイル（page-top.php）を編集しました。テーマはPCとスマホで分かれて… ECサイト WEBサイト制作
既存買取サイトにLINE査定の撮影のポイントを追加した 既存の買取サイトに「LINE査定の撮影のポイント」というコンテンツを追加するためのコーディングを行いました。 使用しているCMSはWordPressでした。 Photoshopのデザインデータから、画像などの情報を取得して、コーディングしました。 レスポンシブ対応では、PCのデザインを参考にスマホのレイアウトを考えて進めました。 ご依頼日 2022年7月13日 納品日 2022年7月15日 料金 8,000円（税込8,800円） お客様の声 ありがとうございます。確認しました！ WEBサイト制作
古いサイトをgoogle検索結果に表示されないように 先日クライアントさんが保有しているサイトの中でしばらく使っていないサイトがありgoogleの検索結果から削除して欲しいというご依頼がありました。ご要望としては、アドレスバーに打ち込んだ時は表示されるが、検索結果では表示されないようにして欲しいとのことでした。 手順 no-index googleのツールを使用する 1. no-index googleの検索結果に表示させたくないソースコードのhead部分に以下を追記しました。これでgoogleのクローラーにインデックスされなくなります。 <meta name="robots" content="noindex" /> 2. googleのツールを使用する すでに検索結果に表示されている（イン… WEBサイト制作 ブログ運営
XDデザインデータからの1ページ静的サイトコーディング クラウドワークスで応募して1ページ静的サイトのコーディングを任せていただけました。 AdobeXDのデザインデータからで、レスポンシブ対応で構築しました。 画像はWebp対応を行いました。 公開サイト こちらが公開されたサイトです。 使用した技術 メインスライドやページ内リンク、スマホハンバーガーメニューにjQueryを使用しました。 HTML・CSS WEBサイト制作
キャッシュについて キャッシュは、ブラウザがCSSや画像などのデータを一時的に保存しておく仕組みです。 キャッシュが残っていると、CSSや画像を変更しても、「以前のデータが残っていて、変更が反映されない」といったことが起こります。 ブラウザの強制リロードを行いキャッシュを削除するという方法もありますが、全てのユーザーにそれをさせるのは現実的ではありません。 本記事では、ユーザーが何もしなくても、Web制作者が変更した画像やCSSを反映させる方法を紹介します。 基本 画像名、CSSの後に、?から始まる文字列を記述します。そうすると、「ブラウザが新しいファイルだ」と認識して、変更点を勝手に反映してくれます。 それでは、画像とCSSの場合、それぞれについて見ていきます。 画像の… WEBサイト制作 保守・運用
Adobe XDのデザインデータからのフロントエンドコーディング クラウドワークスの募集に応募して、「完成イメージが膨らんだ」とのことでご依頼いただきました。 【グラフ表示・デザインデータあり(Adobe XD)】2ページ + グラフ表示機能のコーディングお願いします！ ご依頼内容 【 概要 】 当方が個人的に困ったことを解決するサイトを作っています。 デザインは完成している状態であり、構築ができる方の力をお借りしたいです。 【 依頼内容 】 ■お願いしたい範囲（合計２ページ） ・TOPページコーディング、入力・グラフエリアの構築 ・下層ページベースコーディング ＊入力・グラフエリアについて 入力エリアに任意の数字を入力し、 グラフエリアで割合表示を実現したいです。 Chart.jsで対応できるのではと考えております… HTML・CSS WEBサイト制作
Bootstrapテーマを使った管理画面のコーディング クラウドワークスの以下の募集に応募したことがきっかけでお仕事をいただきました。 【継続】Bootstrapテーマを使った管理画面のコーディング 業務内容 Bootstrapのテーマ「keen」をカスタマイズした営業管理ツールのフロント画面の構築 keenのデモサイト Excelのモックアップ(仕様書)をベースに、keenをカスタマイズしていきました。 フロントエンドの実装がある程度完成した後は、バックエンドのJavaエンジニアと連携して進めていきました。 開発期間 2020年6月 〜 7月後半（フロント機能） 〜 9月（バックエンド機能） 私は、フロント機能のみを担当しました。 使用した言語・フレームワーク・コミュニケーションツール 言語 HTML、C… HTML・CSS WEBサイト制作
マーケティング部署での半年間のWordPress・LPコーディング業務 2021年8月のお盆明けから2022年2月末まで、ブランド品などの出張買取サービスを運営する企業のマーケティング部署で、WordPressを使用したコラム記事の制作や、LPのコーディングを担当しました。 当時はフリーランスとしてWebサイト制作の案件にも取り組んでおり、個人での制作活動と並行しながら、派遣社員として週3日勤務していました。 案件は、クリエイティブ職専門の人材エージェントであるAQUENTから紹介を受けました。 この記事では、担当した業務内容や使用した技術、チームでの制作体制、先輩コーダーからレビューを受けながら制作した経験について振り返ります。 業務概要 企業のコーポレートサイト内にある「お役立ち情報」ページへのコラム記事の掲載と、サー… HTML・CSS WEBサイト制作 WordPress
