コラム | 自動化する会社　オートプロジェクト

Columnコラム

TOP
コラム一覧

2024.11.13
相談と解決案

みわ

今週の相談と解決案｜HTMLコーディング

今回は、広告代理店の方からコーディングに関するご相談をいただきました。ご相談内容デザインを渡すのでコーディングをしてほしいコーディングは今まで社外の人にお願いしていた今回は動きのあるデザインで、その人が対応できないため別の会社を探していた改善案動きを持たせるため、JavaScriptを使用したコーディングの見積もり弊社では、デザインをいただき
READ MORE
2024.11.02
相談と解決案

みわ

今週の相談内容と解決案｜LP（ランディングページ）のSEO対策

LP（ランディングページ）とは、検索広告などの飛び先のページであり、問い合わせや申し込みをもらうのが目的のページです。1ページ構成の場合が多く、公式サイトとは別ページになります。弊社の広告運営事業の中で作成したLPに、3年前に作りマイナーチェンジしながら広告運用を行っているものがあります。そのLPも1ページだけのものですが、最近、結構良い検索キーワードで上位表示されるようになりました。
READ MORE
2024.10.31
CSS HTML

明奈

:nth-child() の “of S” 構文で、細かく要素を指定する方法②

前回の「:nth-child() の "of S" 構文で、細かく要素を指定する方法①」では、:nth-child() の "of S" 構文とは何かを紹介しました。続いての今回は、実際にどのような表示になるか試してみます。例①：リストの中のリンゴ（appleのクラス名がついている箇所）の三番目の要素にだけ色をつけたい場合下記の［Run Pen］を押下して確認してみてください。
READ MORE
2024.10.31
CSS HTML

明奈

:nth-child() の “of S” 構文で、細かく要素を指定する方法①

今回は、:nth-child() や :nth-of-type() より細かい指定ができる:nth-child() の "of S" 構文を使う方法を紹介します。 :nth-child()とはまずは、:nth-child() の "of S" 構文の前に、:nth-child() は何かを簡単に説明します。 :nth-child(An+B)はCSSの擬似クラスで、特定の要素が親要素内で
READ MORE
2024.10.30
CSS

明奈

今あるWebサイトを改善する⑨｜PC向けデザインのWebサイトをスマホ対応にする方法

この「今あるWebサイトを改善する」シリーズでは、HTMLとCSSを使ってこれまでのWebサイトからデザインを変更する方法と、その重要性について解説しています。今回は、PC向けデザインのWebサイトをCSSのメディアクエリ（@media）を使ってスマホ対応にする方法を紹介します。スマホ対応は、なぜ必要？ PC向けのWebサイトをスマホで見ると、レイアウトがそのまま縮小されてスマートフ
1. 今あるWebサイトを改善する
READ MORE
2024.10.29
Trends

みわ

生成AIの検索エンジン対策について｜生成AIに紹介してもらうという考えが重要

最近、プログラム系の検索は9割ChatGPTです。ググることが減りました。その理由は、「このプラグインで〇〇したいけど、それができるメソッドを教えて」と聞くと、「こんなメソッドがあるよ」と良い回答をくれるからです。通常検索だと資料となるページのURLがでてきて、そこから自分で探す手間がありました。しかも、そういう資料のページがほとんど英語のページなんですよね。でも、ChatGPTなら日本語
READ MORE
2024.10.26
相談と解決案

みわ

今週のご相談内容と改善案｜Instagramで自社商品を販売したい

今週は、Instagramで自社商品を販売したいというご相談をいただきました。相談内容 Instagramで自社商品を紹介してそのまま購入してもらいたい Instagramの投稿やリールではリンクを貼れない提案内容 Meta（FacebookとInstagramの会社）コマースアカウントを利用する FacebookとInstagramにはコマースアカウント（
READ MORE
2024.10.24
Events TEGARU

みわ

「プロに頼らない！　自分で手軽にホームページを作ろう」セミナー開催

2024年12月6日（金）、「プロに頼らない！　自分で手軽にホームページを作ろう」という趣旨のセミナーを開催します。 TEGARUを使えば費用をかけずにホームページを持つことができます。でも、「何をしたらいいのか全然わからない！」という方も多いと思いますので、そのような方々に考え方から説明させていただきます。株式会社オートプロジェクトは、「ITを通して社会に貢献する」を理念としていま
READ MORE
2024.10.22
CSS HTML

明奈

今あるWebサイトを改善する⑧｜画像を設定する方法（Web担当者向け）

この「今あるWebサイトを改善する」シリーズでは、HTMLとCSSを使ってこれまでのWebサイトからデザインを変更する方法と、その重要性について解説しています。ブログやWebサイトに画像を追加することは、視覚的な魅力や情報伝達の効率を高め、ユーザーの離脱防止につなげることができます。そこで今回は、Webサイトに画像が必要な理由と、画像を簡単に設定する方法を紹介します。なぜWeb
1. 今あるWebサイトを改善する
READ MORE
2024.10.22
HTML

明奈

画像の「絶対パス」と「相対パス」とは？

今回は、Webサイトで画像を表示する際に使われる「絶対パス」と「相対パス」について簡単に解説します。「絶対パス」と「相対パス」の「パス」とは？「パス」とは、HTMLで画像ファイルを表示する際に、その画像がどこに保存されているかを指定するための「道筋」のことです。画像ファイルが存在する場所（ディレクトリ）を指し示すことで、ブラウザーがその画像を正しく読み込み、Webサイト上に表示できるように
READ MORE