「メモ」の記事 - Crieit

home_url、get_template_directory_uri、get_stylesheet_directory_uriの違い【WordPress勉強備忘録】

2021-11-29T16:12:33+09:00

get_template_directory_uri

親テーマディレクトリまでのURL
例）https://example.com/wp-content/themes/xxx/

get_stylesheet_directory_uri

子テーマディレクトリまでのURL
例）https://example.com/wp-content/themes/xxx-child/

OWASP ZAPで脆弱性診断を行う際の、予備知識的なもの─ローカルプロキシの設定編

2021-05-25T16:54:10+09:00

はじめに

OWASP ZAPを使って脆弱性診断を行う際、色んなサイトを参考にしながら進めていますが
よくわからない箇所もとりあえず「そういうものなんだなー」と深く考えず、書いてあるとおりに行っていました。

今回はそこを「それってなんズラなんズラ？」とツッコみつつ、
なんとなく、ざっくり、ゆる～く　見ていこうかなと思います。

なお、手順はこちらに沿って進めていきますが、
触れるのは冒頭の「ローカルプロキシの設定」のみとなっています。

プロキシ

手順によるとまず最初に、

OWASP ZAPをプロキシとして使用することで診断対象サイトへリクエストを送信し、そのレスポンスから脆弱性を診断します。

とありますね。
私はまだ赤ちゃんなのでそもそもプロキシってなんやねんレベルです。プロ棋士？？ひふみん？？？？

プロキシはブラウザとサーバの仲介人的ポジション

まずはわわわIT用語辞典さんを読んでみます。
マジいつもお世話になってます。

簡単説明をそのまま引用すると、

ホームページを見るときに使うソフト（Webブラウザ）の身代わりになってホームページにアクセスしてくれるコンピュータ（サーバ）のこと

らしい。ほほーう。

以下、書いてあったことほぼそのままですが、

プロ棋士プロキシが居ないとき

ってなるところが、

プロキシの何が良いの？

アクセス元を隠せる、レスポンスが早い、などありますが、今回の脆弱性診断に関係ありそうなのは
サーバに送ったリクエスト内容を見たり変更したりすることが出来る　ということですかね。
（厳密には使わなくても出来るけど、より簡単に出来るってことかも）

なるほど。で、つまりは？

「OWASP ZAPをプロキシとして使用して、ブラウザさんとサーバくんの間に入ってもらおう。
そして、プロキシちゃんを使ってリクエスト内容を変更してPOSTしまくることで、脆弱性を見つけていこうZE!」

…めっちゃざっくりいうと、こういうことなんだろうなと、ひとまず理解。

次いってみよーーう

よおし！プロキシちゃんのことが少しわかったことだし、設定に進むぞ！
手順によると…

Address欄には「localhost」、ポート欄には任意のポート番号(他と競合しない番号)を入力

localhost(127.0.0.1)

脆弱性診断とか関係なくよく見ますね。XAMPPでローカルサーバ立ち上げたときとか。
けど説明しろって言われたら何なのかはわからないので調べてみます。

ズバリ、localhost＝自分のPCのこと　です！

ってよく色んなところに書いてあるけどいまいちピンとこない。
まずはIPアドレスについて理解していく必要がある！
頭が痛くなってきたぞぅ。

IPアドレス

「インターネット世界での住所」みたいによく説明されてますね。
前提として、すべてのwebサイトにはIPアドレスを持っています。
住所不定のホームレスwebサイトなんてものは存在しないわけですね。

じゃあURLってなんなのさ

脆弱性診断をやろうとしてる人なら既にわかってるとは思いますけども、
webサイトってIPアドレスで開くこともできちゃいますよね。
まさに開発環境なんかは、192.168.0.15みたいにIPアドレスを入力して開いていたりするわけで。

つっても普段はIPアドレスじゃなくてhttps://www.google.comっていうURLでwebページを開きますよね。
google.comの部分が所謂ドメインなのですが、このドメインはIPアドレスと一対一の関係にあります。

IPアドレス→コンピュータさん向けのもの
ドメイン　→人間様向けのもの

