reCPATCHAが2024年4月1日から有料化されたGoogleはreCAPTCHAの料金体系を2024年4月1日から変更しました。 この変更により、既存の機能が拡張され、新たな価格オプションが提供されます。 個人ユーザーや小規模サイト運営者にとって、大きな影響があるでしょう。 Googleからの通知メールによると、主な変更点は以下の3つです。 reCAPTCHA Enterpriseの価格引き下げと無料枠の縮小reCAPTCHA Standardの新設無料版reCAPTCHA Liteへの名称変更と制限強化それでは、各変更点について詳しく見ていきましょう。 reCAPTCHA Enterpriseの価格引き下げと無料枠の縮小reCAPTCHA Enterpriseは、大幅な価格引き下げが行われます。 しかし、無料枠も大きく縮小されています。 具体的な変更点は以下の通りです。 評価1,0

はじめに 今までWordPress,note,Qiita,はてなブログ,Wixなどでブログを書いてきました。そんな中最終的にZennにしようと思った理由とZennとはどんなサービスなのかまとめていこうと思います。 ※Zennの運営と私は一切関係ありません。 ※Zennを実際に1年程使った経験などふまえ記事をアップデートしました。 2021年に本記事は執筆しました。 僕がZennを選んだ理由 投げ銭と本の有料販売で収益化できる デザインが良い 書き方は記事,本,スクラップの三種類があって面白い エンジニア向けで技術ブログ書くのに向いている 無料で広告がつかない SEOがトップクラスで強い→つまりGoogleで検索表示で上の方に来やすい 特に1,2,3が決め手です。これほど独自性があるブログサービスは他に無かったと思います。(後述)また僕が使用したブログサービスの中で一番SEOが強いと感じるの

Refactoring UIで公開された「Labels are last resort」より許可をもらい、日本語抄訳しています。 ユーザーにデータを表示するとき（特にベータベースから読み込むとき）、一般的なlabelプロパティを使って表示するという罠に陥りがちです。 すべてにラベルを利用した悪い例？ このアプローチの問題点は、データをなにかしらの階層構造で表示することが難しくなること。どのデータも等しく重視されるようになります。 ラベルはまったく必要ないかもしれない 多くの場合、書式を見るだけで、そのデータが何であるか直感的に理解できます。 たとえば、nanas[email protected]はメールアドレス、(619)765-4321は電話番号、￥980は価格といった具合です。 フォーマット形式が分かりにくいときは、コンテンツにすでに含まれていることもよくあります。たとえば、従業員名簿で誰か

モール型のネットショップは、複数のブランドや店舗が、一つの大きなサイトに集まって出店する形式のオンラインプラットフォームです。「ECモール」と呼ばれます。大手ECモールといえば、楽天市場・Amazon・Yahoo!ショッピング・ZOZOTOWNなどが有名です。 モール型の場合、ECモール自体の知名度の高さや利用者数の多さがメリットとなり、集客力とある程度の売上アップを期待できます。ただし、自社のネットショップのブランドイメージを目立たせることは難しいでしょう。出店費用や販売手数料などのコストも高めです。 ▼こんな方におすすめ コストをかけてもスピーディーに集客したい方ネットショップの開業を楽に行いたい方 ASP型のネットショップは、クラウド上で共通のサービスを利用するものです。ASPは「Application Service Provider」の略です。「ASPカート」と呼ばれます。 AS

游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの

TOP プラグインMW WP FormへのreCAPTCHA設定方法を解説【図解】 プラグイン 2023.07.10 2023.07.26 MW WP FormへのreCAPTCHA設定方法を解説【図解】 WordPressスペシャリスト・エンジニア/株式会社e2e 取締役 / CTO 1985年北海道生まれ。 200社以上の大手上場企業のWordPressサイトの制作、保守・セキュリティをサポートしている。 【 展開しているサービス一覧 】 ■WordPress開発サービス「wp.make」 ■WordPress保守/運用サービス「wp.support」 ■WordPressハッキング/緊急復旧対応サービス「wp.rescue」 ■WordPressバージョンアップ代行サービス「wp.versionup」 「MW WP Form」は、かんたんに確認画面や完了画面付きのフォームが作れるWo

WordPressでWebP形式を使用するメリット 通常のWebサイトと同様に、WordPressサイトでも画像をWebP形式にすることで、画像ファイルの容量を削減できることや、ページの表示速度が改善してSEOに貢献できるといったメリットが期待できます。 画像サイズを小さくできる WebPは、写真画像でよく使用されるJPEGと比較して20％〜30％ファイルサイズを圧縮できます。JPEGの場合は圧縮率を上げると画質が劣化しますが、WebPであれば品質を下げずに画像を軽量化できます。 WebP画像に切り替えることでストレージコストの削減にも繋がります。 ただし、詳しくは後述しますが、非対応ブラウザへの対応を行う場合、JPEG等の従来の画像形式の画像も必要になるため、ストレージ容量の削減効果はありません。 ページの表示速度が改善する WebPを使用することで画像サイズが小さくなるため、ページの表

