<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>例 on qwerty.work</title>
        <link>https://qwerty.work/tags/%E4%BE%8B/</link>
        <description>Recent content in 例 on qwerty.work</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja-JP</language>
        <lastBuildDate>Sun, 25 Sep 2022 21:30:58 +0900</lastBuildDate><atom:link href="https://qwerty.work/tags/%E4%BE%8B/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>【正規表現】基本やサンプル・事例のメモ</title>
            <link>https://qwerty.work/post/2022/09/regular-expressions-sample/</link>
            <pubDate>Sun, 25 Sep 2022 21:30:58 +0900</pubDate>
            <guid>https://qwerty.work/post/2022/09/regular-expressions-sample/</guid>
            <description>&lt;p&gt;(空)&amp;rsquo;;&#xA;}&#xA;return $str;&#xA;};&#xA;?&amp;gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;正規表現&#34;&gt;正規表現&#xA;&lt;/h2&gt;&lt;p&gt;正規表現（せいきひょうげん）は英語で**「Regular expressions」**と書く。プログラミンで文字列のパターン検索や置換に使う。プログラミンだけではなく、文章などの整形に使われたりすることもある。プログラミングで&lt;code&gt;regex&lt;/code&gt;という文字が付く命令があれば、正規表現を使う何らかの処理と思えばよい。&lt;/p&gt;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;h2 id=&#34;デリミタについて&#34;&gt;デリミタについて&#xA;&lt;/h2&gt;&lt;p&gt;正規表現の条件は&lt;code&gt;/〇〇〇/&lt;/code&gt;と、&lt;code&gt;/&lt;/code&gt;で両サイドを挟みます。プログミング言語によっては&lt;code&gt;＃〇〇〇＃&lt;/code&gt;と違う記号を使うことができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;/https:\/\//&lt;/code&gt;といった場合、デリミタが&lt;code&gt;/&lt;/code&gt;で検索語内に&lt;code&gt;/&lt;/code&gt;があると、&lt;code&gt;\/&lt;/code&gt;でエスケープしなければなりませんが、&lt;code&gt;#&lt;/code&gt;がデリミタだと&lt;code&gt;#https://#&lt;/code&gt;とエスケープしなくて済みます。ただし、Javascriptではできないようです。&lt;/p&gt;&#xA;&lt;h2 id=&#34;正規表現のサンプルや使用例&#34;&gt;正規表現のサンプルや使用例&#xA;&lt;/h2&gt;&lt;h3 id=&#34;簡単なやつ&#34;&gt;簡単なやつ&#xA;&lt;/h3&gt;&lt;h4 id=&#34;改行を削除&#34;&gt;改行を削除&#xA;&lt;/h4&gt;&lt;p&gt;HTMLのソースをインライン化したいときに使用。&lt;code&gt; &lt;/code&gt;の削除ではありません。&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;  正規表現&#xA;  &#xA;&#xA;&#xA;  対象文字列&#xA;  --&amp;gt;&#xA;  &#xA;&#xA;    ほげほげ&#xA;&#xA;    &#xA;&#xA;&#xA;&#xA;  置換語&#xA;  &#xA;&#xA;&#xA;  置換結果&#xA;  --&amp;gt;&#xA;  ほげほげ&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;h4 id=&#34;タグとタグの間にある半角スペースを削除&#34;&gt;タグとタグの間にある半角スペースを削除&#xA;&lt;/h4&gt;&lt;p&gt;\s&lt;/p&gt;&#xA;&lt;p&gt;&amp;lsquo;;&#xA;$replacement[ &amp;rsquo;&amp;rsquo; ] = &amp;lsquo;&amp;gt;&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;  正規表現&#xA;  &#xA;&#xA;&#xA;  対象文字列&#xA;  &#xA;&#xA;&#xA;  置換語&#xA;  &#xA;&#xA;&#xA;  置換結果&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;h4 id=&#34;文字だけを取り出す&#34;&gt;文字だけを取り出す&#xA;&lt;/h4&gt;&lt;pre&gt;&lt;code&gt;  正規表現&#xA;  &#xA;&#xA;&#xA;  対象文字列&#xA;  &#xA;&#xA;&#xA;  置換語&#xA;  &#xA;&#xA;&#xA;  置換結果&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;h4 id=&#34;数値だけを取り出す&#34;&gt;数値だけを取り出す&#xA;&lt;/h4&gt;&lt;pre&gt;&lt;code&gt;  正規表現&#xA;  &#xA;&#xA;&#xA;  対象文字列&#xA;  &#xA;&#xA;&#xA;  置換語&#xA;  &#xA;&#xA;&#xA;  置換結果&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;</description>
        </item><item>
            <title>Googleマップ埋め込みタグのiframe書式例まとめ</title>
            <link>https://qwerty.work/post/2021/08/googleimap-flame/</link>
            <pubDate>Sat, 14 Aug 2021 13:05:14 +0900</pubDate>
            <guid>https://qwerty.work/post/2021/08/googleimap-flame/</guid>
            <description>&lt;h2 id=&#34;書式例&#34;&gt;書式例&#xA;&lt;/h2&gt;&lt;p&gt;赤田海水浴場の地図を表示する例&lt;/p&gt;&#xA;&lt;h4 id=&#34;通常例&#34;&gt;通常例&#xA;&lt;/h4&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;iframe&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;src=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26355.54307992571!2d130.87437829737954!3d34.339204853827596!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3543123bc72ce0c3%3A0x3d98f38cb01c0f43!2z6LWk55Sw5rW35rC05rW05aC0!5e0!3m2!1sja!2sjp!4v1628905054118!5m2!1sja!2sjp&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;width=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;600&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;height=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;450&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;style=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;border:0;&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;allowfullscreen=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;loading=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;lazy&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h4 id=&#34;キーワードで指定するシンプルな例&#34;&gt;キーワードで指定するシンプルな例&#xA;&lt;/h4&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;iframe&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;src=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://maps.google.co.jp/maps?output=embed&amp;amp;q=赤田海水浴場&amp;amp;z=15&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;width=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;100%&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;height=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;450&amp;#34;&lt;/span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;style=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;border:0;&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;allowfullscreen=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;loading=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;lazy&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h4 id=&#34;パラメーター参考&#34;&gt;パラメーター参考&#xA;&lt;/h4&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://www.bricoleur.co.jp/blog/archives/4452&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://www.bricoleur.co.jp/blog/archives/4452&#34; alt=&#34;https://www.bricoleur.co.jp/blog/archives/4452&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://www.bricoleur.co.jp/blog/archives/4452&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://www.bricoleur.co.jp/blog/archives/4452&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7&#34; alt=&#34;https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h2 id=&#34;留意点&#34;&gt;留意点&#xA;&lt;/h2&gt;&lt;p&gt;AMPページでは&lt;code&gt;width=&amp;quot;100%&amp;quot;&lt;/code&gt;はエラーになるので、&lt;code&gt;width=&amp;quot;600&amp;quot;&lt;/code&gt;のようにピクセルで指定する必要があります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;layout=&amp;quot;responsive&amp;quot;&lt;/code&gt;も加えておくと良いみたいです。（以下参考）&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://qiita.com/otsuky/items/9254065d41598cb242ce&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://qiita.com/otsuky/items/9254065d41598cb242ce&#34; alt=&#34;https://qiita.com/otsuky/items/9254065d41598cb242ce&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://qiita.com/otsuky/items/9254065d41598cb242ce&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://qiita.com/otsuky/items/9254065d41598cb242ce&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h2 id=&#34;その他参考&#34;&gt;その他参考&#xA;&lt;/h2&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://developers.google.com/maps/documentation/urls/get-started&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://developers.google.com/maps/documentation/urls/get-started&#34; alt=&#34;https://developers.google.com/maps/documentation/urls/get-started&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://developers.google.com/maps/documentation/urls/get-started&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://developers.google.com/maps/documentation/urls/get-started&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b&#34; alt=&#34;https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;</description>
        </item></channel>
</rss>