と言った感じです。

ちなみにwwwの部分はホスト名というらしい。

グローバルIPとプライベートIP

IPアドレスには、さらにグローバルIPとプライベートIPの2つが存在するらしい。
更に頭が痛くなってきた！

グローバルIP

全世界のネットワーク上における住所みたいなもので、重複しないIPアドレスのことです。
自分の家の住所とすぐお隣の人の住所が全く同じ、みたいなわけのわからんことになったら困りますよね。
UberもAmazonも届かなそう。そんなイメージ。

世の中に公開されているwebページのIPアドレスは、全部このグローバルIPです。
そりゃそうですよね、Googleと同じIPが複数あったらカオスなことになります。

プライベートIP

組織内のネットワーク(ローカルネットワーク？)内で使用できる、自分で勝手に決めてOKなIPアドレスのこと。
同じネットワークの中にいる人達だけに意味が伝わる、仲間内のみに通用する住所的な感じだと思います。

マンションAに住んでいる人に、「これ1階のエントランスホールの管理人に渡しといて～」というのは通じますが、
そのへんにいたオッさんに同じことを言っても「は？」って言われますよね。1階のエントランスホールって、どこの1階やねんと。

そもそも、「1階のエントランスホール」っていうのはマンションAだけにあるものではないですよね。
マンションBにもCにもあるかもしれません。

でもマンションA内に「1階のエントランスホール」が複数あったらちょっと変ですよね。
（エントランスが2つある構造とか、そういう話じゃないよ）
マンションAの中に「202号室の佐藤さん」が複数あったらおかしい、の方がわかりやすいか。

そんな感じの理屈で、プライベートIPは
同じネットワーク内で重複して使うことは出来ないけど、世界規模で見たら重複はOKです。

じゃあlocalhost(127.0.0.1)はどっち？

もうおわかりかと思いますが、プライベートIPです。
プライベートIPなので、皆同じ127.0.0.1っていうIPアドレスで自分のPCにアクセスすることが出来るというわけです。

localhostにアクセスしてみる

試しに、何もしないままでブラウザからlocalhostにアクセスしてみます。（URL部分にlocalhostって入れる）

当然こうなります。

localhostというのは自分のPCを指している、ただそれだけであって、
何もしていないのであればwebサーバでもDBサーバでもなんでも無いんですよね。

ここで、Apacheを起動した状態でlocalhostにアクセスしてみます。

XAMPPを入れてるので、お馴染みのこの初期画面が出てきました。
（なので厳密には、「localhost/dashboard/」になるんですけど）

Apacheを起動したことで、PCさんはwebサーバとして機能し始めました。
もちろん、DBサーバとして機能させることも可能なわけです。

なるほど。で、つまりは？

ってことは、localhost(=自分のPC)を、プロキシサーバとして機能させることも出来るよね！！
ということで、手順の

Address欄には「localhost」

は、「自分のPCをプロキシサーバちゃんとして間に挟んであげようね！」
みたいな意味かな～？と。

ふぅ～ここまで長かったぜ。

ポート番号

お次は

ポート欄には任意のポート番号(他と競合しない番号)を入力

この部分です。
こう考えると、自分何も知らねーんだな！
仕方ない、赤ちゃんだもの。
頑張って見ていきます。

まずポートとは

ネットワークからコンピュータ(サーバ)にデータを送受信するときのドアみたいなものです。

インターネットさんは80番のドア、FTPは20番のドアですよー　みたいに
データによって既にどのドアを決まっているものもあれば、
ここからここまでは自由に使っていいですよ～～　なドアもあります。

80番、とか20番、っていう番号がポート番号です。

ウェルノウンポート

ポート番号が0~1023までのポートのことで、基本誰が通るのか決められています。

登録済みポート

ポート番号が1024～49512までのポートのことで、
ウェルノウン程ではないけど、よく使うアプリなどに割り振られます。

ダイナミック/プライベートポート

ポート番号が49513～65535までのポートのことで、基本的にこの間のポートが自由に使えるポートです。

なので、