ユーザー体験を追求したテーマ SANGOはユーザーフレンドリーを徹底的に追求したWordPressテーマです。ブロックエディターにも完全対応しています。

Composerのインストール Laravelのインストールや管理にはComposerが必要なのでインストールを行います。 まず、SSHでさくらのレンタルサーバへログインします。 SSH を利用したい | さくらのサポート情報 ログインしたら「cd ~」でホームディレクトリに移動します。例えばユーザ名がabcなら/home/abcに移動します(pwdコマンドで確認できます)。そして「cd bin」でbinフォルダに移動します。 次にComposerをダウンロードします。以下のページからダウンロードに使用するコマンドを取得できます。 Download Composer Latest: v2.5.5 記事執筆時点では以下のようなスクリプトでした。 php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"

現役のクリエイター監修実践的カリキュラム 未経験から プロを目指せる Web制作・プログラミングのスクールを選ぶなら 挫折させないオンライン学習

こんにちは！ 現在作成している自主制作サイトで イラレで自作したロゴのSVGファイルを外部ファイル形式で読み込み、 色やサイズを変える手順についてまとめたいと思います。 実現にあたりGoogle検索で色々な方の記事を参考にさせて頂きました。 参考記事を書いて下さった皆様、勝手にですがお礼を申し上げます。 ありがとうございました<(_ _)> また、この方法では実装後の表示確認をローカル環境でしようとすると （ローカル環境での確認：サーバーを通さず、自分のPCでブラウザで確認する事とさせてください） ブラウザのセキュリティポリシーに引っかかり SVGの画像が表示されずに困惑する方がいらっしゃるかも？？と思ったので、 簡単にですがGoogleChromeでのローカルでの確認手順も書いておこうと思います。 自作サイトでのSVG使用箇所 自作サイトBakeryColne(ベーカリーコルネ)ではお店

まず日本の現状はどうなのかを調べてみました。令和4年の厚労省の資料によると、障害を持つ方の総数は964.7万人で、人口の約7.6%にのぼるそうです。身体障害者の内訳としては、肢体不自由181万人、内部障害*2109.1万人聴覚・言語障害36.0万人、視覚障害31.5万人となっています。 内閣府 「平成25年版障害者白書 第1編 障害者の状況等（基礎的調査等より）」より。 *2　内部障害は、心臓機能障害、腎臓機能障害、呼吸器機能障害、膀胱・直腸機能障害、小腸機能障害、肝臓機能障害、ヒト免疫不全ウイルス（HIV)による免疫機能障害の7つの障害を指します。体の内部の障害のため、ほとんどの方が外見から障害があることがわかりません。疲れやすかったり、タバコの煙などで苦しくなったりするなど、周囲の理解と配慮が欠かせません。 障害の種類や度合いは多種多様 これらの障害を持つ方はどのようにウェブサイトを使

Web標準に新たなステータス「Baseline」が登場。変化し続けるWeb標準のうちWeb開発者が安心して使える機能群を示す。MDNドキュメントなどで表示開始 Web開発者の開発体験を改善することなどを目的としたW3CのWebDX Community Groupは、つねに新たな機能などが登場し変化し続けるWeb標準のうち、Web開発者が安心して使える機能群を示す新たなステータス「Baseline」を発表しました（Googleによる発表、MDNによる発表）。 現在、Web標準はリビングスタンダードとしてつねにアップデートが行われており、ChromeやFirefox、Safariなどの主要なWebブラウザは、Web標準で新たに策定される機能をそれぞれ実装し、最新版に反映させています。 そのため、それぞれのWebブラウザがWeb標準のどの機能をいつ頃実装し、最新版に反映させるのかは時期が異なりま

WordPress 6.2 がリリースされ、ついに、フルサイト編集を行うサイトエディターから「ベータ」表記がはずされました。合わせて、インターフェースまわりが強化・改善されましたので、その点に絞ってまとめておきます。 サイトエディター ［外観＞エディター］をクリックすると、サイトエディターが開きます。このとき、左側にナビゲーションが、右側にトップページの画面が表示されるようになりました。 右側の画面をクリックすると、トップページの生成に使用しているテンプレートの編集画面が開きます。この手順で編集画面を開くと、「投稿コンテンツ」ブロックにコンテンツを読み込んだ状態でカスタマイズできます。 個々のテンプレートやテンプレートパーツは、左側のナビゲーションから選んで編集します。それぞれのメニュー内にある「すべての○○を管理」を選択すると、WordPress 6.1 のときと同じ一覧画面を開くことが