miiitaka さん プロフィール

  •  
miiitakaさん: てらこや.work
ハンドル名miiitaka さん
ブログタイトルてらこや.work
ブログURLhttps://www.terakoya.work/
サイト紹介文WordPressのテーマやプラグイン開発・JavaScriptなどのナレッジブログ
参加カテゴリー
更新頻度(1年)情報提供36回 / 365日(平均0.7回/週) - 参加 2017/07/28 17:59

miiitaka さんのブログ記事

  • .htaccessでBasic認証の設定をする方法
  • Basic認証とは?今更ながらBasic認証についてまとめておきます。教える時に間違った情報を教えないように頭の整理もかねて。まずはBasic認証とは?以下Wikipedia引用。Basic認証(ベーシックにんしょう、Basic Authentication)とは、HTTPで定義される認証方式の一つ。基本認証と呼ばれることも。Basic認証では、ユーザ名とパスワードの組みをコロン “:” でつなぎ、Base64でエンコードして送信する。このため、盗聴や改竄が簡単 [続きを読む]
  • .htaccessでhttpからhttpsへリダイレクトする方法
  • URLの正規化常時SSLに伴い設定することが増えたのでメモ。これも最近対応することが多い。http→httpsにリダイレクトさせる方法を簡単に。http→httpsにリダイレクトRewriteCondで条件を指定します。{HTTPS}がonならHTTPSでoffならHTTPということなので、offならばhttpsにリダイレクトするように設定しています。RewriteEngine onRewriteCond %{HTTPS} offRewriteRule ^(.*)$ https://www.xxxxxx.com/$1 [R=301,L]できた!\(^o^) [続きを読む]
  • .htaccessでhttpからhttpsへリダイレクトする方法
  • URLの正規化常時SSLに伴い設定することが増えたのでメモ。これも最近対応することが多い。http→httpsにリダイレクトさせる方法を簡単に。http→httpsにリダイレクトRewriteCondで条件を指定します。{HTTPS}がonならHTTPSでoffならHTTPということなので、offならばhttpsにリダイレクトするように設定しています。RewriteEngine onRewriteCond %{HTTPS} offRewriteRule ^(.*)$ https://www.xxxxxx.com/$1 [R=301,L]できた!\(^o^) [続きを読む]
  • .htaccessでURLのwww有り無しを統一する方法
  • URLの正規化最近対応することが多いのでメモ。www無し→www有りに301リダイレクトするパターン、逆にwww有り→www無しに301リダイレクトするパターンをメモしておきます。www無し→www有りに301リダイレクトRewriteCondで条件を指定します。{HTTP_HOST}でサーバーのホスト名のマッチング、{SERVER_PORT}で80番ポート(http)と443番(https)どちらにも対応するようにします。RewriteEngine onRewriteCond %{HTTP_HOST} ^xxxxxx.co [続きを読む]
  • HTML / CSS / JavaScript(jQuery)でビンゴゲームを作成
  • ビンゴゲームデモページまずは何はともあれ完成品を見てみましょう。ルーレットを回す際に音が出ますのでご注意を。>> JavaScriptでビンゴゲームソースコードは、記事最後にGitHubのURLが貼っていますのでそちらを参照してください。それでは解説。ビンゴゲームの数字をランダムに表示するプログラムプログラム教室のJavaScriptの授業で、何か課題を出したいなと思い、せっかくプログラムを習っているので実用的なものをと考えイベ [続きを読む]
  • WordPressの投稿エディタの初期値をビジュアルからテキストにする方法
  • エディタの入力方法のデフォルト値を変更したい投稿や固定ページの入力をする際に、エディタのデフォルトが「ビジュアル」になります。僕は基本的に「テキスト」で入力するのですが、うっかり「ビジュアル」を すると、例えばspan要素が消えてしまったりします。これを回避したいので、初期値の設定方法をまとめました。フィルターフック:wp_default_editorこの機能を実現するのにwp_default_editorフィルターフックを使用 [続きを読む]
  • WordPressの特定のページのタイトルを変更する方法
  • パンくずリストの表示を変えたいパンくずリストを表示するプラグインを使ってパンくずを表示しているときに、ふと404ページの表示を見て「あら?」っと思いました。サイトのタイトルが404ページのタイトルの後ろにハイフンつなぎで表示されている!まぁ、当たり前といえば当たり前なのですが、このパンくずリストのプラグインは、例えば投稿ページだったらページのタイトルでなく投稿のタイトルが設定されます。404ページは、 wp_g [続きを読む]
  • style.cssに設定されるWordPressのコアバージョンを変更する方法
  • style.cssにWordPressのコアバージョンが…WordPressはデフォルトでhead要素内に現在のコアバージョンが表示されるので、削除する方法を書いたのですが、style.cssにも「style.css?ver=4.9.8」といった感じで設定されます。wp_enqueue_style関数で読み込む際のパラメータで任意のバージョンを設定できるのですが、フックポイントを使用した方法もあるようなのでメモしておこうと思います。フックポイント:wp_default_styleswp_def [続きを読む]
  • Laravelのユーザー認証機能(Auth)の実装フロー
  • Laravel5.6系で試しましたまずはLaravelのバージョンの確認。$ php artisan -VLaravel Framework 5.6.29ユーザー認証機能の作成まっさらなLaravelプロジェクトを作って実装してみます。まずはユーザー認証機能を作成します。$ php artisan make:authAuthentication scaffolding generated successfully.コマンドが成功するとファイルが追加されたり追記されたりします。ルート情報への追記/routes/web.phpファイルに以下のコードが [続きを読む]
  • Laravelのインストールとlaravelコマンドを実行可能状態にする方法
  • LaravelのインストールComposerを使用してインストールします。(composerはbrewなど使ってインストールしている前提です)composer global require "laravel/installer"ちょっと時間がかかります。(かかりました)laravelコマンドをどこからでも使用できるようにするbashの環境設定ファイル~/.bashrcをviで開いて新規作成(もしくは追記)して以下の内容を記述します。export PATH="$PATH:$HOME/.composer/vendor/bin/"記述して [続きを読む]
  • Google Apps ScriptでDrive内にフォルダを作成する方法
  • フォルダを階層化して一気に作成したいプロジェクトごとにドキュメントの管理をする上で、フォルダごとに設計資料や営業関係の資料、マニュアルなどなどフォルダ分けてして管理すると思います。これをプロジェクトが発足するたびに作るの面倒なだなーと思ってスクリプトでのやり方を調査。Google Apps Scriptの Drive ServiceGoogle Apps ScriptのリファレンスにDrive ServiceというClassがあったのでこれを使います。ルートディレ [続きを読む]
  • MySQLのAUTO_INCREMENTの自動採番の仕組みを考察
  • MySQLで新規にテーブルを作って、プライマリーキーをAUTO_INCREMENTに設定したときに調べたことをメモ。AUTO_INCREMENTを1番から採番するパターンと特定の番号の連番で採番したいパターンが出てきたので調査。データベースはMySQLのバージョン5.6.38で試しました。select version();のSQL文で確認。mysql> SELECT version();+-----------+| version() |+-----------+| 5.6.38 |+-----------+テストデータを作成とりあえずテスト [続きを読む]
  • PHPのvar_dump関数で出力した内容を整形して表示する方法
  • 出力した情報が見づらいデバッグに必須のvar_dump関数ですが、見づらい……。先日、var_dump関数の出力データをファイルに保存する術はおぼえたのですが、もっとお手軽に見たい。以下、例。このコードの出力結果がこうなります。これはデータ量が少ないからまぁ見れなくはないですが、これが多いと本当に見づらい。これを整形して出せないものかと調べたらあった。pre要素でラップして表示いやー、目からウロコでした。こんなに単 [続きを読む]
  • PHPのvar_dump関数で出力した内容をファイルに保存する方法
  • 変数の中身をvar_dumpで出力できないとあるWordPressのプラグインを触っていて、どうしてもvar_dump関数で値を見れない状態に陥りました。フォームなんですけど、送信した時に画面遷移してしまうというのもあって、その前に$_POSTや$_FILESの情報を見かったから調べてみたらあった。出力バッファを保存PHPには、出力制御関数というのがあって、それを使ってファイルへの保存が実現できそう。以下のようなコードを書きました。ob_st [続きを読む]
  • Atomエディタのショートカットキーまとめ(TreeView)
  • 他のショートカットキーまとめAtomエディタのショートカットキーまとめ(タブ操作)Atomエディタのショートカットキーまとめ(コード編集)ショートカットキー一覧(TreeView)今回はプロジェクトのTreeView編。ファイルの新規作成選択されているディレクトリ階層にファイルを新規作成します。appendの「a」と思われます。aフォルダ(ディレクトリ)の新規作成選択されているディレクトリ階層にフォルダ(ディレクトリ)を新規作成 [続きを読む]
  • Atomエディタのショートカットキーまとめ(コード編集)
  • 他のショートカットキーまとめAtomエディタのショートカットキーまとめ(タブ操作)Atomエディタのショートカットキーまとめ(TreeView)ショートカットキー一覧(コード編集)今回はコード編集編。行の追加カーソルがある位置の行の上または下に空行を追加してくれます。これ意外と使う。Ctrl + Shift + Enter(上に行を追加)Ctrl + Enter(下に行を追加)Command + Shift + Enter(上に行を追加)Command + Enter(下に行を追加 [続きを読む]
  • Atomエディタのショートカットキーまとめ(タブ操作)
  • 他のショートカットキーまとめAtomエディタのショートカットキーまとめ(コード編集)Atomエディタのショートカットキーまとめ(TreeView)ショートカットキー一覧(タブ操作)GitHubが開発していることでおなじみのAtomエディタです。プログラミング教室のWebサイト制作の授業で生徒さん達に使用してもらっていて、効率よくコーディングしてもらうためにショートカットをおぼえてもらっています。自分自身もちょっと忘れることが [続きを読む]
  • Scratchで作成した変数を削除する方法
  • 最近イベントでScratchでプログラミング体験教室なんていうのを開いていまして。そのイベントで使用する資料を作る中でわからなかったことがあったのでメモしておく。作成した変数が削除できない不要になった変数を削除しようと思ってメニューなど探したが無いぞ……右 かと思ったのですがそれでも何も起こらず。調べてみるとどうやら、削除対象の変数にマウスカーソルを持っていき、「Shiftキー + 左 」で削除する [続きを読む]
  • Googleスプレッドシートで日付から曜日を表示する方法
  • TEXT関数を使って表示毎度忘れてしまうのでメモ。Excelではユーザー定義書式記号で「aaaa」を使いますが、GoogleスプレッドシートではTEXT関数を用いて第二引数に「d」を使って表示します。A1に「2018/1/9」と入力されている場合=TEXT(A1, "d") // 「9」と表示されます(日)=TEXT(A1, "dd") // 「09」と表示されます(日:2桁ゼロパディング)=TEXT(A1, "ddd") // 「火」と表示されます(曜日:略)=TEXT(A1, "dddd") / [続きを読む]
  • CSSのhover動作時に他の要素のCSSの値を変更する方法
  • li要素のhover時に子要素のCSSの値を変える考えてみたらものすごく単純だった。あまり使う場面はないと思うのですが、そういう要望があったので実装。なんでも商品一覧みたいなページをコーディングするにあたり、1つの商品をli要素として、li要素をhoverしたら、その子要素の画像とテキストをCSSのtransitionなどでアニメーションさせたいというもの。最初はJavaScriptでとも考えたのですが、CSSだけでできました。この使い方知ら [続きを読む]
  • .htaccessでファイル(拡張子単位)の有効期限を設定する方法
  • ブラウザのキャッシュを活用するGoogleのPageSpeed Insightの適用可能な最適化に「ブラウザのキャッ
    シュを活用する」という項目に対応する方法をメモ。Header set Cache-Control "max-age=2592000, public"
    ;Header set Cache-Control "max-age=604800, public"Cache-Control max-age最低7日間(604,800秒)以上にしない
    といけないようです。画像やWebフォント系は変更はそうそうないので、30日間に設定。CSS/HTML/JavaSc
    riptファイ [続きを読む]
  • WordPressのログイン画面のロゴ画像などスタイルを変更する方法
  • ログイン画面のカスタマイズ企業のWebサイトなんかをWordPressで制作することはよくあるのですが、管理画面(特にログイン画面)でWordPressで作りましたよ感が出まくっています。見る人が見ればどういうシステムで構築されているかなんて一目瞭然なのですが、実際に運営する人達に少しでも「自分達のWebサイトだ!」と愛着を持ってもらうためにログイン画面のアイコンやコーポレートカラーを使ってあげたい。ということでログイン [続きを読む]