すぐ消えてしまう要素をDevToolsで確認するTips集
はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <
POST送信を行っているページにBackするとエラーが出る際の対処法 - Qiita
経緯 クライアント「ブラウザで戻る、進むをした時に、エラーが出ないようにしてほしい」 僕「なるほど やってみます」 備忘録メモ 実際にはまっていた理由はsession_start();がソース上にいくつもあって、どこが本当に利用されているのかわからなかったからなんだけど… やっぱりフレームワークはちゃんと使った方がいいよね… 参考にさせていいただいたサイト 忘れんうちに書いとけ:PHPでWebページの有効期限が切れてますとなる時の傾向と対策 ブラウザの戻るボタンを押すと有効期限切れとなるのはなぜですか - PHPプロ！Q&A掲示板 エラーの内容と原因 POST送信されたデータをもとに処理を行っている画面に、ブラウザの戻るボタンや、JSのBackで戻ろうとすると、有効期限切れエラーが表示されてしまう。 原因は、PHPでSESSIONをStartした際に、Sessionを制御するヘッダーが送信
wordpressでAjaxを使う方法
Ajaxで送信するurlをJavaScriptから取得できるようにする function my_enqueue() { // ここで決めたハンドル名(ajax-script)と下のwp_localiza_scriptのハンドル名を同じにする wp_enqueue_script( 'ajax-script', '/path/ajax.js', ['jquery'], false, false ); // add_urlがグローバル変数になる add_url.ajax_urlで送信先urlを取得できる wp_localize_script( 'ajax-script', 'add_url',array( 'ajax_url' => admin_url( 'admin-ajax.php') ) ); } add_action( 'wp_enqueue_scripts', 'my_enqueue'
WordPress：「MW WP Form」のエラー表示周りをカスタマイズする際の備忘録 - NxWorld
確認・完了画面付きのフォームを簡単に実装できるWordPressプラグイン「MW WP Form」をカスタマイズしたいときに毎回ど忘れしたりググったりしているので備忘録です。 エラー文言の変更やエラーをまとめて表示するなど、エラー表示周りのカスタマイズ時のものになります。 紹介している内容は、MW WP Form Ver 3.2.1で検証した内容になります。 「MW WP Form」についての基本的なインストール・使用方法については割愛しているので、使用したことない場合などはプラグインの詳細も含め「MW WP Form」で確認してください。 formタグにエラー用classを付与する 「MW WP Form」は、入力画面では.mw_wp_form_input、確認画面では.mw_wp_form_previewというように現在の状態によってform部分に特定のclassが付与される作りになっ
【WordPress】管理画面のユーザー一覧で検索項目を追加する方法
wordpressを使った会員サイトをつくっていて､管理画面のユーザー一覧の検索項目を追加しないといけない案件があったのでまとめておきます｡ 目次管理画面のユーザー一覧に検索項目を追加する方法注意点波括弧はいらない？カスタムフィールドにデータがないユーザーは検索対象とみなされない参考サイト 管理画面のユーザー一覧に検索項目を追加する方法 以下のコードをfunctions.phpにコピペします｡ function extended_user_search($user_query) { if($user_query->query_vars['search']) { $search = trim( $user_query->query_vars['search'], '*'); if($_REQUEST['s'] == $search) { global $wpdb; $user_query->
WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ、最近は右下のデブと言われることが多い段田です。 今回はWordPress管理画面のカスタマイズを紹介したいと思います。 1.左メニューのカスタムタクソノミーメニューを消す。 カスタムタクソノミーを追加した際、 管理画面では投稿やカスタム投稿タイプのメニューの中にサブメニューという形で カスタムタクソノミーメニューが表示されます。 このメニューを特定のアカウント時は 表示させないようにするカスタマイズ方法を記載します。 サブメニューはremove_submenu_page関数を使うことで削除出来ます。 remove_submenu_page関数はグローバル変数の$submenuの配列データを操作する形になります。 function remove_submenu_page( $menu_slug, $submenu_slug ) { global $submenu; if ( !i
人気エントリーで増田の１５年の歴史を振り返る
いつもホッテントリを賑わせている増田だが、増田が始まってからこれまでの１５年間について、年代別にブクマ数ベスト５を調査して、振り返っていきたい。 2006年1位：プログラミング用のフォントを探してたら一日が終わってた(366users) この時代は「技術のはてな」みたいに言われていたので、こういう記事に需要があって、よくホッテントリ入りしていた。 なんで増田に書いたのかよくわからんが。 2位：anond:20061214085342(155users) 有名なオーケン事件の2chコピペ。 2chコピペだとわかるように書いてある。 3位：手っ取り早くGIGAZINEになる方法(140users) gigazineはこの時代のホッテントリ常連だった。 deliciousとかdiggとか今はもうなくなってるよな。 4位：『はてな』がイノベーターに成り得ない５つの理由(132users) 頭のおか
PHPでBasic認証する方法とエラー対策｜DESIGN REMARKS [デザインリマークス]
ページごと、あるいはディレクトリごとにベーシック認証をかけたい時に、.htaccessでの設定よりもPHPでやった方が簡単だと思います。 以下のやり方で、PHPでのベーシック認証と、私が体験したエラーと対策を記録します。 認証画面の表示と入力の受取り、そして照合 記述する手順は以下の通りです。 もしユーザーとパスの入力が、指定の文字でない場合、認証画面を表示させ、 指定の文字であった場合、htmlの内容を表示させる。 ソースコードにすると下記のようになります。 if($_SERVER['PHP_AUTH_USER']!=="user" || $_SERVER['PHP_AUTH_PW']!=="password"){ header("www-Authenticate: Basic realm=\"This Page is Member Only\""); header("HTTP/1.0
![PHPでBasic認証する方法とエラー対策｜DESIGN REMARKS [デザインリマークス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5978805e04ca13b56c207d0a00bbd6c4bffc1b92/height=288;version=1;width=512/https%3A%2F%2Fdesign-remarks.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fbasic-authentication-php-1200x675.jpg)
【詳しすぎる2週間】親の死亡後にまずやること（行動チェックリスト付）
Tweet Pocket 「もし家族が亡くなったら、どんな手続きが必要になるんだろう？」 「葬儀や相続の手続きをすることは知っているけど、実際いつまでにどこでどんな手続きをすればいいの？」 いつかは訪れる身内の死、それとともに発生するのが数々の死亡後の手続きです。 多くの場合、そう何度も経験する出来事ではないため、いざ自分が遺族となったときに「どういった手続きがあるのかわからない」という声をよく聞きます。 この記事では、そのような「身内の死後、遺族となったときにやること」をわかりやすくまとめました。 「死亡後の手続きは、これを参考にしよう！」となるよう、”死後2週間”の手続きに限定して詳細に解説しています。 「死亡後の手続きは多岐にわたり、期限があるものも多く、大切な人を失った悲しみに暮れる間もない…」という実際の多くの感想をもとに、そうならないために、死亡後2週間の手続きについて特化しま
WordPress パーマリンク リライトルール
デフォルト（基本のパーマリンク）では上記のようにパラメータから成るクエリ文字（クエリ変数）を使った構成になっていて「Ugly パーマリンク」 とも呼ばれています。 WordPress（のシステム）は URL に含まれるこれらのパラメータ（クエリ変数）を基にどのページを表示するかを特定することができます。 http://example.com/?p=123 の場合、p は投稿の ID を意味するので WordPress は投稿の ID が 123 の投稿を表示します。 パブリッククエリ変数 標準で利用可能なパラメーター（パブリッククエリ変数）は WP クラスのプロパティ $public_query_vars として wp-includes/class-wp.php に定義されています（以下は version 5.2.2 の例です）。 カスタム投稿タイプやカスタム分類を設定している場合は、それ
Sign-in form best practices | Articles | web.dev
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
保守性の高いソフトウェア開発のTips集
保守性の高いソフトウェアの開発に役立つ様々なTipsを書いた。 特定の言語にとらわれずあらゆる場面で役立つことを集めた。
chrome devtools の tips N連発 - mizdra
mizdra.icon が社内向けに発表した資料なのですが、折角なので一般向けに書き直して公開します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
session_start()→POST遷移→戻る→有効期限切れ を防ぐ - Qiita
Chromebookを買ったがGoogleにログインしようとする度に落ちる...→試行錯誤の末に見つけた意外な理由に｢修理持ち込まれたら異常無しで返却されるやつ｣
クエリを減らしてWordPressを高速化するテクニック集
WordPress：「前の記事」「次の記事」7つのカスタマイズ方法
ユーザー一覧ページのカスタマイズ【WordPress】 ｜ ホームページ制作覚書
WordPress, セキュア処理で使うnonce関数のちがい（CSRF対策）
Contact Form 7アップデートでContact Form 7 add confirmが効かない
