ムラゴン ホーム
表示のムラゴンブログ
-
-
mask-imageの正しい使い方
Web制作で少し応用的な表現をしたいときに便利なのが、CSSの「mask-image」です。画像やグラデーションを使って、要素の表示範囲をコントロールできるプロパティですが、理解が曖昧なまま使うと意図した見た目にならないことが多いです。 この記事では、mask-imageの本質と、実務で正しく使うた... 続きをみる
-
パーフェクトピクセルとは
Webデザインやフロントエンド開発の現場でよく使われる言葉に「パーフェクトピクセル（Perfect Pixel）」があります。これは、デザインツールで作られたデザインと、実際のWebサイトの表示を1ピクセル単位で一致させることを意味します。 つまり、デザイナーが作成したデザイン（FigmaやAdob... 続きをみる
-
検証ツールで出来ることとは
Web制作やフロントエンド開発をしていると、必ず使うことになるのが「検証ツール」です。 Google Chromeなどのブラウザに標準で搭載されている機能で、Webサイトの構造や動作をその場で確認・分析できる開発者向けのツールです。 普段サイトを閲覧しているだけでは見えないHTMLやCSS、Java... 続きをみる
-
-
-
JavaScriptのアニメーションライブラリについて
WebサイトやWebアプリにおいて、アニメーションは「見た目を良くする」だけでなく、ユーザーにとっての分かりやすさや操作のしやすさを高める重要な役割を持っています。 Javascriptのアニメーションライブラリを使うことで、複雑な動きや高度な表現を効率よく実装できるようになります。 この記事では、... 続きをみる
-
Reactの contextmenu イベントでできること
Webアプリを作っていると、「右クリックしたときに何かしたい」と思う場面があります。 Reactでも、ブラウザ標準の右クリック（コンテキストメニュー）をフックして、独自の挙動を実装することができます。 この記事では、Reactの contextmenu イベントで何ができるのか を整理します。 co... 続きをみる
-
ドメインとサーバー引越しの時に気を付けるポイント
Webサイトを運営していると、「サーバーを変えたい」「管理会社を一本化したい」といった理由で、ドメインやサーバーの引越しを行う場面が出てきます。 ただし、この作業は手順を誤ると、サイトが表示されなくなったり、メールが使えなくなったりと、思わぬトラブルにつながりやすいのも事実です。 ここでは、ドメイン... 続きをみる
-
Vite（ヴィート）とは？
Vite（ヴィート）とは、Webアプリ開発をとても高速かつ快適にしてくれる開発ツールです。 主に React・Vue・Svelte などのモダンなフロントエンド開発で使われています。 一言でいうと、 「開発中の表示がめちゃくちゃ速い環境を用意してくれる仕組み」 です。 初学者向けに一言で説明すると ... 続きをみる
-
-
505ページの意味とは？
Webサイトを見ていると、まれに 「505 Error」 や 「HTTP 505」 と書かれたページに出会うことがあります。 「これって何が起きてるの？」 「自分の操作が悪かったの？」 この記事では、505ページ（505エラー）の意味を、Web初心者の方にもわかりやすく解説します。 505ページとは... 続きをみる
-
エコキュートが壊れました。
今朝、キッチンの風呂と繋がっているリモコンを見ると｡ エコキュートの中にお湯が溜まっていない｡ いつもは夜中に沸き上げているので朝には満タンになっているのに｡ エラー表示は出てなくて、沸き上げ中と言う表示は出ているのにお湯は増えない｡ 知り合いの電気屋さんに電話して指示を仰いで、ブレーカーを落とした... 続きをみる
-
loading="lazy" の正しい使い方
Webサイトの読み込み速度を改善したい時に、もっとも簡単で効果が高い施策のひとつが 画像の遅延読み込み（Lazy Load） です。HTMLの画像タグに loading="lazy" を付けるだけで、多くの画像を一度に読み込まず、必要になったタイミングで読み込みが開始されるようになります。 この記事... 続きをみる
-
Google Chrome の「Lighthouse（ライトハウス）」について
1. Lighthouse（ライトハウス）とは？ Lighthouse（ライトハウス）は、Google Chrome に標準で入っている「ウェブサイト診断ツール」です。 自分のサイトや作成中のページに対して、 表示速度（パフォーマンス） SEO（検索エンジン対策） ユーザビリティ（モバイル対応など）... 続きをみる
-
ヘッドレスCMSとは？
近年、Webサイトやアプリの開発でよく耳にするようになった「ヘッドレスCMS（ヘッドレス・コンテンツ・マネジメント・システム）」という言葉。 従来のCMS（コンテンツ管理システム）と何が違うのか、どんなメリットがあるのかをわかりやすく解説します。 そもそもCMSとは？ CMSとは「Contents ... 続きをみる
-
#
表示
-
【Windows11】いつからだろう・・・この表示・・・
-
LINEのトーク画面が分割されて見にくくて困ってたFPAD3でAndoroid14（備忘メモ）
-
外れは引かず～エアツール購入～☆
-
Wise Windows Key Finder：WindowsのプロダクトIDとプロダクトキーを表示できる
-
PK Finder：Windows OSのプロダクトキーを表示できる
-
Windows Key Viewer：Windows OSのプロダクトキーを表示できる
-
防犯対策…B.敷地内に入りにくくする
-
ユーチューブの「プロモーションを含みます」の削除方法｜表示を消したい
-
社長〜ブレイブはやーい！
-
ファイルの拡張子を表示させる方法【Windows11】
-
３回と4種類
-
BMW F30系 ブレーキ液（ブレーキフルード）交換時の表示リセット方法
-
BMW F30系 法定点検時期超過時のリセット方法
-
相手がわからなくなる前にlineの名前表示の変更。
-
Windows11のタスクバーの時刻に秒を表示する方法
-
-
-
SSL化が必須な理由について
近年、ホームページやLP（ランディングページ）を制作する際に「SSL化を必ず設定してください」と言われることが増えました。 SSL化とは、サイトの通信を暗号化し、ユーザーの情報を安全にやり取りできるようにする仕組みのことです。 では、なぜ今の時代「SSL化が必須」とまで言われるのでしょうか。今回はそ... 続きをみる
-
LPはパソコンサイズも作った方がいい？
結論から言うと、LP（ランディングページ）はスマホサイズだけでなく、パソコンサイズも作った方がいいです。理由はいくつかありますが、「ユーザー層」「表示の最適化」「信頼性」という3つの観点で見ていくと分かりやすいです。 1. ユーザーの閲覧環境はスマホだけではない 確かに、現在の日本ではLP閲覧の7〜... 続きをみる
-
カラーピッカーという拡張機能について
デザインやWeb制作をしていると、気になる色を「この色コード何だろう？」と思うことがよくあります。そんなときに便利なのが「カラーピッカー」という拡張機能です。この記事では、カラーピッカーの基本的な使い方や、デザイン作業を効率化する活用方法について紹介します。 カラーピッカーとは？ カラーピッカーとは... 続きをみる
-
WordPressでサイトを移行させるときにすべきこと
WordPressのサイトを新しいサーバーやドメインに移行する機会は少なくありません。 制作会社の変更やリニューアル、ドメイン変更など、理由はさまざまですが、手順を誤ると「ページが表示されない」「画像が消えた」「ログインできない」などのトラブルが起こることも。 ここでは、WordPress移行時にや... 続きをみる
-
-
WordPressでインスタ投稿をサイトに表示するには
WordPressサイトにInstagramの投稿を埋め込みたい場合、大きく分けて 「公式連携を使う方法」 と 「プラグインを使う方法」 の2通りがあります。 それぞれにメリット・デメリットがあり、サイトの目的に合わせて選ぶのがポイントです。 ① 公式のInstagram埋め込み機能を使う方法 In... 続きをみる
-
.epsという拡張子について
「.eps」という拡張子は「Encapsulated Postscript（エンキャプスレイテッド・ポストスクリプト）」の略で、主に印刷やデザインの現場で使われる画像ファイル形式のひとつです。EPSファイルは、写真のような点の集合でできているビットマップ画像とは違い、線や図形、文字などを数値情報とし... 続きをみる
-
WordPressの保守運用ですべきことは？
WordPressサイトの保守運用担当者として「毎日チェックすべき項目」は、トラブル防止・セキュリティ強化・パフォーマンス維持の3つの観点から整理できます。 以下のリストを毎朝の点検ルーチンとして使うのが理想です。 毎日チェックすべき項目 ① サイト表示・動作チェック トップページと主要ページ（例：... 続きをみる
-
（ノンブレークスペース）を使って良い時とダメな時
（ノンブレークスペース）を使って良い時とダメな時 文章やWebサイトを作っていると、スペースを入れたい場面で「 」という記号を見かけることがあります。これは ノンブレークスペース（non-breaking space） と呼ばれ、見た目は普通の空白と同じですが、「改行されない」という特徴を持っていま... 続きをみる
-
おすすめのChromeの拡張機能
作業効率を爆上げする拡張機能 1. GoFullPage ワンクリックでウェブページ全体のスクリーンショットが撮れる拡張機能です。通常、複数回に分けてスクショを撮る必要があるページでも、これを使えば一発で完了します。資料作成や情報共有の際に非常に便利です。 2. Momentum 新しいタブを開くた... 続きをみる
-
Reactで作れるもの
React はUI（ユーザーインターフェース）を構築するためのライブラリなので、 「画面が動的に変化する」「ユーザー操作が多い」ものに特に向いています。 具体的にどんなものが作れるか、代表例をいくつか紹介します。 1. Webアプリケーション SNS系アプリ 例：Twitter風の投稿・いいね・コメ... 続きをみる
-
静的ホスティングサービスとは？
Webサイトを公開するときに必要なのが「ホスティング」です。ホスティングとは、作成したWebページのファイルをインターネット上に置き、誰でもアクセスできるようにする仕組みのことを指します。 その中でも「静的ホスティングサービス」というものがあります。これは、静的なWebサイト（HTML、CSS、Ja... 続きをみる
-
Astro（フレームワーク）とは？
最近フロントエンドの世界で注目されているフレームワークのひとつに Astro があります。 「名前は聞いたことあるけど何ができるの？」という方に向けて、Astroの特徴やメリットを紹介します。 Astroとは Astroは、ウェブサイトを作るための最新フレームワークです。 最大の特徴は「必要な部分だ... 続きをみる
-
-
Google Search Consoleはどのような時に使うか
Google Search Console（サーチコンソール）は、Googleが無料で提供しているウェブサイト運営者向けのツールです。主に、サイトの検索パフォーマンスを把握し、改善するために利用されます。ここでは、具体的にどのような時に活用すべきかをまとめます。 1. サイトの検索順位やアクセス状況... 続きをみる
-
ポップアップウィンドウとは？
ポップアップウィンドウとは、ウェブページを閲覧している際に、ユーザーの操作や特定の条件によって新しく表示される小さなウィンドウや画面のことを指します。通常のページ遷移とは異なり、同じタブ内ではなく別枠や重ねて表示されるため、ユーザーの注意を引きやすい特徴があります。 主な用途 お知らせ・キャンペーン... 続きをみる
-
ディスクリプションの適切な文字数は？
Webサイトやブログを運営していると、SEO対策として重要になるのが「ディスクリプション（meta description）」です。今回は、その適切な文字数について分かりやすく解説します。 ディスクリプションとは？ ディスクリプションとは、検索結果に表示される「ページの説明文」のことです。検索エンジ... 続きをみる
-
SEO対策になるブログの更新方法とは？
ホームページやブログを運営していると、「検索順位を上げたい」「もっと多くの人に見てもらいたい」と思う方も多いのではないでしょうか。そのために欠かせないのが SEO（検索エンジン最適化） です。この記事では、SEO対策につながるブログの更新方法を分かりやすく解説します。 1. 更新頻度を意識する Go... 続きをみる
-
WordPressでブログやお知らせ投稿などの機能を作るには
WordPressは、ホームページ制作だけでなく、ブログやお知らせなどの投稿型コンテンツを簡単に管理・公開できる便利なCMS（コンテンツ管理システム）です。本記事では、WordPressで「ブログ投稿機能」や「お知らせ機能」を実装・運用する方法について、初心者にもわかりやすく解説します。 1. 「投... 続きをみる
-
SSL化が必須の理由について
インターネット上でホームページを運用するうえで、「SSL化（常時SSL化）」は今や欠かせない要素となっています。 ではなぜ、SSL化がそれほど重要なのでしょうか？ 本記事では、その理由とメリットについてわかりやすく解説いたします。 SSLとは？ SSL（Secure Sockets Layer）とは... 続きをみる
-
WordPressテーマ「SWELL」とは？使いやすさとデザイン性が魅力の高機能テーマ
WordPressでブログやサイトを作成する際、テーマ選びはとても重要です。その中でも多くのユーザーから支持されているのが、国内製の有料テーマ「SWELL（スウェル）」です。この記事では、SWELLの特徴やメリット、どんな方におすすめかをご紹介します。 SWELLの基本情報 SWELLは、開発者「了... 続きをみる
-
リブログって何だろう？
自分の書いた記事が表示されている。 これは、リポスト、リツイートとかいうものと同じなのか？ これを見て、自分のIDやURLが分かった。少し嬉しい気分！
-
一応、（リンク）Bad Request のところを修正してみた
前記事の続き。 ・・・で・・・ PCではリンク先がちゃんと表示されるが。。。 スマホでは表示されず、Bad Request と表示されて飛べなかった件。 それを、2月13日（木）00:00頃に。 もしかしたら、文字だったら大丈夫かも？と思い。 リンクをカード形式ではなく、「選択中のテキスト」を選んで... 続きをみる
-
タダより高いものはない⁉️〜広告について思う
ここのところ多くの方が取り上げていらっしゃるムラゴン内の広告について。 今日は私も それについて書きたいと思います。 少し前までは何かサービスを受ける場合、それへの対価を支払ったものでした。 ところが時代が進むにつれ、さまざまなコンテンツが無料で提供されるように。 驚いたのは、動画や音楽、ゲームまで... 続きをみる
-
タンブラーヘッダー画像 webp画像でサイト表示の高速化
タンブラーのヘッダー画像のサイズ2048x1152px webp画像圧縮 元の画像 png(124kb) 画像サイズ変更 Webp (81kb) 普通に画像サイズを拡大すると重たくなります 元のpng画像形式を新しいWebp画像に変換 png(124kb)～Webp (81kb) 圧縮をしてwebp... 続きをみる
-
画像 イラストなどのアクセスを増やす無料のタンブラー
メインブログからの誘導に活躍してくれる無料のSNSタンブラーは使わない手は無い 自分のメインブログのURLが検索結果に表示され増えれば上昇率上位のクエリも増える 検索結果からの自然な流れで入口が増える。 イラストや画像は無料のSNSタンブラーは得意分野です 一瞬に目に留まったお気に入りの画像やイラス... 続きをみる
-
PageSpeed ツールでウェブサイトを分析
PageSpeed ツールでウェブサイトを分析して最適化-ムラゴン ブログ あらゆるデバイスでウェブページの読み込み時間を短くしましょう 👇 PageSpeed Insights 自分のムラゴンのブログのURLを入力して結果を見る すると👆分析結果がご覧になれます パフォーマンスは、35もう限界... 続きをみる
-
遺伝子組み換え食品いらない！キャンペーン総会記念講演会
遺伝子組み換え食品いらない！キャンペーン総会記念講演会 ゲノム編集食品に表示を! 遺伝子組み換え食品いらない！キャンペーン総会記念講演会 ゲノム編集食品に表示を! 日時 5月21日（火）13:30～15:30 会場 東京・連合会館 401会議室 オンライン併用 (定員会場50名、オンライン100名)... 続きをみる
-
独自ドメインサイトにHTMLサイトマップ導入
広告の一切入らない 無料ブログに HTML自動サイトマップを導入しました、ほったらかしでも勝手にサイトマップを作るスプリクト モバイル表示サイトマップ モバイルユーザーでも見やすいサイトマップ 気になるタイトルをクリックすれば直ぐにアクセス パソコン表示のサイトマップ 邪魔な広告が一切入らないので読... 続きをみる
-
Z型・F型レイアウト - 売上アップのUI設計法
はじめに Webサイトにおける視線誘導は、ユーザーがコンテンツを効果的に閲覧できるよう情報を配置する重要な手法です。 視線の動きには一定のパターンがあり、それに合わせてレイアウトを設計することで、ユーザビリティが大幅に向上します。 本記事では、視線誘導の基本的な考え方と具体的な手法、実際のWebサイ... 続きをみる
2年目Webディレクター
m-blog-mのブログ
2024/04/26 20:00
-
ペプシコーラ 嫌いじゃ無いですよ！ 安いし、、
コカコーラではなく、、ペプシコーラです まぁ 量が多いので 買ってきて家飲み、、 一辺には飲み切れません 強いて好き、、ではないんですけれど たまにゃ飲みたくなります ピザやハンバーガーには合ってますし、、 ただ このペプシ、、ちょっとした色違いでZEROが有る 前回に間違えて買って、、あの無理矢理... 続きをみる
-
有料の広告非表示よりも先にBad Request 修正が先
過去のムラゴン ブログ記事を読み返すとBad Requestだらけ リンク先がこれでは購読者がブログを読んで何だかわからない ムラゴン ブログのとても大きな問題です 商品のご紹介などリンク先をご案内します、Bad Request。だったらユーザーはどう反応するでしょうか？ どんな商品なのでしょう？リ... 続きをみる
-
寒じめほうれん草は 機能性表示食品
寒じめほうれん草は 機能性表示食品の毒登録されました。食べられません注意されてください。 食べてはいけない野菜です 都内では群馬県の「ちじみほうれん草」として販売されています 間違えて買ってしまいました。😢 全ての機能性表示食品は毒です。 速攻ゴミに出しました。 お金損した、ちっくしょー。 こんな... 続きをみる
-
-
-
あなたのビジネスのためのいくつかのFacebookマーケティングの成功のヒント
ビジネス用に Facebook ページを設定する手順を理解したら、Facebook マーケティングを最適化するためのヒントを次に示します。 1. Facebook 広告 Facebook マーケティングで Facebook を使用するための最初のヒントは、広告を掲載することです。 Facebook ... 続きをみる
-
幅広い広告リーチが必要ですか? Googleアドワーズが答えです
Google Adwords は、Google の検索結果に有料広告を表示する Google の機能です。 Google でキーワードを検索し、ページ タイトルの横に「広告」という単語がリストされている場合、Google Adwords 機能を使用していることは確かです。 この機能は、通常、今日のオ... 続きをみる
-
Google Search Console とは何かを知る とメリット
Googleサーチコンソールというツールを聞いたことがありますか? Google Search Console は、ウェブサイトの所有者がオーガニック領域でのサイトのパフォーマンスを監視できる Google の無料サービスです。 これらのツールは、Web サイトの所有者、特にデジタル時代のマーケティ... 続きをみる
-
【トランス脂肪酸は体に悪い？】トランス脂肪酸が体に与える悪影響について医学的に徹底解説！
こんにちは！ BLC Personal Gym 六本木の権藤です。 本日は【トランス脂肪酸は体に悪い】健康・ダイエットについて医学的に徹底解説していきます。 皆さんは健康な食生活したいけどなにを気をつけて食事をすればいいか悩んでいませんか？ 実はパンや揚げ物に含まれるトランス脂肪酸という物質が体に悪... 続きをみる
-
日本語表示・国際文字表示 - ここが変だよ！日本乗っ取り
日本では、ひらがな・カタカナ・漢字・英語・ローマ字なら日本の学校で習うので日本人が読める。おでん文字は読めません。 この日本で、この文字を読める日本人はほとんどいません。 日本人が読めない文字を何故駅に表示する必要があるのでしょうかね。 日本の子供達も知るべきです この文字を読める国の人は、日本の竹... 続きをみる
-
年だとやっぱり打撲も治りにくい？
夕べアイスを食べながらブログを見てたら、あるブロガーさんも同じアイスを食べられててビックリ｡ このアイス去年からハマってて、夏になると食べたくなる。確か皆さんご贔屓のアイスまんじゅうもここのみたい。 いつも半分くらいまでは美味しいなぁと思うんだけど、途中からチョコがくどくなってくるんだよね。(ふだん... 続きをみる
-
not display
目が覚めるたび 必ず見てしまう あなたの名前は もう表示されないのに 別れとはそういうこと 私の眠りは浅くなり 聴こえるはずない着信音 聴こえた気がして また手を伸ばす あなたの名前は もう表示されないのに
-
#
グラフィックデザイン
-
ロゴデザインの沼にハマる新人デザイナーの話
-
引っ越しと繁忙期のタッグ
-
コンペに落ちた理由を分析してみた
-
1日1ロゴはどうなった？まさかの展開と練習のリアル記録
-
グミる！
-
チャッピーありがとう(笑)
-
人生で初めて温泉の予約をしてみる
-
【お知らせ】DTP制作の実績カテゴリーページを公開しました（随時更新中！）
-
Figmaで作ってみる
-
ONE OK ROCK「人生×君＝」ツアー。男のファンを唸らせる「ダーク＆ハード」な世界観の裏側。
-
【制作実績】よさこいチーム「朱乱舞」様のロゴデザイン！「へのへのもへじ」に込めた粋な仕掛け。
-
ロゴ1つでブランドは変わる。実績60案を一挙公開！業種別のデザインを一気に紹介してます!
-
札幌・恵庭・千歳の街に新たな目印を。TRUSTさんのロゴを作ったお話
-
【ロゴ制作をご検討中の方へ】テレビ紹介実績もある「マッスルプラス」ロゴ制作の事例紹介
-
ちょっと一休みでおまけ編②
-
-
#
フリーソフト
-
DICOM Viewer：非商用利用に限りフリーのDICOMビューアー
-
3D.Benchmark.OK：GPUの3Dベンチマークを計測
-
QontrolPanel：タスクトレイで音量と明るさを調整
-
ファイル連続印刷ツール：複数ファイルを順番通りに自動印刷
-
Audio Tag Manager：Windows用フリーのオーディオタグエディタ
-
Fotera：Windows用フリーの写真編集ソフト
-
【無料配布】テンキーが無いPC用 コンパクトな「デスクトップ画面用テンキー」を作りました
-
BulkPic：リサイズやフィルタもOKな一括画像形式変換ツール
-
Batch Rename Tool：海外製だけど日本語の置換もOKの一括リネーマー
-
TKO File Recovery：Windows向けフリーのファイル復元ツール
-
FireBlicks：ストレージを分析＆フォルダなどの占有率を視覚化
-
CloneScan：重複ファイルとフォルダをSHA-1で検出＆一括削除
-
JPEG Lossless Rotator：JPEG画像を無劣化で回転・反転
-
YuHex：複数のエンコーディングやDPIに対応のバイナリエディタ
-
Inkscape：.ai/svg/dxf/vsdも開ける定番フリーのドローソフト。
-
