2022年3月の記事

エージェントAQUENTでの約1ヶ月のコーディング業務
2020年2月のイベント参加をきっかけに、 人材エージェンシーAQUENTの担当の方から、Webサイトのリニューアル案件のお話をいただきました。 業務内容 3月末までの勤務で、 を経験しました。 認識した課題と対策 この期間で認識した課題は、タブレット・スマホに対応したレスポンシブコーディングでした。 そこで、2020年4月には、2つのサイト模写を通して、レスポンシブコーディン ...
2022 桜 名古屋
名古屋駅周辺で桜が満開だったので、写真を撮ってきました。 名古屋駅前 大名古屋ビルヂング スカイガーデン 愛知県図書館 名古屋城 名古屋城は非常に多くの人で賑わっていました。自転車で行くと満員で駐輪させてもらえませんでした。 久屋大通
GitHubでファイルを管理する
GitHubは、複数人でファイルを管理するのに便利なサービスです。 本記事では、ローカル環境で作成したプロジェクトフォルダをGitHub上で管理できるようにするための流れを解説します。 すでにGitHubにリポジトリが作成されていることを前提として書いていきます。 STEP1 ローカルリポジトリを作成する 作成したディレクトリのターミナル(Mac OSの場合)で、git ini ...
ECサイトを分析しました
長崎県にある陶器屋さんaiyu(アイユー)のECサイトが、情報量が多いにも関わらずきれいにまとまっていたので、分析したいと思います。 PCヘッダーは、メガメニュー パソコンで、マウスホバー時に大きなメニューが表示される仕様になっており、バラエティーの豊富さが伝わり、買い物が楽しくなりそうです。 PCフッターが上手くまとめられている 情報量が多いにも関わらず、デザイン4原則を守っ ...
E-A-Tについて
E-A-Tとは、SEOで重要なExpertise(専門性が高い)・Authoritativeness(権威性がある)・Trustworthiness(信頼できる)の英語の頭文字をとった言葉です。 実際に私が担当したWEBサイトでこれらを意識してコンテンツをアップしたところ、検索順位が大幅にアップしました。 本記事では、E-A-Tについて簡単に書いていきます。 専門性が高い 「専 ...
カスタムフィールドの出力方法
カスタムフィールドを使用すれば、投稿時に決まったフォーマットで入力ができます。また、出力の見た目が柔軟に調整できます。 本記事では、WordPressのプラグイン「Smart Custom Fields」で作成した繰り返し処理を出力する方法について、書いていきます。 コード 結論のコードはこちらです。 これで、グループ名が「repeat」で名前が「text」の項目を出力できます ...
WordPressで出力する記事を指定する方法
ブログシステムのWordPressでは、出力する記事を指定することができます。 今回は、customというカスタム投稿タイプの記事を、記事数の指定無しで、投稿日の降順に出力させる場合のPHPの記述方法について書いていきます。 コード 結論のコードです。これで、customというカスタム投稿タイプの記事のタイトルが、記事数の指定無しで、投稿日の降順に表示されます。 順番に解説して ...
デザイン4原則
ノンデザイナーズブックで学んだ「デザイン4原則」について、実際のサイトを例に挙げながら解説していきます。 デザイン4原則とは、以下です。 近接 関連している要素同士は近くに置くことで、関連性を示すことができます。 例えば、画像の赤枠部分は、キャッチコピー・タイトル・価格が近くにあることで、その商品について説明していることが分かります。 出典: 神戸牛の通販サイト また、それぞれ ...
Adobe XDのデザインデータからのフロントエンドコーディング
クラウドワークスの募集に応募して、「完成イメージが膨らんだ」とのことでご依頼いただきました。 【グラフ表示・デザインデータあり(Adobe XD)】2ページ + グラフ表示機能のコーディングお願いします! ご依頼内容 担当箇所 フロントエンドのコーディングを担当しました。 使用した言語は、HTML、CSS、Javascript (jQuery)でした。 公開サイト 公開されたサ ...
TECH::EXPERT(現TECH CAMP)での70日間のWebアプリケーション開発
2019年の10月ごろ〜2019年末にかけての70日間、 日本最大級のプログラミングスクールであるTECH::EXPERTに通っていました。 通おうと思った理由 時間と人間関係の自由があるフリーランスという働き方に興味があったためです。 ネットでフリーランスについて色々と調べていると、以下のサイトに行き着きました。 https://tech-camp.in/expert/fre ...
Bootstrapテーマを使った管理画面のコーディング
クラウドワークスの以下の募集に応募したことがきっかけでお仕事をいただきました。 【継続】Bootstrapテーマを使った管理画面のコーディング 業務内容 Bootstrapのテーマ「keen」をカスタマイズした営業管理ツールのフロント画面の構築 keenのデモサイト Excelのモックアップ(仕様書)をベースに、keenをカスタマイズしていきました。 フロントエンドの実装がある ...
マーケティング部署での半年間のWPコーディング業務
2021年8月のお盆明けから2022年の2月末まで、ブランド品などの出張買取を行うお店の開店前のコラム記事作成のWPコーディングを行いました。 案件は、クリエイティブ職専門のエージェントのAQUENTを通して6月ごろにお話を受けていました。 派遣社員として、自分が行ったことについて書いていきます。 自分の担当業務 コーポレートサイトの中の「お役立ち情報」というブログ記事をWor ...