HP作成・デザイン・更新・運用管理｜あなたのWeb担当者に

Web担当屋ブログ

Web関連を中心に情報を配信しています

: note

Font Awesomeのアイコンが表示されない時の解決法

2025/10/26

Webアイコンを無料で利用できる「Font Awesome（フォントオーサム）」ですが、コードを設置しても文字化けのような表示になってしまう事があります。調べてみると、下記のような原因が紹介されて ...

: CSS

【CSS・JS】開閉アニメーションのアコーディオンを作る

2025/10/5

文章の途中に「続きを見る」ボタンが設置してあり、クリックすると続きの文章が表示されるアコーディオンを作ります。 ◆まずはデモページをご覧ください。デモページを見る「jQuery」を事 ...

: note

【reCAPTCHA】Google Cloudへの移行について

2025/9/8

先日、下記のタイトルでGoogleからメールが届きました。「Google reCAPTCHA キーを Google Cloud プロジェクトに移行できます」色々調べてみましたが、移行をした方がよい ...

: note

Windows10のサポート期限延長方法

2025/8/3

知っている方も多いかもしれませんが、サポート期限が2025年10月14日となっていた「Windows10」が、1年延長しました。ただ、何もしないで延長できるわけではなく、条件があります。本来は有償 ...

: WordPress

お名前.com「共用サーバー SD」でWordPressを手動アップデートする

2025/6/29

今回は、お名前.comの「共用サーバー SD」で、WordPressを手動アップデートしてみます。通常は管理画面の更新ボタンで簡単に更新が行えますが、何かしら事情があって、手動で対応する場合の参考に ...

: お役立ち

Windowsだからカンタン！余っているPCを「ファイルサーバー」にする方法

2025/5/25

Web関連で、勉強や参考になる記事を幾つかご紹介します。 Windowsだからカンタン！余っているPCを「ファイルサーバー」にする方法「今のWeb制作の状況、相当ヤバくないですか？」小島芳樹（cho ...

: Webデザイン

Photoshopの「ちょっと困ったを解決」や「小技」をご紹介

2025/4/20 Photoshop

Photoshopを使っていると、知らぬ間に意図しない状態になって困ったり、「これどうやるんだろう」と思う事があると思います。そんな時に解決する方法や、少し便利な小技をご紹介します。 ...

: CSS

【CSS】吹き出しデザイン-三角形は「clip-path」で作る

2025/3/24

今回は、吹き出しデザインを作ってみます。スマホでは吹き出しとイラストが上下になるようにしています。ポイントは、三角形の作り方です。「border」を使って作るのがよく知られていますが、今回は「c ...

: CSS

【CSS・JS】スクロールすると順番にフェードインして要素が表示される仕組みを作る

2025/2/24 CSS, JavaScript

スクロールして要素が表示される位置に来ると、順番にふわっとフェードインして表示される仕組みです。 ◆まずはデモページをご覧ください。デモページを見る HTML <div clas ...

: CSS

【CSS】背景を被せた時に全ての角を角丸にする

2025/1/27

画像に単色の背景などを被せた時に、全ての角を角丸にするCSSです。下の画像のようにします。デモページもご覧ください。デモページを見るやる事としては、角丸にしたい個所に ...

: CSS

【swiper】を使ってメインビジュアルを作る

2024/12/27

年内最後の更新は、今年よく利用させてもらった「swiper」の使い方を解説します。サイトのメインビジュアルでよく目にするスライダーですが、導入するなら「swiper」がお勧めです。有名な大手サイト ...

: note

画像から文字を読み取ってファイル出力できる機能がPowerToysに登場 - その他記事の紹介

2024/11/17

Web関連で、勉強や参考になる記事を幾つかご紹介します。画像から文字を読み取ってファイル出力できる機能がPowerToysに登場スマホとWindows間のファイル転送を簡単にやる方法があった！しか ...

: WordPress

【WordPress Popular Posts】の省略文字「k」を通常の数字に変更する方法

2024/10/20

当ブログでも利用している「WordPress Popular Posts」は、アクセスの多い人気の記事をランキングで表示できるプラグインです。インストールしてそのまま使う場合、ビュー数の個所が100 ...

: お役立ち

Google検索でキャッシュ復活へ - その他記事の紹介

2024/9/22

Web関連で、勉強や参考になる記事を幾つかご紹介します。 Google検索でキャッシュ復活へ　Internet Archiveとの提携で PDFを簡単にExcel化する便利技。【初心者向け】CSSが ...

: Webコラム

「Windows11」で最初にやっておいた方がよい設定

2024/9/1 Windows11

「Windows10」のサポートが2025年10月に終了します。マイクロソフトのアナウンスでは、2025年10月14日以降、「Windows10」のセキュリティ更新プログラムなどが提供されなくなるよ ...

: CSS

【CSS】クリップパスで画像を斜めにトリミングする

2024/8/3

clip-path（クリップパス）を使うと、その画像や要素をトリミングすることが出来ます。 ◆まずはデモページをご覧ください。デモページを見る clip-path（クリップパス）の種類 ...

: お役立ち

ダークウェブに自分の情報が漏れているか確認するGoogleの機能が無料に - その他記事の紹介

2024/7/7

Web関連で、勉強や参考になる記事を幾つかご紹介します。ダークウェブに自分の情報が漏れているか確認するGoogleの機能が無料に Google検索変動：アフィ/レビューサイト没落 → EC/クチコ ...

: CSS

【CSS・JS】スクロールすると画像が徐々に表示するアニメーションを作る

2024/6/16

ページをスクロールして画像が表示される位置になると、徐々に表示されるアニメーション作ります。 ◆まずはデモページをご覧ください。デモページを見る ◆HTMLです。最初の「contai ...

: お役立ち

Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください！ - その他記事の紹介

2024/5/18

Web関連で、勉強や参考になる記事を幾つかご紹介します。 Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください！WACUL安藤健作さんに聞いてきた令和のHTML / ...

: WordPress

ロリポップでMySQLを「5.6から8.0」にバージョンアップする手順

2024/4/29

WordPressでアップデートを行った際、「MySQL」のバージョンが古いと下記のようなメッセージが表示され、アップデートが失敗します。 WordPress を更新 https://download ...

1 2 3 … 12 Next »

© 2025 Web担当屋ブログ