梶本 直希– Author –

Terace 代表 / フロントエンジニア
同志社大学を卒業後、レバレジーズ株式会社に新卒入社。退職後はWebライター・SEOコンサルで2社と業務提携しながら、SEOマーケティングに従事。また培ったSEOスキルで、メディアを自ら運営。
そしてメディア運営をするうえでテクニカルSEOなどを学び、フロントエンジニアへと徐々に転向。個人事業主・中小企業などにもっとスポットライトが当たることを願い、ホームページ制作のTeraceを立ち上げ。
TeraceではSEO集客を担当したり、コーディング業務に携わったり、Webディレクターとして動いたりなど幅広く活動。
-
【Studio】ホバーで画像が切り替わるアニメーションを解説!
ホバーで画像が切り替わるアニメーションは、複雑で難しいと思われがちです。 ですが断言します!初心者でも簡単に実装できます! そこで今回は、ホバーで画像が切り替わるアニメーションを合計10枚の画像を使いながら説明していきます。 この記事でわかる... -
【Studio】 ホバーすると下線が出るアニメーションの作り方
ホバーした時にスッと下線が出てくると、スタイリッシュで格好いいですよね。 イメージとしては下記の通りです。 そこで今回はホバーすると下線が出るアニメーションを実装していきます。手順さえ間違わなければ、初心者でも実装できる内容になっています... -
【簡単3分】StudioでGoogleカレンダーを埋め込む方法!
サイト上にGoogleカレンダーを反映できるようになれば、お店の予約状況などを可視化できて便利です。 ですが「難しそうなのでやっていない!」という方は多く、非常にもったいないです。 なぜならStudioでGoogleカレンダーを実装するのは超簡単だからです... -
STUDIOでGoogleマップを埋め込む方法|10枚の画像で解説!
飲食店や不動産などの店舗系ビジネスをやっている場合、サイト上にGoogleマップを載せたくなりますよね。 実際ほとんどのサイトでアクセス情報の欄に、Googleマップが表示されています。 今回は、STUDIOでGoogleマップを埋め込む方法について10枚の画像を... -
【STUDIO】トップに戻るボタンを実装する方法|おすすめデザインも紹介!
画面右下に常に「トップに戻るボタン」が設置されているサイトを見たことある人は多いはずです。 イメージとしては、下記の通りです。 今回は、STUDIOで「トップに戻るボタン」を実装していきます。 この記事でわかること STUDIOでトップに戻るボタンを実... -
StudioでPDFを埋め込む方法|ダウンロード方法も解説!
会社案内・パンフレット・契約書のような印刷に向いた資料をPDF化して、サイトに載せておきたいと考える方は多いです。 そこで今回は、STUDIOでPDFを埋め込む方法2選を紹介します。 この記事でわかること PDFのダウンロードボタンを設置する方法 サイト上... -
【STUDIO】404ページの作成方法とは|構成要素4つも解説!
存在しないページにアクセスした時に404ページは表示され、ユーザーの離脱を防ぐ目的があります。 404ページを設置していないと、ユーザーの直帰率が上がるだけでなく、サイトの評価も下がってしまう可能性があります。 サイトの評価が下がると、検索エン... -
【簡単】STUDIOのフォームに自動返信メールを実装する方法!
営業時間外にお問い合わせがあっても、自動返信メールを設定していればすぐにお客様に返信ができます。このようにお客様を安心させるというメリットが大きいため、ほとんどのお問い合わせフォームで自動返信機能が採用されています。 しかし、STUDIOでは自... -
【簡単3分】STUDIOの共同編集のやり方|対象プランも説明!
複数メンバーでサイトを作りたい ページごとに役割分担してサイト制作を行いたい よりスピーディーにサイトを作りたい 上記のようなニーズに応えられるのが、STUDIOの共同編集という機能です。 共同編集を使えば、複数メンバーでリアルタイムで一緒にサイ...