ポート欄には任意のポート番号(他と競合しない番号)を入力

ここには49513～65535のうち好きな番号を指定してあげればOKです。

一旦終わり

モロ一番最初のところだけでも、だいぶ体力使いました…。
正直、ここの範囲は知らなくても脆弱性診断はできちゃいますけど、知ってて損する知識なんか無いよねってことでまとめてみました。
まだ深く理解は出来てないので、ざっくりゆるーく、ですけど。
診断に関係なく、この業界にいる以上基礎中の基礎知識だったと思うので、これを期に勉強出来てよかったなと思います。

余力があれば、次は脆弱性診断で実際に行われている攻撃なども調べられたらいいな！

参考

php(Laravel)でエクセルのインポート機能付けるときに試したもの

2021-05-21T16:23:01+09:00

渡されたデータがエクセルだった

「ほいっじゃあこれ取り込んでね」
と渡されたのは、2~3万行のデータ（エクセル形式）だった。
…えー！CSVじゃないんですかー！？！？CSVはやったことあるけど、エクセルは知らーん！！

ということで、3つほどライブラリを試してようやく機能実装が出来たので、その時のメモです

Laravel Excel

URL：https://laravel-excel.com

これはLaravelのライブラリ（パッケージ？）ですね。
後に紹介するPhpSpreadsheetを基に作られております。
エクセルだけでなくcsvも扱えます。

使い方も特別難しいわけでもなく、
公式ドキュメントを落ち着いて読んでいけば大抵は問題ないはずです。

…がしかぁし！

データ数が少なめのテストデータでは問題ありませんでしたが、
いざ実際の2~3万件データで試したところメモリ不足で死に至りました。（チーン）

php-fpmの設定弄ってみたり、
toArrayがいけないのか？と思いonRowで1行ずつinsertしてみたり…。
かなり色々試行錯誤してみましたが解決には至らず、ライブラリ使用自体を断念しました…。

（もし解決法ご存知の方がいらっしゃいましたら、そっとご教示いただければ幸いに存じます）

PhpSpreadsheet

URL：https://phpspreadsheet.readthedocs.io/en/latest/

くそう、ならば元であるコイツで試してみるか！
てな感じで、半ヤケクソでやってみました。
なお、phpExcelというライブラリの後継版らしいです。

結論、メモリ不足も解決せず、なんなら処理時間も増えて、解決には至りませんでした…。
使用感としては、シンプルで使いやすいなーとは思いました。
また、laravel excelより使用率が高いので、参考にできる記事も多い（日本語記事も多い）という点は良かったです。

Spout

URL： https://opensource.box.com/spout/

救　世　主

メモリ不足問題はこれで解決しました！！！
代わりにCPU使用率がギュイーンと上がりますが。

ただこれ、マイナーなのかわかりませんがググってもほぼ出てきません。
出てきたとしても全部英語です。google翻訳がある世界に生まれてよかった。

基本公式ドキュメントを頼りにやるしか無いので、赤ちゃんエンジニアにはちょっと厳しかったです…。
やりたいことが至ってシンプルだったのでなんとかなりましたが。

気力があれば、使い方のメモも別で書こうかと思います。来世までにはきっと。

なお後日

えらいひと「ちょっとフォーマット変えたので、再度送るで！これで取り込んでくれや！　つCSVファイル」
ワイ「いやCSVで出力できんのかい！！！！！！！！！！！」

～完～

FHSについて

2021-05-17T12:19:32+09:00

FHSとは
FHSは、Linux(などのUNIX系OS)の標準的なディレクトリ構成を定めた標準仕様です。
たとえば「/etcディレクトリには設定ファイルを置きましょう」など、ディレクトリの名前や構成、
ファイルの名前などについての「標準」です。
以前はあくまで慣習であり、明確な明文化された取り決めがありませんでした。
このため、システム、ディストリビューションによって、どのディレクトリにどのファイルが
あるのかがまったく異なっているという状況だったのです。
このような状況は、わかりにくいというのが１つ困ったところになりますが、さらにトラブルの原因に
なるということもあり得ます。たとえば共有ライブラリなどがどこにあるのかわからない、
名前も違うという状況になってしまうと、ソフトウェアのインストールが上手くいかない、
インストールできても正しく動作しないなどのトラブルが考えられるわけです。
こういった不都合を少しでも減らそうと、FHSが策定されたのです。

