CSS サイト上の画像を安易に保存させない方法・コピーガード対応
よく芸能人の写真等を保存させないためにいわるゆるコピーガード対応をしますが、スマホ対応も含め今回色々調べたのでまとめておきます。サイトの作りに詳しい人には無力ですが、安易には保存できなくする方法です。サイト全体で右クリック禁止+ドラックアン...
kashu
CSS 
HTML さくらサーバーでPHPをHTMLファイルで使う方法を試したらXHTMLは表示されなかった件
ニッチな話題だと思いますが、こんなことがありました。htaccessでPHPをHTMLファイルで使えるように設定さくらのサーバーでPHPをHTMLファイルで使おうと思い、htaccessに以下を記述しました。AddTypeapplicati...
CSS CSS Grid Layout（グリッドレイアウト）を使ってみた（サンプルつき）
2022年6月16日、ついにInternetExplorer（IE）のサポートが終了となり、（私の中では）切るに切れなかった対応ブラウザから堂々と外すことができるようになりました。その影響でなんとなくIEでも崩れないようなCSSを今まで使っ...
HTML 検索結果が豊かになる、構造化マークアップについて調べてみた
構造化マークアップとはGoogleのクローラーにテキスト情報やコンテンツ内容を適切に理解してもらう記述方法のことで、検索結果画面上でユーザーに情報を届けるためにGoogleが提供しているもので、検索結果に表示される情報が増やせます。（リッチ...
WordPress 【WordPress】ブロックエディタにオリジナルのブロックを追加する方法
オリジナルのブロックを追加する方法WordPressのブロックエディタにオリジナルのカスタムブロックを追加する方法です。方法はいくつかありますが、今回はfunctions.phpとカスタム用のCSSとJSを記述するやり方になります。テーマフ...
ツール Gmailで多数のメールを一気にラベルへ整理する
Gmailを使っていて受信トレイにメールがかなり貯まってしまったので、まとめてラベルを設定し設定したメールは受信トレイからは消す方法です。
MovableType Movable Typeを自動で再構築させる
さくらインターネットのサーバーでMovableTypeを自動で再構築させるのに色々調べたのでそのメモになります。記事のみ公開さくらインターネットのコントロールパネルでcron設定に以下を設定します。cd/home/~パス~/mt;./too...
ツール EJSでサイトの共通部分を静的にジェネレートする
以前にも共通部分の作り方を色々紹介したのですが、今回はEJSでの作成方法を紹介します。
Javascript Reactの初歩・はじめ方と書き出し
Reactの勉強でひとつサイトを作成したのですが、手順を忘れても見返せるようにサイトの作成までと書き出し方法のメモです。作成したサイト作成したサイトは数字を入力したら、その確率でいつ当たりを引けるか試せるサイトです。事前準備（初回のみ）No...
MovableType 見つけづらい技術情報を探す方法
仕事をしていると情報が少なめな技術を使うことがありますが、その際に情報を見つけるひとつの方法をメモしておきます。アドベントカレンダー年末になると開催されている技術系のアドベントカレンダー。結構いろんな技術系のカレンダーがあるのでこれを追っか...
WordPress 【WordPress】プラグインの作り方の初歩
今回もWordPressの初歩シリーズ。今度はプラグインの作り方の概要になります。プラグインのフォルダを作成WordPressがインストールされているディレクトリの/wp-content/plugins/以下にフォルダを作成します。フォルダ...
WordPress 【WordPress】フックの使い方の初歩
WordPressのカスタマイズ方法にフックを使うというのがありますが、使うときはだいたいコピペでいまいち概要も理解していなかったので調べました。アクションフックWordPressの処理が実行するタイミングで任意の処理を割り込ませる方法。使...