em

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

em

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

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

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

  • ふりかえりログ

    ただの日記

#107 親要素:has(.子要素:empty)を使ってみた

HTMLで子要素の中のテキストノードが空のときだけ、親の要素からfindしたdivの表示非表示を切り替えたい 何を言っているのかわからないと思うが、CSSでできる HTML側　下記のコードで、上のolは空要素の場合、 下のolは「歯ブラシ」というテキストが入っている 送料は◯◯ですという文言は、olにテキストがあるときだけ出したい。 <div class="wrap"> <table> <tr> <th>注文品</th> <td>

em

    • 2024年8月のふりかえり

      ひたすらに疲れた8月　心を無にして仕事して、心を無にして朝から3人分の弁当を毎日作り、、外に出るのも億劫になるほどの猛暑と台風の猛威とで、気分があまり晴れないままに8月を過ごした気がする。

      ¥1,000〜
      em

      • #106 WooCommerce 試してみる

        WooCommerceはWordpressで作れるオンラインショッピングサイトのプラグイン 手順 １．WooCommerceのプラグインをインストールして有効化する ２.　店舗地域や住所などの項目をウィザードに従って入力 ３.　決済方法の選択　 デフォルトでPaypalやAmazonPayなど入っている。 オフライン決済は代金引換のみ ４.　送料は一旦0円にする。後で設定する ５.　JetPackへの接続を求められることもあるけれど、持っていない場合はスキップしてもいい

        em

        • 2024年7月のふりかえり

          今月は友人に誘われて川遊びに行ったり、子どもの学校では、授業参観、保護者会や修学旅行説明会に、個人面談と毎週学校に行くことになって疲労が溜まったり、

          ¥1,000〜
          em

        マガジン

        • ぴよぴよコーダーの開発日記
          104本
        • ふりかえりログ
          8本
          ¥1,000

        記事

          #105 いい感じのところで改行させるCSS

          下記の記事を読んで、たしかになぁと。 いい感じのところで改行させる２つの方法 spanで囲って、display:inline-block word-break:keep-all; で改行させないようにしてからwbr 想定する見た目どおりになるのは、display:inline-blockだなぁ たまに、word-break:keep-all;だけつけて、wbrつけそこなって崩れているページを見るけど、keep-allで全角コロンなどをつけていると、Chromeのエミ

          em

          #105 いい感じのところで改行させるCSS

          em

          #104 PHPを学び直す

          業務でPHPが増えてきたので、学び直そうかと思います。 XAMMPの設定 ApacheをStartさせて、127.0.0.1をアドレスバーにいれると、XAMMPのホーム画面が表示される httpd.confのドキュメントルートを変える XAMMPコントロールパネルのconfigボタンでいきなり編集するとバックアップが取れないので C:\xampp\apache\conf　でファイルのバックアップのコピーをとってからやるほうがいい testフォルダをドキュメントルート

          em

          #104 PHPを学び直す

          em

          #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 サーバ側でSSHの設定をしてから、Tera Termで接続します。 mysqlへの

          em

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

          em

          2024年6月のふりかえり

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

          ¥200〜
          em

          2024年6月のふりかえり

          ¥200〜
          em

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

          なんとなく変数の確認くらいは、やっていたけれど、なんとなくすぎるので、勉強してみます。 ブレークポイントでできること 変数の状態の確認 コールスタック（関数の呼び出し経路）の確認 デバッグのやり方 sourceタブを開く 該当のjsファイルをクリック 変数の行などにブレークポイントを置く リロードする リロードするとブレークポイントの行のところで処理がストップする リロード後に処理を進める方法は次の３つ ステップオーバー：次の行に進める （もし現在の行に

          em

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

          em

          2024年5月のふりかえり

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

          ¥200〜
          em

          2024年5月のふりかえり

          ¥200〜
          em

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

          iOS Safariはデフォルトで、スクロールバーを表示しないという、とんでもない仕様になった。ので、どうにかこうにかしてスクロールバーを無理やり表示させます。 結論：SimpleBarというプラグインを入れる やり方 CDNでプラグインを読み込む <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.5/simplebar.min.css" /><script

          em

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

          em

          2024年4月のふりかえり

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

          ¥200〜
          em

          2024年4月のふりかえり

          ¥200〜
          em

          #100 WordPressを学びなおす

          今までなんとなく作っていたので、本を買って学び直そうと思います。 ちょくちょく更新する予定 1. 環境設定 WPでよく使われるレンサバやテーマ、プラグインはこちらで確認できる。 https://wp-search.org/ja/ サブドメインを作る サイト設定する　SSLとかPHPのバージョンとか DBを作る　DB名とか文字コードとか サイト設定に戻って、WordPressをインストールする　＞　DB情報いれる　＞WPのログイン情報を設定する 最新WPは6.5.

          em

          #100 WordPressを学びなおす

          em

          2024年3月のふりかえり

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

          ¥200〜
          em

          2024年3月のふりかえり

          ¥200〜
          em

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

          2024年3月28日　WordPressリカバリー機能をリリース クリックするだけでブログやサイトのトラブルの原因箇所を検知して自動的にWordPressを修復する機能。 250万件以上の運用サポートから得た情報を独自のAIシステムにした。 めっちゃ便利そう。

          em

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

          em

          #98 Reactはじめから

          これからReactについてちょくちょく学んでいこうと思います。 プロジェクトの作成 まずctrl+@でターミナルを開いて、cd でプロジェクトを作りたいディレクトリまで移動してから下記のコマンドを入力 npx create-react-app my-react するといろんなモジュールが落ちてくる 途中でOk to proceed? (y)「前進しますか」と聞かれるので　yを入力 ちなみにHappy Hackingとはオープンソースの開発者の間では、「開発頑張ってね

          em

          #98 Reactはじめから

          em