頻繁に使うディレクトリ

/bin    基本コマンドが保存される
/boot OSのブートに必要なファイルが保存される
/dev  デバイスファイルが保存される
/etc  システムの設定ファイルが保存される
/home ⼀般ユーザのホームディレクトリ (rootユーザは/root)
/lib  ライブラリが保存される
/media    CD-ROMやUSBメモリ等のマウント先が保存される
/sbin 管理系コマンドが保存される
/tmp  ⼀時的に利⽤するファイルが保存される
/usr  ユーザが共⽤するコマンドやライブラリなど
/var  頻繁に更新されるファイルが保存される
/var/log  ログファイルが保存される

サーバ入門１　振り返り

2021-01-05T17:01:17+09:00

「インフラ入門」「技術ブログ入門」「サーバ入門」　振り返り

PCとサーバの「メモリ」の違い

	メインメモリ	レジスタードバッファ
PC	非対応	非対応
サーバ	対応	対応

CPU・メモリ・ディスク（HDD）の転送速度の違い

CPU	メモリ	ディスク
高速	⇔	低速

ディスク（HDD）はメモリより　340倍遅い

c,c++のコメントメモ（doxygenを使用)

2020-11-25T17:55:46+09:00

この記事ははてなをメインにQrunch(閉鎖済み)、Crieitにクロス投稿しています

環境

VisualStudio2017

VisualStudio2019

VSCode

Doxygenで生成したドキュメントのどこで表示されるかわからない

変数等の@briefは詳解の前の簡単な説明と詳解の後のところに表示。
@detailsは詳解のところに表示される。

コメントの書く場所をどうすべきか

VisualStudioではcppに書いたときInteliSenseが機能しなかったので
ヘッダーに書くのが良さそうです。
ただテンプレート関数をクラス内で多用するとコメントと合わせかなり行数が増えるので注意が必要です。
~~どうにかしたい・・・~~

前置簡易コメント

///　コメント
///　@detailsと同じ扱いに
int i;

///　コメント

このコメントはvisualstudioで使うとxmlコメントの書き方に被るみたいで
InteliSense（変数や関数を選んだときに表示されるやつ）に表示されません。
なので以下を使用しました。

//!　コメント

//!@brief   説明

後置コメント

int a;///<コメント

これもvisualstudioでは「XMLコメントに無効なXMLが含まれます」と表示されるので

int a//!<コメント

を使用しました。
あと、Visual studioのc++用のxmlコメントは拡張機能で使用可能みたいです。

[VisualStudio]C++でもXMLドキュメントコメントを自動挿入したい！！

各ファイルのコメント

一番始めにいります。
最低限この２行あれば十分っぽいです。

/*!
@file    何も書かなくてもいい
@brief   このファイルの説明を書く ファイル一覧のところに出力されます
*/

変数、マクロのコメント

int hp;//!@brief コメント

//!@brief 　　　 コメント
//!＠details 　　コメント
int mp;

基本後置コメントがスマートでいいのですが複数行に対応してないみたいなので
複数行に書く場合は前置のほうがいいです。

関数のコメント

/*!
@brief 関数の要約
@param 引数名　引数の詳細引数の個数分かく
@return 戻り値の詳細
@details 関数の細かい説明
*/

クラス、列挙体へのコメント

/*!
@brief 要約　クラスなら一覧にも書かれます
@details 細かい説明
*/

便利なコメント

@todo	書くとTODOリストが自動で作成されめっちゃ便利！
@see	参照したい関数、変数を書ける
@note	メモを書ける
@n	文の途中で改行してくれます。
@retval	@returnの代わりに使用　戻り値ごとの細かい説明を書ける。

参考にしたサイト

Doxygen コマンド一覧
 C++で///を使ったコメント - teratail

