em

Webの世界の片隅に生息しているコーダーです。

em

Webの世界の片隅に生息しているコーダーです。

  • ぴよぴよコーダーの開発日記

    主にフロントエンドな開発日記。CSS、jQuery、WordPress多め。

  • ふりかえりログ

    ただの日記

PHPを学び直す

業務でPHPが増えてきたので、学び直そうかと思います。 XAMMPの設定 ApacheをStartさせて、127.0.0.1をアドレスバーにいれると、XAMMPのホーム画面が表示される httpd.c…

em
em
2週間前
2

#103 Mysqlをインストールしてみた

下記の通りです。 この記事は32bitのをインストールしていたので、64bitにしてインストールしました。 ついでに、Tera Termもインストールした これでDBにSSH接続できる…

em
em
3週間前

2024年6月のふりかえり

あっという間に6月が終わったと言うか、、ほとんど記憶がない。 いったい何をしていたんだろうか

200
em
em
1か月前

#102 Chrome開発ツールを使ったJSのデバッグ方法

なんとなく変数の確認くらいは、やっていたけれど、なんとなくすぎるので、勉強してみます。 ブレークポイントでできること 変数の状態の確認 コールスタック（関数の呼…

em
em
1か月前
1

2024年5月のふりかえり

5月はイベントが多い月だった。出不精の自分にはめずらしく人とどこかへ行くというのを2回ほど。読書や技術系の勉強はそんなにできてない。運動会があったので、ほぼ子ども…

200
em
em
1か月前
2

#101 iOS Safariでスクロールバーが出ない仕様を回避する方法

iOS Safariはデフォルトで、スクロールバーを表示しないという、とんでもない仕様になった。ので、どうにかこうにかしてスクロールバーを無理やり表示させます。 結論：Si…

em
em
2か月前
2

2024年4月のふりかえり

４月…何やったんだろ。こどもたちが新年度を迎えて、ひたすら書類書きに追われて、保護者会とか、子どもが4日間風邪引いて学校休んで、、ぐずって、回復して、そんな中、…

200
em
em
2か月前

#100 WordPressを学びなおす

今までなんとなく作っていたので、本を買って学び直そうと思います。 ちょくちょく更新する予定 1. 環境設定 サブドメインを作る サイト設定する　SSLとかPHPのバージョ…

em
em
3か月前
1

2024年3月のふりかえり

3月は、いろんなことに追われていたような、時間を思うように使えなかったような。。月報じゃなくて週報にしたほうがいいかな。今月のことがうまく思い出せない。

200
em
em
3か月前

#99 エックスサーバーのWordPressリカバリー機能

2024年3月28日　WordPressリカバリー機能をリリース クリックするだけでブログやサイトのトラブルの原因箇所を検知して自動的にWordPressを修復する機能。 250万件以上の…

em
em
3か月前
1

#98 Reactはじめから

これからReactについてちょくちょく学んでいこうと思います。 プロジェクトの作成 まずctrl+@でターミナルを開いて、cd でプロジェクトを作りたいディレクトリまで移動し…

em
em
4か月前
2

#97 ES6 基本から

まずはモダンJS ES2015(ES6) let : 変数の有効範囲が{}（ブロックスコープ）に限定する if (true) { let x = 13;}console.log(x); 結果は、ReferenceError: x is not d…

em
em
4か月前

#96 stopPropagation()の必要性

よくあるmodalを作っていた。モーダルの中で拡大機能をつけようと、expandボタンを追加して押してみたら、モーダル自体が閉じてしまう現象が発生して、どうしたものかと、…

em
em
4か月前

2024年2月のふりかえり

2月は、雨だったり、家族が体調を崩したりで、なかなか走行距離はのびなかった。読了したものは、文芸書１冊と技術書１冊。仕事面では、あいかわらずちょい難しいけど、新…

100
em
em
5か月前
1

#95 SQL 基本から

勉強しながら、ちょくちょく更新していく予定 一つのテーブルを扱う データを取り出す 文法 例 SELECT name FROM staffname; 複数の列のデータを取り出す 文法　複…

em
em
5か月前
1

#94 phpMyAdminを使ってデータベースやテーブルを作成する

SQLの勉強をしたくなった。ので、家でもデータベースを扱える環境を作ろうと思う。 手っ取り早いのはXAMMPを入れてphpMyAdminでSQLを書く方法 まずはXAMMPを入れてみる …

em
em
5か月前
3
em

em

PHPを学び直す

PHPを学び直す

業務でPHPが増えてきたので、学び直そうかと思います。

XAMMPの設定

ApacheをStartさせて、127.0.0.1をアドレスバーにいれると、XAMMPのホーム画面が表示される

httpd.confのドキュメントルートを変える

XAMMPコントロールパネルのconfigボタンでいきなり編集するとバックアップが取れないので
C:\xampp\apache\conf　でファイルのバック

もっとみる
em

em

#103 Mysqlをインストールしてみた

#103 Mysqlをインストールしてみた

下記の通りです。

この記事は32bitのをインストールしていたので、64bitにしてインストールしました。

ついでに、Tera Termもインストールした

これでDBにSSH接続できるようにします。

SSHについては、下記を参照

https://wa3.i-3-i.info/word12679.html

https://wa3.i-3-i.info/word16359.html

サー

もっとみる
em

em

2024年6月のふりかえり

2024年6月のふりかえり

あっという間に6月が終わったと言うか、、ほとんど記憶がない。
いったい何をしていたんだろうか

もっとみる
em

em

