※本サービスはGoogle Analyticsのデータを使います。 Google Analyticsをお使いのGoogleアカウントでログインしていただく必要があります。
import { useSelect } from '@wordpress/data'; const useCurrentPostCategories = () => { const categoryIds = wp.data.select('core/editor').getEditedPostAttribute('categories') return useSelect((select) => { const {getEntityRecords} = select('core') const taxonomies = getEntityRecords('taxonomy', 'category') if (!taxonomies) return [] const currentCategories = taxonomies.filter(taxonomy => { return ca
2014/08/12 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります techSSHautomation どうしても環境を変えられず SSH のパスフレーズを手動入力せざるをえないときってありますよね? それが1回、2回であればまだ良いのですが、ある程度定期的に SSH でログインしてあれこれやらなきゃいけないってなると、もう発狂ものです。 こういったケースはときどき発生するのですが、実は自動入力出来る方法があるってことをふいに知ったのでメモっておきます。 ※数ヶ月前の話ですが、それでもブログに記録を残しておいた方が良いと思ったので、タイミングずれましたが書いておきます。 SSH でのログインの仕方先に、普通に SSH でログインする方法とベストな選択肢に触れておきます。 一番シンプルに使うのなら、以下の方法ですね。 ssh -p 12345 user@
各指標により異なるが平均値のため小数点以下等の数字を調整 Cumulative Layout Shiftは元々0だったためこれ以上改善の余地がないとして、その他全部の指標において改善しました。Largest Contentful Paintが高めなのが気になりますが、あとの指標はどれもいい数字が出ています。 特にTotal Blocking Time、次いでTime to Interactiveが大きく変化しました。PHP8の威力でしょうか。 フロント側、管理画面どちらともストレス無く画面遷移していましたが、今回の設定変更によって、よりサクサク表示できるようになった印象です。 ちなみに、PageSpeed Insightsの「パソコン」となっているデスクトップ側のスコアは98で、各指標も全て緑色の高スコアです。 行った各種設定項目 前提条件に書いたとおり、Xserverのサーバーコントロー
【2021年4月14日まで】20%オフセール実施中!→終了しました WP Rocket ウェブサイトを運用していてアクセスが多くなってくると、気になってくるのがウェブサイトの表示速度。WordPressでサイトを運用していると、多くのプラグインを有効にすることで関連ファイルの読込が増えたり、記事数増加に伴いデータベースが大きくなったり、オリジナルテーマやテーマをカスタマイズして制作した場合によくある表示速度を考えて作られていないなど、色々な問題が出てきます。 表示速度が遅いサイトは直帰率やコンバージョン、SEOに悪影響があるため、パフォーマンス改善は非常に重要な項目です。そこで、改善のためのWordPressプラグインであるWP Rocketのメリットや導入方法などをご紹介します。 表示速度の重要性 デザインや見た目はいいウェブサイトなのに、読み込むまで時間がかかったりページが重い等では、
各指標により異なるが平均値のため小数点以下等の数字を調整 モバイルスコアは15点上昇!正直ここまで上がるとは思いませんでした。 First Contentful Paintはあまり変わらず。 Time to Interactiveは結構下がり、Speed Indexも若干下がっています。 Total Blocking Timeはなぜか大きくなり、Cumulative Layout Shiftも0だったのが若干数字が出てしまい、この2点は前回より悪くなった箇所です。 そして一番の要因ではないかと思われる、Largest Contentful Paintは大きく改善しました。前回でここだけ赤色だったんですよね。緑色になるの初めてみたかも。 100点をマークした時 PageSpeed Insightsの「改善できる項目」「診断」は以下の通りです。 行った各種設定項目 前述の通り今回はプラグインを
UXライティングとは何か UXライティングとは、ユーザーがデジタルサービスを操作する際に必要となるテキストを書く技術です。例えば、登録時のスタートガイド、利用の流れコンテンツ、タイトル、ボタン、画面上の説明文、エラーメッセージ、通知などの言葉がUXライティングの手法に則って書かれます。サービスの中にある言葉に対して「意味が通じればいい」という思想で書くのではなく、「ユーザーがサービスを通じて体験する一連の経験を設計する」という思想で書くのがUXライティングです。 UXライティングに求められる技術とは UXライティングには、分かりやすく書く技術と、人間らしく書く技術が必要です。この二つの技術が同居することによって、ユーザーの体験を支援することができます。 分かりやすく書く技術 UXライティングの手法に則ってテキストを書く際に求められるのは、「ユーザーの気持ちに沿った文章を書く」という抽象的な
この記事のショートリンクを取得 <a href='https://wp-doctor.jp/blog/?p=5628' target='_blank'>ワードプレスで最も先に実行されるアクションにフック(Action、Hook)するには?</a> ワードプレスにはアクションと呼ばれる、処理の実行時に、自分のプログラムを加えて実行できる仕組みがあります。今回はこのアクションで最も先に実施される物につきまして解説したいと思います。 ワードプレスで最も初期に実行されるアクションは? 結論から言いますと、一番初期に実行されるアクションはmuplugins_loadedです。ただ、このフックはあなたのプラグインがmupluginsフォルダ(必ず利用するプラグイン用の特殊フォルダ)に配置されている必要があります。 そうでない場合は、ワードプレスで最も初期に実行されるアクションはplugins_load
WordPressのカスタマイズにおいて欠かせないのが、アクションフックとフィルターフック。 今回はこの「アクションフック」の方について知識をつけていこう! ということで、WordPressの主要なアクションフックの実行順序について検証してきたので、メモしておきます。 どのアクションが早くてどのアクションが遅いのかを、フロント側で実行される20種のアクションフックについて調べてみました。(全部のアクションフックを検証するのはきつすぎた...。笑) 全アクションフックはここで確認できます:Codex日本語版:プラグイン API/アクションフック一覧 検証結果:主要なアクションフックの実行順序一覧 先に結果を。 今回の検証で確認できた実行順序は次の通りでした。 after_setup_themeset_current_userregistered_post_type(複数回実行)registe
これは何 「デザイナーもReact書いてくださいよ」って空気になったときに読むと役立つかもしれない記事です 基本的に筆者が学んだ流れを記載しています そのため、世間一般のベストプラクティスではないと思います エンジニアの方から見ると邪道な流れ・説明の仕方かもしれませんが、デザイナーに教える上での分かりやすさを重視していますのでご了承ください この記事の中で使っているコードはこちらのリポジトリで公開しています コミットを辿ってもらえれば、各セクションの内容が全て見れます ※言い訳がましいですが、筆者もReactに精通している程ではなく「デザイナーにしては割と知ってる」レベルです もし説明に間違いや不足があれば編集リクエストをお願いします 対象読者 Web or UIデザイナー HTMLとCSSは普通に書けるけど、Reactはほぼ全く触ったことがない人 1人で完全に実装したいってほどではないけ
商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL!色変更可能!Web・広告・企画書・資料などご自由に!
利用規約はこちらへ テックピックはテック系イラスト・素材を無料でダウンロードできるサイトです。 商用利用可、会員登録不要です。 移動 EV スマホ スマートフォン タクシー ドローン バス 一人乗り 乗り物 空陸両用 立ち乗り 自動車 自動運転 車 車椅子 電動 流通 QRマーカー 充電 制御 宅配 操作 着陸 荷物 販売 高層階 生活 お花見 ニュース 天気 家 旅行 景色 洗濯 観光 音楽 家電 エアコン テレビ モニター 家電 洗濯機 給湯器 オフィス オフィス 業務用 ヘルスケア コロナウイルス メンタル 感染症予防 建築 BIM ビル 中が見える 内部 商店 家屋 店舗 建築 空調 街 飲食店 先進技術 ディープラーニング 農業 生産者 農業 IT AI AR Iot LED MR VR ipad iphone mac wifi windows アプリ イヤホン ウェアラブル ウ
Googleマイビジネスでは祝祭日など通常の営業日と異なる日について、特別営業時間を設定することが可能です。 Googleマイビジネスに特別営業時間を設定する際、どのようにされていますか? 1件1件、管理画面から設定されている方もいると思いますが、管理しているビジネスがいくつかあると面倒ですよね? 年間を通して店舗の休業日が決まっている場合など、スプレッドシートを使って一括で設定すると、設定は簡単だし、入力ミスを防ぐことができます。 この記事では、スプレッドシートを使って一括で特別営業時間を設定する方法についてお伝えします。 特別営業時間を設定しないとどうなる? お客様を逃してしまうことがあるのでご注意ください。 祝祭日など通常の営業日と異なる場合、特別営業時間を設定しないと「海の日は時間が異なる場合があります」と表示されます。Google検索やGoogleマップで店舗を検索したお客様を混
Core Web Vitalsを意識したスライダーのライブラリ選定と指標改善のためのチューニング Core Web Vitals Lighthouse PageSpeed Insights 表示高速化 UIとしてはアンチパターンと言われがちなスライダー(カルーセルやスライドショーとも呼ばれますが、今回はスライダーで統一)ですが、ファーストビューの「にぎやかし」として根強い人気があり、Web制作の現場でよく遭遇します。 大きな画像を何枚も読み込み、それをJavaScriptで制御するのは聞いただけでも重い機能です。2021年から検索順位に関係すると言われるCore Web Vitalsや、PageSpeedスコアといったフロントエンドパフォーマンス指標にも明らかに影響がありそうです。 ライブラリの種類が多いことも悩みの種です。今回、フロントエンドパフォーマンスの観点からはどのライブラリを選ぶ
JAJAAAN代表です。このサイトの制作者です。趣味は、最近始めたアウトドア、最近始めた釣り、最近始めた格闘技です。尊敬する人はさかなくん。人生で学んだことは「女は怖い」ご連絡はメールかTwitterでDMください。 メール Twitter SEE MORE 今回はCSSのみで作れる見出しデザインについて100個サンプルを作ってみました。 見出しなどで使えるデザイン例についてどこよりも詳しく(おそらく..)紹介・解説しています。すべてCSSのみで実現しているものになりまります。 コピペしてそのまま使用していただいて構いません。デザイン例によって作成時のポイントや注意点も書いています。 CSSのみで作る見出しについて見出しについて、マークアップで使用されるHTMLタグはh1〜h6になるかと思います。サンプルのHTMLではh2を例にしていますが、hタグである必要はありません。ご自由なHTMLタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く