HTMLの中に複数あるimgタグを抽出して、置換をした時の記録。
置換の流れ
preg_replace_callback関数を使うことで、$htmlの中から を抽出し、無名関数の引数にセットしている。 無名関数では、スペース区切りで属性を配列化し、属性の置換処理を行っていくという流れ。
$html = preg_replace_callback('/
/u', function ($imgs) {
$attributes = explode(' ', $imgs[1]);
$modAttributes = [];
if (strpos($attribute, 'src=')! == false) {
// src属性の置換処理} else if (strpos($attribute, 'class=')! 【JavaScriptの基本】新しい配列を作るmapメソッドの使い方を解説 | ワードプレステーマTCD. == false) {
// class属性の置換処理} else {
// それ以外の属性は、そのまま
$modAttributes[] = $attribute;}
return '
';}, $html);
preg_replace_callback関数とは
preg_replace_callbackは、正規表現検索を行い、コールバック関数を使用して置換を行う関数。
返り値は、 subject が配列の場合には配列を、 それ以外の場合は文字列を返す。 エラー時の返り値は null となる。 マッチするものが見つかった場合は新しい subject を返し、それ以外の場合はもとの subject をそのまま返します。
callback関数は検索するパターンでマッチするたびに呼び出される。
preg_replace_callbackの他に、正規表現を使った検索や置換関数が色々ある。 実装時に、パパッとコーディングできるようになりたいところだ。。。 preg_match、preg_match_all、preg_replace、preg_grep
参考リンク
PHP: preg_replace_callback – Manual
(add 変数の中身の塊を示す為に () でくくってあります) これは即ち、関数の後ろに (値) をくっつけていることになりますので、 これで関数を実行できる、というわけです! この形、どこかで見た覚えがありませんか? そう、関数を作ってすぐ実行させる、即時関数ですね! (function (){ ('hello world! ')})() 即時関数も一緒で、関数の後ろに引数を与えてあげているだけだったのです。 ただ、このように関数が引数を何も取らない場合は () と、かっこの中身が空になるだけで、 関数 + 引数を渡す形に従っていただけなのですね! さて、ここまで長い旅でしたね。 いよいよコールバック関数について考えてみましょう! 元々、こんな形の関数を考えていましたよね。 それでは、この setTimeout 関数をどのようにしたら作れるか、考えてみましょう。 (以下は本当の setTimeout の実装とは異なります。コールバック関数をどのように実現しているか、という点について見てください) まず、 setTimeout を定義する必要があるので、 function setTimeout(fn, time) {} こんな関数定義を考えましょう。 引数としては一つ目にコールバック関数を、二つ目に遅延させる時間を入れます。 ということは、 function setTimeout(fn, time) { // sleep(time): time に指定された時間だけ処理を待つ // 関数実行} こんな感じになれば OK ということですね (JavaScript には sleep 関数はありません。あくまでイメージですよ) 関数実行は引数を与えてあげればよかったので、 fn()} としましょうか。 こうすると、すなわち最初の これは // sleep(1000) -> 1000 ミリ秒だけ処理を待つ (function() { ('hello! ');})()} こうなります。 関数の後ろに引数を与えているので、確かに順番として 1000 ミリ秒待つ コールバック関数を実行 の順が守られていますね! (PHP) コールバック関数とは?使い方を分かりやすく解説 | hara-chan.com. すなわち、コールバック関数とは JavaScript の関数がオブジェクトであり、 変数に代入できるという特性を生かした書き方だった、ということですね! 実際に理解してしまえばなんてことないコールバック関数ですので 皆さんも是非使ってみてくださいね!
'), 1000); ('先に行くよー'); 先に行くよー コールバック関数を実行! コールバック地獄 コールバック関数の登場により、非同期処理を実現できました。 ただし、コールバック関数を順々に実行しようとするとネストしなければならず、読みにくいコードになっていきます。 // コールバック関数を使ったカウントダウン setTimeout(() => { // コールバック地獄 (3); setTimeout(() => { (2); (1);}, 1000);}, 1000);}, 1000); 3 2 1 これを解消するために「Promise」が登場します。 // Promiseを使ったカウントダウン new Promise((resolve, reject) => { resolve(); // resolveが呼ばれたとき、thenのコールバック関数が実行される // reject('error! ')
これだけ読むと分かるようで分からないような解説ですが、ポイントはここ タスクや値計算を実行する文の集まりです。 単純に実行する文をまとめたもの、という認識です。 ちなみに文とは処理の 1 ステップです。 ですから例えば、 function add (a, b) { var result = a + b; ('合計値は' + result + 'です'); return a + b;} これは、 与えられた二つの数を足して 合計値をコンソールに出力し 合計値を返す という処理をまとめて、 add という名前を付けたもの、ということになります。 さらに、知っておいていただきたのは、関数もオブジェクトであるということです。 先程オブジェクトリテラルは値をまとめたオブジェクトであるとお話しましたが、 関数は処理をまとめたオブジェクトなのですね! どちらもオブジェクトということは…? 関数もオブジェクトなので変数に格納できる この辺りから Java 等とは少し異なり、少し理解しづらいところではありますが… オブジェクトリテラルも関数も、何かをまとめたオブジェクトであることをお話しました。 ところで先程、オブジェクトリテラルは変数に格納できることをお見せしましたよね? 関数もオブジェクトですから、オブジェクトリテラル同様に変数に格納することができます。 よって、 var add = function (a, b) { こんな書き方が可能です。 つまり、 先程の add と同じ関数(オブジェクト)を作って、それを add 変数に格納しているのですね。 ここまで OK ですね? さて、 関数は単純に処理をまとめたオブジェクトである 関数は変数に格納できる ということをお話しました。 そうすると、一つ疑問が生まれてくるかと思います。 「変数に格納した関数はどうやって実行するんだ?」 ということですね。 これは単純で、関数には引数を与えてあげることで実行ができます。 では、先ほどの add 関数を実行してみましょう。 引数の与え方は関数の後ろに (値) をくっつけてあげれば OK です。 つまり、 add(2, 3) こうですね。 関数を変数に格納している場合はどうでしょうか。 こちらもまったく同じように、変数名の後ろに (値) をくっつけてあげれば OK です。 なぜなら、変数は呼び出されたタイミングで中身を展開しますので、 は (function (a, b) { return a + b;})(2, 3) と同じですね!
phpの、 ob_start() から始まるob_なんちゃら系の関数を先日初めて実務で使用した。 結構とっかかりの理解が難しかったので、学んだことをメモ。 ob_start():標準出力のバッファリングを開始する ob_start()関数 は、 標準出力のバッファリングを開始する関数 だ。 マニュアルには「バッファリングをオンにする」見たいなニュアンスで書いてある。 まずは普通の標準出力 PHPの出力関数である echoを実行すると、echoを記述したタイミングで HTMLに標準出力する。 echo "Hellow World"; なので、HTMLのソースの中にPHPの「echo」の記述を書くと、その書いてあるところで処理され、標準出力の内容がそのまま HTMLに出力される。
:textContent = "偶数"}else{ meytext. textContent = "奇数";}} 次のように return を使用して、見通しが良いコードにすることができます。 if (e. % 2 == 0) return meytext. textContent = "偶数" return meytext. textContent = "奇数";} 【JavaScript】form の radio ボタンをJSで取得する form の radio ボタンをJSで取得する場合、RadioNodeList を利用すると、簡単に取得できます。
// form要素を取得 let element = tElementById( "radio_ex"); // RadioNodeListを取得 let elements = usone; // RadioNodeList // HTMLOptionsCollectionの内容 ( elements[0]); // 選択肢1 ( elements[1]); // 選択肢2 ( elements[2]); // 選択肢3 ( elements[3]); // 選択肢4 // 現在、選択されている値を取得 (); // "ccc" (例) //チェックを付ける elements[0]. ckecked = true; //チェックを外す elements[0]. ckecked = false; 使用例 <対応ブラウザ> ・メジャーブラウザはほぼ全て対応しています。 Can I use 【JavaScript】スクロールの開始位置を常に一番下に設定する方法 スクロールの開始位置を常に一番下に設定する方法を紹介します。 ラインを使い慣れてるユーザーには、 常に一番下に最新メッセージを表示させたプラットフォームが見慣れてるかもですね。 <解説> let target = tElementById('scroll-inner'); rollIntoView(false); rollIntoView()は、要素が(ブラウザのウィンドウ上の)表示範囲に入るまでページをスクロールします。 引数を省略または true とすることで上端に来るようにスクロールし、false ならば下端に来るようにスクロールします。 【JavaScript】要素の座標位置を取得する 特定の要素の座標を取得するには、次のとおり getBoundingClientRect() を使用する。 let {left, top} = document.いつの間にか股関節が硬くなってしまった。「年だから仕方ない」という声も多く聞かれます。しかし実際は、誰でもそして何歳からでも股関節の柔軟性を高めることができます。硬いまま放置していると、毎日のちょっとした動きに影響が出てきたり、また身体にさまざまな不調を招くとも言われています。そこで今回は股関節の柔軟性を高めることで得られるメリットや、ストレッチ動画などをご紹介します。 なぜ股関節が硬くなるのか?
脇、鍛え忘れていませんか?脇の下のたるみや脂肪をトレーニングでスッキリ解消♪ 1日1分の「片足立ち」で!下半身の筋力UP&骨盤を整えて痩せやすい身体に 下腹ぽっこりは腸下垂が原因?ぽっこりお腹を引っ込める、腸下垂改善方法
みなさんは「 姿勢 」に自信はありますか? 今まで、レフコメディアでも、運動を始めるメリットの一つとして、「 姿勢の改善 」を挙げてきましたよね。 日頃から姿勢を保つというのは、かなり意識していないと難しい… ですが、「 姿勢をよく保つ 」というのは、みなさんが思っている以上に健康・美容にとってメリットがたくさんあるものなのです。反対に、姿勢が悪いとその分デメリットもたくさん…。 今回は、姿勢の良さをチェックするチェックシートや、姿勢を保つことのメリット、姿勢を良くする方法をご紹介! 改めて「姿勢」というものを見直してみましょう! みなさんの姿勢は大丈夫ですか? ダイエット法などをインターネットで検索すると、 「姿勢を良くしましょう!」というアドバイスをよく見かけませんか? 食事制限や運動など、どうしてもダイエットに直接的に効いてくれそうな部分に注目しがちですが、「毎日の姿勢に気を使う」というのは、みなさんが思っている以上にハードで効果的。 一度、みなさんの「姿勢」を下記の方法で確認してみましょう! 1. 背中を壁に向け、立つ! このとき、後頭部・背中・お尻・カカトが壁についているかをチェック! ついていない人は、猫背になっている可能性があります。 2. 鏡の前にたって、「気をつけ!」のポーズ! 目を閉じて、鏡の前に立ちます。両手の平を前に向けて、横から上へとあげます。 上に上がったら、目を開けて両手の高さをチェック。 両手の高さが同じでなかった場合、身体が歪んでいる可能性が高いです。 3. 正しい姿勢が身体と心にもたらす、5つのいいこと|子どもの姿勢基礎知識 | norokka (ノロッカ)公式ウェブサイト. 「気をつけ!」のポーズでチェック Part 2 こちらも、気をつけのポーズでチェックする方法です。先ほどと同じように、気をつけの姿勢になったあと、両手の位置をチェック。 みなさんの両手は、身体の側面にあり、手の甲が外側を向いているでしょうか。 手が身体の前にあり、手の甲が前を向いている方は、猫背の可能性があります。 胸を張るように心がけることが大切ですね。 そんなことまで? !姿勢と健康・美容の関係性 先ほど少しお話ししたように、姿勢による健康・美容への影響はとても大きいもの。 「そんなところまで関係しているの? !」 なんてこともあるかもしれません。姿勢の悪さが与える意外な影響をみていきましょう! 精神が不安定に 落ち込んでいるとき、自然と頭がぐっと前に下がり、身体が猫背になってしまいませんか?
実は、姿勢が悪いと、精神的にも悪い影響があると言われているのです。 身体が疲れているときに、気持ちをシャキッとさせて身体を起き上がらせるのは大変ですよね。 同じように、気持ちが落ち込んでいるときも、自然と猫背になりがちだと考えられているのです。 「なんだか今日は、気分が乗らないな」というときは、姿勢を良くしてみるのも良いかもしれません。 バストの形が悪くなる 姿勢が悪く、猫背になってしまっている場合、胸の土台である大胸筋が衰えてしまいます。 その結果、バストを支えてあげる力が弱まり、バストの形が悪くなってしまうのです。 また、形だけではなく、サイズにも影響があります。大胸筋が衰えてしまうことで、胸への血行が悪くなってしまうことがあります。血行が衰えることで、胸が小さくなってしまうことも考えられるのです。 お肌への影響 姿勢を良くすることで、お肌にも良い影響があるのです。インナーマッスルを鍛え、姿勢が良くなれば、内臓の動きも活発化されますよね。 そうなることで、消化や便秘が改善され、お肌も綺麗になっていくのです。 姿勢を良く保つために 姿勢を良くするには、やはり「姿勢を良くする」という 意識を持つのが一番。 テレビを見ているときや運転中など、毎日の生活から切り離せないのが「座る」ということですよね。 姿勢を正す第一歩として、まずは「正しい姿勢で座る」ということから始めましょう! 下記のポイントに注意して、姿勢を保って座ってみてください。 ・背もたれにお尻をつけるように心がける ・両足が地面に着くような高さに椅子を設定する ・顎を軽く引く ・背筋を伸ばす ・足を組むのをやめて、左右の偏りを改善する 姿勢を改善する方法はたくさんありますが、「姿勢の悪さ」にも種類があります。 どのように姿勢が悪いのか、ということによって、姿勢の矯正方法も変わってきますので、心配な方は一度専門家の方にご相談してみてくださいね! さいごに 「姿勢が良い人は美しい」と言われるように、姿勢を良くすることは、 「その人の印象」まで美しいものにしてくれます。 姿勢が良い人は、なんだか凛としていて自信があるように見えますよね。 姿勢が気になるなぁという方は、ぜひ今日から「姿勢」に気をつけて生活してみてくださいね。 FACEBOOK フェイスブック POPULAR TOPICS 人気の記事 これ食べたい!は栄養不足のサイン?【たんぱく質, カリウム, マグネシウム編】 「たて線」がポイント!女性らしい腹筋を鍛えるやり方 ベスト3!
2021/07/26 美容鍼で「頭のコリ」をほぐし、スッキリ小顔を目指しましょう! 名古屋市北区、 上飯田駅より徒歩3分の やすだ鍼灸接骨院です。 今回のテーマは、 「美容鍼で 頭のコリ をほぐし、 スッキリ小顔を目指しましょう!」です。 最近、 肌荒れ や 顔がたるんでいる ように 感じることはありませんか? もしかしたら、そのお肌の不調 「 頭のコリ 」が原因かもしれません。 実は、 頭のコリ をほぐすと、 様々な不調を好調に変えていくような ステキな効果が期待できるのです! 今回は、 頭のコリをほすぐすことで 得られる効果や、 セルフマッサージ、 美容鍼 でできる頭の施術などを ご紹介していきたいと思います。 是非、ご覧ください。 まずは セルフチェックをして 頭のコリと症状を 見てみましょう!
2〜3を10回ほど繰り返します。何度行っても大丈夫!オフィスワークで疲れた時に行うとリフレッシュにもなります。 〜いかがでしたか〜 男性も、女性も姿勢が良いと、自分に自信も湧いてくるものです。そして血流が良くなることによって、体調も良くなり運動してみようというポジティブな気持ちになります。 運動をしていると、疲れにくくなりアクティブな生活を送れるようになり、毎日が楽しくなります。 まずは呼吸を整えることから始めてみてはいかがでしょう。 >>姿勢改善のオススメのプログラムはこちらから。
◇プランク まず初めに両手、両足を肩幅に開き、四つん這いになりましょう。 その次に胴体部分を浮かせて両手、両足の4点で支える様にしましょう。 頭から足まで一直線になる様にキープしましょう。 その姿勢のまま20秒間耐えましょう。 この種目は見た目は簡単そうに見えますが実はとてもキツイです。でもそれなりに効果はあると思うのでみなさんも是非、挑戦してみてくださいね。 ◇サイドプランク まず初めに横向きに寝て頂いて、爪先を正面に向けましょう。 その次に肩の真下に肘をセットしましょう。 カラダを浮かせ肘と足で支える様にしましょう。 その姿勢のまま20秒間キープしましょう。 この種目は横腹に効かせる事が出来ます。それによって綺麗なくびれを作る事が出来ます。この種目も体幹を鍛える上でとても効果が出やすいので興味のある方は是非、挑戦してみてくださいね^^ ◇リバースプランク まず初めに足を伸ばして座りましょう。 その次に両手を肩の真下に置き、手の指先は足の方向に向けましょう。 最後に腰を浮かせて、頭から足まで一直線になる様にキープしましょう。 この種目は主に背面部分を鍛える事が出来ます。その結果、姿勢を改善する事が出来ます。この種目も見た目以上に辛いので体力に自信がある方は挑戦して見てくださいね^^ 「昭和区 パーソナルジム ダイエット配信!」体幹ついて学びましょう! 本日もご視聴ありがとうございました。昭和区パーソナルジムの土井が送りいたしました。 今回の内容はいかがでしたでしょうか?体幹に関する内容を理解する事は出来たでしょうか?本日、ご紹介した内容で何か分からない事や気になる事があれば何でもご相談くださいね♫ それではまた次回の投稿もお楽しみにしてくださいね^^ 『本日、 6 名様がパーソナルトレーニングを受けられます!』