#102 Chrome開発ツールを使ったJSのデバッグ方法

#102 Chrome開発ツールを使ったJSのデバッグ方法

なんとなく変数の確認くらいは、やっていたけれど、なんとなくすぎるので、勉強してみます。

ブレークポイントでできること

変数の状態の確認

コールスタック（関数の呼び出し経路）の確認

デバッグのやり方

sourceタブを開く

該当のjsファイルをクリック

変数の行などにブレークポイントを置く

リロードする

リロードするとブレークポイントの行のところで処理がストップする
リロード後に処

もっとみる
em

em

2024年5月のふりかえり

2024年5月のふりかえり

5月はイベントが多い月だった。出不精の自分にはめずらしく人とどこかへ行くというのを2回ほど。読書や技術系の勉強はそんなにできてない。運動会があったので、ほぼ子どもの成長記録

もっとみる
em

em

#101 iOS Safariでスクロールバーが出ない仕様を回避する方法

#101 iOS Safariでスクロールバーが出ない仕様を回避する方法

iOS Safariはデフォルトで、スクロールバーを表示しないという、とんでもない仕様になった。ので、どうにかこうにかしてスクロールバーを無理やり表示させます。

結論：SimpleBarというプラグインを入れる

やり方
CDNでプラグインを読み込む

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simp

もっとみる
em

em

2024年4月のふりかえり

2024年4月のふりかえり

４月…何やったんだろ。こどもたちが新年度を迎えて、ひたすら書類書きに追われて、保護者会とか、子どもが4日間風邪引いて学校休んで、、ぐずって、回復して、そんな中、西表島へ

もっとみる
em

em

#100 WordPressを学びなおす

#100 WordPressを学びなおす

今までなんとなく作っていたので、本を買って学び直そうと思います。
ちょくちょく更新する予定

1. 環境設定

サブドメインを作る

サイト設定する　SSLとかPHPのバージョンとか

DBを作る　DB名とか文字コードとか

サイト設定に戻って、WordPressをインストールする　＞　DB情報いれる　＞WPのログイン情報を設定する

最新WPは6.5.3　最新PHPは8.3.7　2024年6月現

もっとみる
em

em

2024年3月のふりかえり

2024年3月のふりかえり

3月は、いろんなことに追われていたような、時間を思うように使えなかったような。。月報じゃなくて週報にしたほうがいいかな。今月のことがうまく思い出せない。

もっとみる
em

em

#99 エックスサーバーのWordPressリカバリー機能

#99 エックスサーバーのWordPressリカバリー機能

2024年3月28日　WordPressリカバリー機能をリリース
クリックするだけでブログやサイトのトラブルの原因箇所を検知して自動的にWordPressを修復する機能。

250万件以上の運用サポートから得た情報を独自のAIシステムにした。

めっちゃ便利そう。

em

em

#98 Reactはじめから

#98 Reactはじめから

これからReactについてちょくちょく学んでいこうと思います。

プロジェクトの作成

まずctrl+@でターミナルを開いて、cd でプロジェクトを作りたいディレクトリまで移動してから下記のコマンドを入力

npx create-react-app my-react

するといろんなモジュールが落ちてくる
途中でOk to proceed? (y)「前進しますか」と聞かれるので　yを入力

ちなみ

もっとみる
em

em

#97 ES6 基本から

#97 ES6 基本から

まずはモダンJS ES2015(ES6)

let : 変数の有効範囲が{}（ブロックスコープ）に限定する

if (true) { let x = 13;}console.log(x);

結果は、ReferenceError: x is not defined　と参照できないエラーになる
{}を外れた時点で、変数xは破棄される。

let : 同名の変数は定義できない

let msg =

もっとみる
em

em

#96 stopPropagation()の必要性

#96 stopPropagation()の必要性

よくあるmodalを作っていた。モーダルの中で拡大機能をつけようと、expandボタンを追加して押してみたら、モーダル自体が閉じてしまう現象が発生して、どうしたものかと、ためしにstopPropagation();をつけてみたら、無事に拡大できた。

これがイベントの伝播ってやつか。今まで情報としては知っていたけれど、実際にはじめて遭遇したので、メモしておく。

拡大機能の外側にあった、モーダル背

もっとみる
em

em

2024年2月のふりかえり

2024年2月のふりかえり

2月は、雨だったり、家族が体調を崩したりで、なかなか走行距離はのびなかった。読了したものは、文芸書１冊と技術書１冊。仕事面では、あいかわらずちょい難しいけど、新しいことができるようになった。

もっとみる
em

em

#95 SQL 基本から

#95 SQL 基本から


勉強しながら、ちょくちょく更新していく予定
一つのテーブルを扱う

データを取り出す

文法

例

SELECT name FROM staffname;

複数の列のデータを取り出す

文法　複数のアイテムはカンマで区切る

例

SELECT ProductName, Price FROM products;

列名を逆にして指定すると

SELECT Price, ProductName

もっとみる
em

em

#94 phpMyAdminを使ってデータベースやテーブルを作成する

#94 phpMyAdminを使ってデータベースやテーブルを作成する


SQLの勉強をしたくなった。ので、家でもデータベースを扱える環境を作ろうと思う。

手っ取り早いのはXAMMPを入れてphpMyAdminでSQLを書く方法

まずはXAMMPを入れてみる

次に、XAMMP Control PanelからphpMyAdminを立ち上げる

phpMyAdminは、データベース（MySQL）をブラウザーで操作できるツールのこと

これでデータベースにアクセスする

もっとみる