VSCodeの拡張機能(2020-11-25追記)

VSCodeにはDoxygen形式のコメントを自動生成してくれるとても便利な拡張機能があります
Doxygen Documentation Generator
関数やクラスの前、ファイルの先頭で/**と改行だけで必要な内容を生成できるのでとてもおすすめです。

【js】連想配列からインデックスを取得

2020-11-10T17:49:58+09:00

よく忘れるのでメモ。

参考元：https://qiita.com/Test_test/items/7d532f445f2980e896d0

const obj = [
    { num: 0, name: 'AAA', age: '60'},
    { num: 1, name: 'BBB', age: '20'},
    { num: 2, name: 'CCC', age: '40'},
    { num: 3, name: 'DDD', age: '50'},
];
obj.findIndex(({name}) => name === 'DDD'); // 3
obj.findIndex(({age}) => age === '20');    // 1

findindexは、インデックスが見つからなかった場合は-1を返すため、
条件分岐をする時は注意。

var index = obj.findIndex(({age}) => age === '22'); 
if (index === -1) {
    console.log("見つかりませんでした。");
} else {
    console.log(index);
}

iosだけ画像が縦に伸びる時

2020-10-19T18:10:44+09:00

「display:flex;」を指定している箇所に、「align-items: flex-start;」を追記するだけ!!

https://nichiyogogo.com/image-looks-stretched/

【Vuex】別モジュールのステート、メソッド呼び出し

2020-10-19T18:06:59+09:00

const moduleA = {
  // ...
  actions: {
    testA(context) {
      // state
      console.log(context.rootState.moduleName.stateName)

      // mutation
      context.commit("moduleName/mutationName", "引数", {root: true});

      // action
      context.dispatch("moduleName/actionName", "引数",  {root: true});
  }
}

【MySQL】DISTINCT──重複したデータを除外する

2020-10-19T17:59:58+09:00

https://www.dbonline.jp/mysql/select/index13.html

DISTINCT を指定すると、取得するカラムの値が一致しているデータは除外してデータを取得することができる。

【php】php7系では、ループは普通にforeachを使えば良い

2020-10-19T17:58:51+09:00

OOMの原因調査をしていた時

foreachを使うとき、もうちょいメモリのことを気にして行こうぜ
 [PHP]ループのメモリ使用量と処理速度を比較しました

こんな記事を見つけた。

なるほど、foreachは配列のコピーを作るからメモリを食ってしまうので、
何でもかんでもforeachを使えばいいってわけじゃないのか…。
使う時も、unsertとかを上手く使わないといけないのか…。

と思ったのですが。
どうやらコレは2010年辺り(php5系？)の話のようで、
php7系ではそんなことないらしい。

PHP7系におけるループのメモリ使用量と処理速度を比較

実際、自分のコードでも軽く比較してみたけど、特に差は見られなかった。
(ちゃんとは比較してないので数値は載せませんが。)
というか、

while(list($key, $val) = each($data)) {
   $results[] = $key * $val;
}

↑コレに関しては「eachはもう使うんじゃねえ」などと怒られた。

結論

今まで通りforeach使おう。
そしてメモリ食ってるのは、foreachやforeachの使い方が悪いわけじゃない　というのがわかった。

ただのぼやき

「php　foreach　メモリ」とかで検索すると、
[PHP]ループのメモリ使用量と処理速度を比較しました
これが上位に出てくるんですよね。
多分こういうことって普通にあると思うので…参考にする前に、
・何年前の記事なのか
・バージョン
くらいはちゃんと確認しないといかんな。

と、改めて感じた。

【php】連想配列を、指定した配列の順番で並び替える　(usort)

2020-10-19T17:52:20+09:00

https://www.php.net/manual/ja/function.usort.php
配列を並び替える関数の一つで、自分で指定した条件通りに並び替えることができる

function cmp($a, $b) {
  if ($a== $b) {
    return 0;
  }
  return ($a< $b) ? -1 : 1;
}

$array = [3, 2, 5, 6, 1];
usort($array , "cmp");

foreach ($array  as $key => $value) {
    echo "$key: $value\n";
}

出力結果：

0: 1
1: 2
2: 3
3: 5
4: 6

呼び出し方は、
usort(配列, コールバック関数)

コールバック関数の返り値を使って並び替えをする。

返り値	処理
0	そのまま(並び替えない)
-1	`$a`の順番を`$b`より繰り下げる
1	`$a`の順番を`$b`より繰り上げる

↑これを全部の組み合わせで実行し、最終的に昇順に並び替えられる

usortを使って、連想配列を任意の順番に並び替える

teratailの方で見つけて感動したのでメモ。(メモと言うかもろコピペですみません)
https://teratail.com/questions/93290

$sortID=[3, 5, 12, 23, 67];
$array = [
  ['id'=>3,'name'=>"test1"],
  ['id'=>67,'name'=>"test2"],
  ['id'=>23,'name'=>"test3"],
  ['id'=>12,'name'=>"test4"],
  ['id'=>5,'name'=>"test5"],
];    

usort($array, function($a, $b) use ($sortID){
  return array_search($a["id"], $sortID) > array_search($b["id"], $sortID);
});
print_r($array);

出力結果：

Array
(
    [0] => Array
        (
            [id] => 3
            [name] => test1
        )

    [1] => Array
        (
            [id] => 5
            [name] => test5
        )

    [2] => Array
        (
            [id] => 12
            [name] => test4
        )

    [3] => Array
        (
            [id] => 23
            [name] => test3
        )

    [4] => Array
        (
            [id] => 67
            [name] => test2
        )
)

おお～。
$sortIDに同じ値がある場合はちょっと足さないといけないっぽいけど、
これは意外と色んな場面で使えそう。

【Laravel】feature テスト　レスポンスのデバッグ

2020-10-19T17:50:23+09:00

$response = $this->get('/');
$response->assertStatus(200)

みたいなテストをするとき、レスポンスの中身をみたい場面があった。

$response->dumpHeaders();
$response->dumpSession();
$response->dump();

これで取得できる！
ちゃんとドキュメントにも書いてあった。
https://readouble.com/laravel/6.x/ja/http-tests.html

もっと早く気付けたら良かった～～～

js　ファイルをドラッグ＆ドロップでアップロードするとき、フォルダは弾く

2020-10-19T17:47:24+09:00

function onDrop() {
    const items = event.dataTransfer.items;
    for (var item of items) {
        var entry = item.webkitGetAsEntry();
        if (entry.isDirectory) {
           alert("フォルダはアップロードできません");
           return;
        }
    }
}

WHERE id !=1 みたいな条件文を書く時に気をつけること

2020-10-19T17:46:19+09:00

idに必ず数値が入っている場合は

SELECT * FROM table WHERE id !=1;

でidが1以外のデータすべて取れるけど、
これだとid=NULLのデータは取れない

ので、

SELECT * FROM table WHERE id !=1 OR id IS NULL;

のように書けばidがNULLのデータも取得できる。

Laravel 　DebugbarやTelescopeを使おうとするとMixed Contentでエラーになる

2020-10-19T17:44:29+09:00

AppServiceProvider.phpのboot()中に、

if (config('app.env') === 'production') {
     \URL::forceScheme('https');
}

を入れるだけで解決！

【PHP】連想配列からデータを検索

2020-10-19T17:33:30+09:00

https://qiita.com/rorensu2236/items/c3538629a9d9fed4daaa
https://qiita.com/LinWC/items/dce6e4d85cfee67ce79b

$fruits = [
     ["id" => 1, "name" => "ナシ"],
     ["id" => 2, "name" => "さくらんぼ"],
     ["id" => 3, "name" => "モモ"],
     ["id" => 4, "name" => "オレンジ"],
     ["id" => 5, "name" => "リンゴ"],
];

$keyIndex = array_search("オレンジ", array_column($fruits , "name"));
// array_searchは見つからなかった場合はfalseを返す
if ($keyIndex !== false) {
     $result = $fruits[$keyIndex];
}
var_dump($result);