記事一覧
#107 親要素:has(.子要素:empty)を使ってみた
HTMLで子要素の中のテキストノードが空のときだけ、親の要素からfindしたdivの表示非表示を切り替えたい
何を言っているのかわからないと思うが、CSSでできる
HTML側 下記のコードで、上のolは空要素の場合、
下のolは「歯ブラシ」というテキストが入っている
送料は◯◯ですという文言は、olにテキストがあるときだけ出したい。
<div class="wrap"> <table>
2024年8月のふりかえり
ひたすらに疲れた8月 心を無にして仕事して、心を無にして朝から3人分の弁当を毎日作り、、外に出るのも億劫になるほどの猛暑と台風の猛威とで、気分があまり晴れないままに8月を過ごした気がする。
もっとみる#106 WooCommerce 試してみる
WooCommerceはWordpressで作れるオンラインショッピングサイトのプラグイン
手順
1.WooCommerceのプラグインをインストールして有効化する
2. 店舗地域や住所などの項目をウィザードに従って入力
3. 決済方法の選択
デフォルトでPaypalやAmazonPayなど入っている。
オフライン決済は代金引換のみ
4. 送料は一旦0円にする。後で設定する
5. JetPa
#105 いい感じのところで改行させるCSS
下記の記事を読んで、たしかになぁと。
いい感じのところで改行させる2つの方法
spanで囲って、display:inline-block
word-break:keep-all; で改行させないようにしてからwbr
想定する見た目どおりになるのは、display:inline-blockだなぁ
たまに、word-break:keep-all;だけつけて、wbrつけそこなって崩れているペー
#104 PHPを学び直す
業務でPHPが増えてきたので、学び直そうかと思います。
XAMMPの設定
ApacheをStartさせて、127.0.0.1をアドレスバーにいれると、XAMMPのホーム画面が表示される
httpd.confのドキュメントルートを変える
XAMMPコントロールパネルのconfigボタンでいきなり編集するとバックアップが取れないので
C:\xampp\apache\conf でファイルのバック
#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
サー
#102 Chrome開発ツールを使ったJSのデバッグ方法
なんとなく変数の確認くらいは、やっていたけれど、なんとなくすぎるので、勉強してみます。
ブレークポイントでできること
変数の状態の確認
コールスタック(関数の呼び出し経路)の確認
デバッグのやり方
sourceタブを開く
該当のjsファイルをクリック
変数の行などにブレークポイントを置く
リロードする
リロードするとブレークポイントの行のところで処理がストップする
リロード後に処
2024年5月のふりかえり
5月はイベントが多い月だった。出不精の自分にはめずらしく人とどこかへ行くというのを2回ほど。読書や技術系の勉強はそんなにできてない。運動会があったので、ほぼ子どもの成長記録
もっとみる#101 iOS Safariでスクロールバーが出ない仕様を回避する方法
iOS Safariはデフォルトで、スクロールバーを表示しないという、とんでもない仕様になった。ので、どうにかこうにかしてスクロールバーを無理やり表示させます。
結論:SimpleBarというプラグインを入れる
やり方
CDNでプラグインを読み込む
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simp
2024年4月のふりかえり
4月…何やったんだろ。こどもたちが新年度を迎えて、ひたすら書類書きに追われて、保護者会とか、子どもが4日間風邪引いて学校休んで、、ぐずって、回復して、そんな中、西表島へ
もっとみる#100 WordPressを学びなおす
今までなんとなく作っていたので、本を買って学び直そうと思います。
ちょくちょく更新する予定
1. 環境設定
WPでよく使われるレンサバやテーマ、プラグインはこちらで確認できる。
https://wp-search.org/ja/
サブドメインを作る
サイト設定する SSLとかPHPのバージョンとか
DBを作る DB名とか文字コードとか
サイト設定に戻って、WordPressをインストー
#99 エックスサーバーのWordPressリカバリー機能
2024年3月28日 WordPressリカバリー機能をリリース
クリックするだけでブログやサイトのトラブルの原因箇所を検知して自動的にWordPressを修復する機能。
250万件以上の運用サポートから得た情報を独自のAIシステムにした。
めっちゃ便利そう。
#98 Reactはじめから
これからReactについてちょくちょく学んでいこうと思います。
プロジェクトの作成
まずctrl+@でターミナルを開いて、cd でプロジェクトを作りたいディレクトリまで移動してから下記のコマンドを入力
npx create-react-app my-react
するといろんなモジュールが落ちてくる
途中でOk to proceed? (y)「前進しますか」と聞かれるので yを入力
ちなみ