令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁
広告であるにもかかわらず、広告であることを隠すことがいわゆる「ステルスマーケティング」です。 景品表示法は、うそや大げさな表示など消費者をだますような表示を規制し、消費者がより良い商品・サービスを自主的かつ合理的に選べる環境を守ります。 消費者がより良い商品・サービスを自主的かつ合理的に選べる環境を守るためには、ステルスマーケティングを規制する必要があります。 消費者は、企業による広告・宣伝であれば、ある程度の誇張・誇大が含まれているものと考えており、そのことを含めて商品・サービスを選んでいます。 一方で、広告・宣伝であることが分からないと、企業ではない第三者の感想であると誤って認識してしまい、その表示の内容をそのまま受けとってしまい、消費者が自主的かつ合理的に商品・サービスを選ぶことが出来なくなるかもしれません。 景品表示法で規制されるのは、広告であって、一般消費者が広告であることを分か
【JavaScript】ボタンクリックでファイルをダウンロードする
xxx～の部分にはbase64でエンコードされた文字列を指定します。ネット上でbase64変換等を調べると、多くの方からジェネレータが提供されています。ファイルをアップロードするだけで変換してくれますので、よかったら検索して試してみてください。 ボタンクリックでファイルをダウンロードする 前項の内容を参考に、ボタンクリックでファイルをダウンロードする処理を作成してみます。ここではPNG画像をダウンロードするようにしたいと思いまます。 HTML <button type="button" class="btn">ダウンロード</button> JavaScript const btn = document.querySelector('.btn'); const data = 'iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAC/VBMVEUAA
初学者の私がGitを理解するために、この順番で読めばよかったと思った記事の順番 - Qiita
エンジニア未経験のわたしがGitを学ぶ上で、この流れで記事を読むべきだったと思ったことを記載する。 完全に初学者意見のため、疑いながら読んでください。 私は下記の流れで学習することによって、理解をしやすいように感じた。 ① Gitで何をしているかのイメージを掴む（コマンドなし） ② Gitのイメージを、コマンドで実現している記事をみる ③ 実際にGitのコマンドを打ちながら、出力と、頭の中のイメージのすり合わせ Gitで何をしているかのイメージを掴む（コマンドなし） こちらの記事は、Gitのイメージをコマンドなしで、わかりやすく図で示してくださっています。 記事にも記載されていますが、 ・重要なのは 「何」から「何」へ・「どんな作業」を行う のかを追う ・操作前と操作後でどんなことが起こっているのかをイメージする 上記の内容が、すごく同意で、重要だと感じている。いきなりコマンドを打ちながら
vwとremを組み合わせて、アスペクト比を維持したサイズ可変レイアウトを実装する - Qiita
un-T factory! XA Advent Calendar 10日目の記事です。 リキッドレイアウトの葛藤 リキッドレイアウトによるWebページ制作の際、表示端末の画面幅（viewport）の違いによって各要素のサイズ比率が変わり、デザイン時の意図と異なる見た目になってしまうことがあります。 特にスマートフォンやタブレットでは端末によってブラウザ幅が固定されるため、テキストの改行のされ方や周辺要素とのレイアウトバランスなど、ちょっとした違いでページの印象が大きく変わることもあります。 「さまざまな解像度の端末があるのだから、そのような違いが出ることも許容するべき」という考え方にはもちろん同意ですが、今回は、CSSのサイズ指定を少し工夫してアスペクト比を維持したサイズ可変レイアウトを手軽に実装する方法を紹介します。 サイズ可変レイアウトの実装 一つの例として、画面幅（viewport）
タップ領域のハイライト色とユーザー体験の改善 | COFUS技術ブログ
CSSプロパティー-webkit-tap-highlight-colorは主にモバイル端末で使用できる標準外プロパティーの1つで、タップ領域のハイライト色を指定できます。 MDN：https://developer.mozilla.org/ja/docs/Web/CSS/-webkit-tap-highlight-color Can I use：https://caniuse.com/?search=tap-highlight-color ユーザーがタップした事を強調させる事ができる為、アクセシビリティ対策の一貫として有効に活用されていますが、すべての状況下においてこのプロパティーが有効に活きるか？というとそうでもなかったりします。 例としてタブUIを見てみます。 タブUIの時のタップ領域のハイライト よくあるタブUIです。タブをクリックないしタップすると表示コンテンツが切り替わるごく一般
アカウントユーザーの管理画面での行動履歴のすべてを記録するWordPressプラグイン「WP Activity Log」の使い方 – ワードプレステーマTCD
複数のユーザーで1つのWordPressサイトを管理している場合、いつ誰がどんな変更を加えたかを記録に残しておきたいと思うことはありませんか？ 特に企業で運営するWordPressサイト、個人情報を取り扱うECサイトを運営する場合は、多くのスタッフや関係者が管理画面にログインすることになるため、各ユーザーの行動履歴を自動的に記録することはセキュリティや個人情報保護の観点からも必要なことです。 そこで役立つのがWordPressプラグイン「WP Activity Log」。アカウントユーザーのダッシュボード内での行動履歴（アクティビティログ）を記録するプラグインです。 「WP Activity Log」機能概要 「WP Activity Log」をインストールすると、WordPressサイト内で行われたアクティビティのすべてが記録します。 すべての投稿・固定ページ・カスタム投稿タイプの投稿・
【WordPress5.9 / 6.0版】theme.json 全解説 - Qiita
WordPress6.1以降の各メジャーバージョンにおける変更点については、以下記事をご参照ください。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.3】theme.json の変更点 【WordPress6.4】theme.json の変更点 【WordPress6.5】theme.json の変更点 変更履歴 2023.03.20: title プロパティに関する説明を追加しました。(解説) はじめに WordPress5.8で、新しいツールである theme.json が導入されました。 これにより、テーマやブロックがサポートする機能・レイアウト・スタイルなどの多くを、このJSONファイル一つで一元的にコントロール出来るようになりました。 この theme.json は、WordPres
旧バージョンのWordPressとPHPを更新する
かなり古いバージョンのWordPressとPHPを最新版に更新したので、その方法をご紹介します。 今回は仕事の依頼で、6年以上未更新のWordPress4.4.1サイトを更新することになりましたが、WordPressだけでなくサーバー側のPHPもバージョンアップが必要になりました。 単にWordPressの更新だけなら簡単でしたが、PHPのバージョン更新や、MySQLデータベースの再作成といったサーバー側の作業もあったので結構大変でした。 途中でヒヤッとした場面もありましたが、無事に更新できてよかったです。 WordPressを古いバージョンのままで放置すると、サイトが表示されなかったり、不正ログインや改ざんなどのセキュリティ被害が発生します。 WordPressは常に最新バージョンに更新して使ってください。 あと、今回のサーバーはWADAXでしたが、PHPのバージョン変更やMySQLデー
同じメールを何度も受信してしまうトラブルの対処｜よくある課題を解決しよう（課題解決ガイド：メール編） | 個人向けOCNお客さまサポート
よくある課題を解決しよう 課題解決ガイド：メール編 同じメールを何度も受信してしまうトラブルの対処 メール受信のたびに同じメールを何度も受信してしまうという現象が起きている場合の、原因と解消方法をご案内します。 メールソフトを使っていて、何度も同じメールを受信するトラブルが起きた場合は、以下のことが主な原因となることがほとんどです。 【考えられる主な原因】 メールサーバーに容量の大きなメールが届いている（受信に時間がかかり、タイムアウトしてしまう） メールサーバーに溜まったメールが、お客さまに割り当てられた総容量に達している（大量の迷惑メールが送られている、長期間メールを受信していないなど） メールソフトで「サーバーにメールのコピーを残す」（メールソフトによって表記は異なります）設定にしている メールソフトに異常が起きている（データの破損、ソフトのエラーなど） 受信しようとするメールがトラ
【さくらサーバー】 ステージングテスト環境・SnapUpの使い方
さくらのレンタルサーバでは、SnapUp(スナップアップ)というサービスと提携して、テスト環境(ステージング環境)を作る機能があります。 ステージング機能を利用すると、一般公開されているサイトの本番環境とほぼ同じ環境(テスト環境)を別の専用環境に作成して、非公開な状態のまま編集することができます。 今回は、さくらのサーバーで、ステージング機能を利用したテスト環境の作り方・SnapUpの使い方をご紹介します。 さくらサーバーのステージング機能の特徴 さくらサーバーのステージング機能は、株式会社ユニマルが運営している「SnapUp(スナップアップ)」というサービスと提携して提供されています。 ステージング機能とは、一般公開されているサイトの本番環境とほぼ同じ環境(テスト環境)を別の専用環境に作成して、非公開な状態のまま編集することができる機能です。 本番環境のサイト・データベースのデータを「ス
bbPress 返信フォームにフィールド追加 - RU DESIGN
WordPressの掲示板プラグイン「bbPress」を 使ってサイト制作をしています。 その中でやったことなどをメモ的な感じで書いていきます。 今回は、このように返信フォーム内に任意のフィールドを 追加させて表示させようと思います。 完成イメージ 返信フォームにメールアドレス（任意）とWEBサイトのフィールドを表示し、 投稿したら、コメント欄にアイコンが表示されるような感じにしています。 さっそくですが、その際のコードはこちら functions.php <?php add_action ( 'bbp_theme_before_reply_form_content', 'bbp_extra_reply_fields'); function bbp_extra_reply_fields() { $yousermail = get_post_meta( bbp_get_reply_id(),
WordPressのエディタで出力されるタグを調べてみる
WordPressのエディタで出力されるタグを調べて、設定しておいた方がよいCSSを考えてみました。 サンプルコード エディタで設定できるスタイルを一通り試してみて、ページ上に出力してみます。 PHP <div class="wysiwyg"> <?php the_content(); ?> </div> エディタ用にスタイルを当てたかったので、.wysiwyg内に出力するようにしています。 それぞれ以下のようなタグで出力されました。 HTML <div class="wysiwyg"> <h1>見出し1</h1> <h2>見出し2</h2> <h3>見出し3</h3> <h4>見出し4</h4> <h5>見出し5</h5> <h6>見出し6</h6> <pre>整形済みテキスト</pre> <p><strong>太字</strong></p> <p><em>イタリック</em></p>
CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方
CSSで美しいシャドウをつけるbox-shadowの書き方を紹介します。 少し大きめのシャドウを適用し、ネガティブに縮小させることで、通常のシャドウより少しだけ彩度が高くなり、要素がくっきり見えます。
モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit
[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）
Reactを使うとなぜjQueryが要らなくなるのか - Qiita
はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【苦手な人向け】Gitを使えるようになるコツ｜工場勤務Pythonプログラマーの日常
【CSS】特定の要素だけをスクロール禁止にする方法
さくらサーバーでPHPバージョンを確認・変更する方法
WebコアCMS：ジー・サーチ
[WordPress] bbPressのカスタマイズサンプル