<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="ja">
<channel>
<title>ウェブデコ</title>
<link>https://wdeco.jp</link>
<description>初級･中級者向け～ウェブ制作備忘録</description>
<language>ja</language>
<lastBuildDate>Sat, 17 Feb 2024 19:31:55 +0900</lastBuildDate>
<docs>https://wdeco.jp/_/feed/rss2</docs>
<item>
<title>OpenAI Soraとは？テキストから動画を生成する画期的AIモデル</title>
<link>https://wdeco.jp/_/view/41</link>
<guid>https://wdeco.jp/_/view/41</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/41/41.png" alt="OpenAI Soraとは？テキストから動画を生成する画期的AIモデル" title="OpenAI Soraとは？テキストから動画を生成する画期的AIモデル"></p>
]]>
 動画生成の分野において、画期的なAIモデルが登場しました。その名はSoraです。Soraは、テキストから最大1分間の高品質な動画を生成できるという特徴を持っています。Soraは、どのような技術で動画を生成するのでしょうか？Soraは、どのような分野で応用できるのでしょうか？Soraは、どのような課題やリスクを抱えているのでしょうか？この記事では、OpenAIが開発したテキスト-動画生成モデルであ...</description>
<pubDate>Sat, 17 Feb 2024 19:31:55 +0900</pubDate>
</item>
<item>
<title>文字列（数字）を1桁づつ分割して、1桁の整数になるまで合算を繰り返すPHPコード</title>
<link>https://wdeco.jp/_/view/40</link>
<guid>https://wdeco.jp/_/view/40</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/40/40.png" alt="文字列（数字）を1桁づつ分割して、1桁の整数になるまで合算を繰り返すPHPコード" title="文字列（数字）を1桁づつ分割して、1桁の整数になるまで合算を繰り返すPHPコード"></p>
]]>
 占いのブログパーツを作りたいと思い、入力値（数字）によって特定の結果を表示したい場面がありました。「おみくじ」でありませんので、その都度結果が変わるランダムに表示させるものではありません。あくまでも、入力値によって決まった結果を表示させるというものです。 
 function sumDigits($num) {
    // 数字を1桁ずつ分割
    $digits = str_split($...</description>
<pubDate>Sat, 18 Feb 2023 09:55:39 +0900</pubDate>
</item>
<item>
<title>2023年10月から始まるインボイス制度（適格請求書）について</title>
<link>https://wdeco.jp/_/view/39</link>
<guid>https://wdeco.jp/_/view/39</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/39/39.png" alt="2023年10月から始まるインボイス制度（適格請求書）について" title="2023年10月から始まるインボイス制度（適格請求書）について"></p>
]]>
 
 インボイス制度（適格請求書）とは？ 
 2023年10月1日から開始される消費税の仕入税額控除の方式のこと。消費税の仕入税額控除を受けるためには、「適格請求書発行事業者」から発行（交付）された正確な適用税率や消費税額を記載した適格請求書（インボイス）の保存が必要です。 
 
 開始となる2023年10月1日を登録開始日とするためには、2023年9月30日までに「適格請求書発行事業者」の申請を...</description>
<pubDate>Sun, 05 Feb 2023 20:29:17 +0900</pubDate>
</item>
<item>
<title>インターネットが繋がらない…自分でできる改善方法</title>
<link>https://wdeco.jp/_/view/38</link>
<guid>https://wdeco.jp/_/view/38</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/38/38.png" alt="インターネットが繋がらない…自分でできる改善方法" title="インターネットが繋がらない…自分でできる改善方法"></p>
]]>
 ご自宅で突然インターネットが利用できなくなったことはありませんか？「インターネットが繋がらない」お悩みについて改善方法をご紹介します。インターネットに接続が出来ない場合、さまざまな原因が想定されますが、ご自宅の中に原因がある場合もあります。 
 つながらなくなったら、まずはご利用端末（パソコン、スマートフォン、タブレット）と無線ルーターやモデムの電源を落とし、再起動してみましょう。 
 特にモデ...</description>
<pubDate>Thu, 21 Jul 2022 18:15:36 +0900</pubDate>
</item>
<item>
<title>JavaScriptで非推奨になった「document.write()」の代替方法と、scriptからscriptを読み出す方法</title>
<link>https://wdeco.jp/_/view/37</link>
<guid>https://wdeco.jp/_/view/37</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/37/37.png" alt="JavaScriptで非推奨になった「document.write()」の代替方法と、scriptからscriptを読み出す方法" title="JavaScriptで非推奨になった「document.write()」の代替方法と、scriptからscriptを読み出す方法"></p>
]]>
 JavaScriptでテキストの表示やHTMLの出力は「document.write()」が一般的でしたが、HTML5においては 強く非推奨 とされています。Google（PageSpeed Insights）でも「document.write()」の記述がある場合、警告表示されます。 
 今のところ、表示されないということではありませんし手軽ではありますが、推奨されない&amp;hellip;というこ...</description>
<pubDate>Wed, 02 Mar 2022 20:45:59 +0900</pubDate>
</item>
<item>
<title>待望のfreoアップデート情報！軽微な不具合の修正です。</title>
<link>https://wdeco.jp/_/view/36</link>
<guid>https://wdeco.jp/_/view/36</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/36/36.png" alt="待望のfreoアップデート情報！軽微な不具合の修正です。" title="待望のfreoアップデート情報！軽微な不具合の修正です。"></p>
]]>
 もう更新されることはないのかな？と半ば諦めかけていた「 freo 」が、2021年11月20日付にてアップデートされました。前回更新は、2018年07月08日ですので、3年ぶりということです。 
 更新されたファイルは以下のとおり&amp;hellip;。 
 
 libs/freo/checker.php 
 libs/freo/version.php 
 libs/smarty/Config_Fil...</description>
<pubDate>Fri, 26 Nov 2021 17:53:22 +0900</pubDate>
</item>
<item>
<title>HDDやSSDのデータ復旧（復元）方法</title>
<link>https://wdeco.jp/_/view/35</link>
<guid>https://wdeco.jp/_/view/35</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/35/35.png" alt="HDDやSSDのデータ復旧（復元）方法" title="HDDやSSDのデータ復旧（復元）方法"></p>
]]>
 パソコンやタブレット、スマホの故障の際に、一番困るのがHDDやSSDの故障です。HDDやSSDは、コンピュータ内のデータを記録している大切な部分です。この部分が壊れてしまうと、今まで蓄積してきた写真データや動画、音楽、仕事のデータなど、多くの情報を失ってしまう事になります。 
 データ復旧（復元）を行っても、全てのデータが元通りに回復するとは限りません。その為、パソコンやタブレット、スマホのバッ...</description>
<pubDate>Fri, 17 Sep 2021 14:42:03 +0900</pubDate>
</item>
<item>
<title>PHPでCSVファイルを1ページの表示数を指定してソート表示。簡易ページネイション付。</title>
<link>https://wdeco.jp/_/view/33</link>
<guid>https://wdeco.jp/_/view/33</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/33/33.png" alt="PHPでCSVファイルを1ページの表示数を指定してソート表示。簡易ページネイション付。" title="PHPでCSVファイルを1ページの表示数を指定してソート表示。簡易ページネイション付。"></p>
]]>
 PHPでCSVを読み込み表示させる場面が多々ありますが、指定列のデータでソート（並べ替え）しながら、さらに1ページの表示数を指定するコード。 
 【CSV】 
 11&amp;lt;&amp;gt;12&amp;lt;&amp;gt;13&amp;lt;&amp;gt;14&amp;lt;&amp;gt;15&amp;lt;&amp;gt;
21&amp;lt;&amp;gt;22&amp;lt;&amp;gt;23&amp;lt;&amp;gt;24&amp;lt;&amp;gt;25&amp;lt;&amp;gt;
31&amp;lt;&amp;gt;32&amp;lt;...</description>
<pubDate>Thu, 13 May 2021 19:25:24 +0900</pubDate>
</item>
<item>
<title>JavaScriptでPOSTリダイレクト（redirect ）する方法</title>
<link>https://wdeco.jp/_/view/32</link>
<guid>https://wdeco.jp/_/view/32</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/32/32.png" alt="JavaScriptでPOSTリダイレクト（redirect ）する方法" title="JavaScriptでPOSTリダイレクト（redirect ）する方法"></p>
]]>
 JavaScriptでリダイレクトする際、「location.href=&#039;転送先URL&#039;;」でできますが、GET送信しかできないため、転送先URLは「./?***=***&amp;amp;***=***」など、パラメータを列記することになります。 
 場合によってはPOST送信（パラメータ非表示）したい場合がありますが、通常フォームをページ読み込みと同時にSUBMITすることで可能となります。 
 &amp;l...</description>
<pubDate>Sat, 24 Apr 2021 16:23:24 +0900</pubDate>
</item>
<item>
<title>PHPのバックグラウンドでPOST送信～実行結果を挿入するコード</title>
<link>https://wdeco.jp/_/view/31</link>
<guid>https://wdeco.jp/_/view/31</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/31/31.png" alt="PHPのバックグラウンドでPOST送信～実行結果を挿入するコード" title="PHPのバックグラウンドでPOST送信～実行結果を挿入するコード"></p>
]]>
 他ページの内容を挿入するには、「include」「require」「file_geto_contents」などの関数があるが、実行先ファイルがPOST送信でなければ受け付けない場合どうしましょう？ 
 あくまでも、HTML FORMでPOST送信するのではなく、バックグラウンドでPOST送信して結果を挿入させたい&amp;hellip;という場合です。 
 前述のとおり、「include」「requir...</description>
<pubDate>Sat, 10 Apr 2021 12:02:30 +0900</pubDate>
</item>
<item>
<title>iframeの高さを取得してheight:100%に自動調整するJSコード</title>
<link>https://wdeco.jp/_/view/30</link>
<guid>https://wdeco.jp/_/view/30</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/30/30.png" alt="iframeの高さを取得してheight:100%に自動調整するJSコード" title="iframeの高さを取得してheight:100%に自動調整するJSコード"></p>
]]>
 動的ページだろうが、静的ページだろうが、同一サイトページだろうが、外部ページだろうが、何でも挿入できるiframeですが、読み込むページの内容によってスクロールバーが出てしまいます。 
 スクロールバーが出ないように大き目の高さ設定をするなんてダサいことはしたくない。 
 そんなiframeの高さ設定を素のJavaScritのみで解決できるコードです。 
 &amp;lt;iframe id=&quot;ifra...</description>
<pubDate>Sun, 14 Mar 2021 20:30:45 +0900</pubDate>
</item>
<item>
<title>Mircrosoft Edge を InPrivate ブラウズモードで起動する方法</title>
<link>https://wdeco.jp/_/view/29</link>
<guid>https://wdeco.jp/_/view/29</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/29/29.png" alt="Mircrosoft Edge を InPrivate ブラウズモードで起動する方法" title="Mircrosoft Edge を InPrivate ブラウズモードで起動する方法"></p>
]]>
 InPrivateブラウズモードは「Google Chrome」のシークレットウィンドウと同様の機能で、「Microsoft Edge」に Cookieやインターネット一時ファイル、閲覧履歴や入力履歴などの閲覧情報を一切残さずに閲覧Webページを閲覧することができる機能 です。 
 ブラウザシェアは、Google Chromeの一人勝ち状態から、消費メモリが少ない&amp;hellip;起動が早い&amp;he...</description>
<pubDate>Fri, 15 Jan 2021 15:20:45 +0900</pubDate>
</item>
<item>
<title>【ブログパーツ】アナログ時計つくりました。</title>
<link>https://wdeco.jp/_/view/27</link>
<guid>https://wdeco.jp/_/view/27</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/27/27.png" alt="【ブログパーツ】アナログ時計つくりました。" title="【ブログパーツ】アナログ時計つくりました。"></p>
]]>
 久しぶりに何かブログパーツつくりたいなぁーと考えまして・・・アナログ時計でも作ってみようかと。 
 
 //   
  
 
 そして、出来上がったものが コチラ  &amp;rarr;&amp;rarr;&amp;rarr; 
 デザインはシンプルに、利用者様の趣味嗜好で 色や形を自由にカスタマイズ できるものを考えました。 
 素のJavaScriptとCSSだけで動作しますので、設置サイトを選ばず動作するはずです...</description>
<pubDate>Sun, 20 Dec 2020 20:04:49 +0900</pubDate>
</item>
<item>
<title>クリック率を上げる広告の貼り方と記事タイトルのつけ方</title>
<link>https://wdeco.jp/_/view/25</link>
<guid>https://wdeco.jp/_/view/25</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/25/25.png" alt="クリック率を上げる広告の貼り方と記事タイトルのつけ方" title="クリック率を上げる広告の貼り方と記事タイトルのつけ方"></p>
]]>
 本記事では、国内最大級のASP（アフィリエイトサービスプロバイダー） a8.net 様より、広告掲載のコツと記事タイトルのつけ方を指南されましたのでシェアいたします。 
 クリック率を上げる広告の貼り方 
 広告を掲載するにあたって、広告がクリックされるかどうか気にしていますか？ 広告は掲載するだけでなく、クリックしてもらえるように工夫する事が重要です。 
 まず、クリック率を上げる方法に正解は...</description>
<pubDate>Sun, 22 Nov 2020 20:38:33 +0900</pubDate>
</item>
<item>
<title>freoのエントリーに登録日時と更新日時を表示する方法</title>
<link>https://wdeco.jp/_/view/24</link>
<guid>https://wdeco.jp/_/view/24</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/24/24.png" alt="freoのエントリーに登録日時と更新日時を表示する方法" title="freoのエントリーに登録日時と更新日時を表示する方法"></p>
]]>
 記事タイトルのとおり、freoのエントリーで「登録日時」と「更新日時」を表示する方法です。 
 デフォルトのテンプレートでは、登録日時のみの表示となりますが、記事の修正日時（最終更新日時）を表示させたいこともあるでしょう。 
 GoogleのSEO的にも同類・同評価の記事なら、新しい記事が上位になる（ 真偽は定かではありませんが ）という話がありますので、それなら&amp;hellip;ということで表示...</description>
<pubDate>Sun, 22 Nov 2020 09:18:11 +0900</pubDate>
</item>
<item>
<title>smartyテンプレート内で「PHP変数をsmarty」に渡す方法と「smarty変数をPHP」に渡す方法</title>
<link>https://wdeco.jp/_/view/23</link>
<guid>https://wdeco.jp/_/view/23</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/23/23.png" alt="smartyテンプレート内で「PHP変数をsmarty」に渡す方法と「smarty変数をPHP」に渡す方法" title="smartyテンプレート内で「PHP変数をsmarty」に渡す方法と「smarty変数をPHP」に渡す方法"></p>
]]>
 smartyは、PHPで処理した結果を表示するのが本来の目的ですが、それぞれの変数の値（value）を受け渡すだけなら、テンプレート内で処理してしまうのが手っとり早い。 
 ということで、smartyのテンプレート内で「smarty変数」、あるいは「PHP変数」をそれぞれに渡す方法の備忘録です。 
 PHP変数をsmartyに渡す方法 
 {php}
$key = $value;
$this-&amp;...</description>
<pubDate>Mon, 15 Jul 2019 06:13:47 +0900</pubDate>
</item>
<item>
<title>freoをPHP7.xで利用するために…。</title>
<link>https://wdeco.jp/_/view/22</link>
<guid>https://wdeco.jp/_/view/22</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/22/22.png" alt="freoをPHP7.xで利用するために…。" title="freoをPHP7.xで利用するために…。"></p>
]]>
 PHPの推奨バージョンが7.xになり久しいですが、freoは公式にPHP7.x対応とはなっていません。が、Ver 1.20.0でSmartyが更新されたことで、少し手を加えることで、PHP7.xで動作するようになりました。現在Var 1.20.2（2019.02現在）。 
 詳しく解説されているfreoユーザーさんのサイトがありますので、ご紹介いたします。 
 
  freoをPHP5.5.x、...</description>
<pubDate>Sat, 06 Jul 2019 07:22:44 +0900</pubDate>
</item>
<item>
<title>ライブドアブログに「YouTube関連動画」を自動表示する方法</title>
<link>https://wdeco.jp/_/view/21</link>
<guid>https://wdeco.jp/_/view/21</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/21/21.png" alt="ライブドアブログに「YouTube関連動画」を自動表示する方法" title="ライブドアブログに「YouTube関連動画」を自動表示する方法"></p>
]]>
 FC2ブログ、Seesaaブログに続き、ライブドアブログにYouTube関連動画を自動表示する方法をご案内いたします。 
 【ブログ設定】&amp;rarr;【カスタマイズ】タブ&amp;rarr;【個別記事ページ】タブにて、&amp;lt;$ArticleBody$&amp;gt;タグ内の任意の場所に以下を追記します。 
 &amp;lt;IfHasArticleTags&amp;gt; &amp;lt;!-------- ▼関連動画 ------...</description>
<pubDate>Sat, 06 Jul 2019 07:21:44 +0900</pubDate>
</item>
<item>
<title>SeesaaブログにYouTube関連動画を自動表示する方法</title>
<link>https://wdeco.jp/_/view/20</link>
<guid>https://wdeco.jp/_/view/20</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/20/20.png" alt="SeesaaブログにYouTube関連動画を自動表示する方法" title="SeesaaブログにYouTube関連動画を自動表示する方法"></p>
]]>
 【 fc2ブログにYouTube関連動画を自動表示する方法 】に続き、Seesaaブログの各記事に「 YouTube関連動画 」を自動表示する方法をご案内いたします。 
 ちなみにSeesaaブログでは、タグのことを『 ラベル 』といいますが、言い方が違うだけでタグと全く同じ意味です。 
 手順 
 
 管理ページの【デザイン】&amp;rarr;【CSS/HTML編集】 
 テンプレートのリストが表示...</description>
<pubDate>Sat, 06 Jul 2019 07:20:26 +0900</pubDate>
</item>
<item>
<title>FC2ブログにYouTube関連動画を自動表示する方法</title>
<link>https://wdeco.jp/_/view/19</link>
<guid>https://wdeco.jp/_/view/19</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/19/19.png" alt="FC2ブログにYouTube関連動画を自動表示する方法" title="FC2ブログにYouTube関連動画を自動表示する方法"></p>
]]>
 利用者数も最も多い人気のブログサービス「fc2ブログ」に、各記事に設定した『ユーザータグ』に連動して「 YouTube関連動画 」を自動表示するカスタマイズをご案内いたします。 
 
 Seesaaブログの場合は コチラ をご参考ください。 
 
 fc2ブログのデフォルトテンプレート「basic_white」の場合、テンプレートの設定を開き、217行目『 &amp;lt;%topentry_body&amp;...</description>
<pubDate>Sat, 06 Jul 2019 07:17:34 +0900</pubDate>
</item>
<item>
<title>縦横比を維持して拡大・縮小する最短CSS</title>
<link>https://wdeco.jp/_/view/18</link>
<guid>https://wdeco.jp/_/view/18</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/18/18.png" alt="縦横比を維持して拡大・縮小する最短CSS" title="縦横比を維持して拡大・縮小する最短CSS"></p>
]]>
 レスポンシブが当たり前となった現在、アイテムも自動的に拡大・縮小させたい時があります。 
 画像なら横サイズ、あるいは縦サイズのどちらかを「%」指定して一方を「auto」指定すれば、自動サイズ調整できますが、divタグなどはどうしましょうか？ 
 YouTubeを始め、動画や画像サイズは「縦:横＝9:16」や「縦:横＝3:4」など、バナーでは「縦:横＝250:300」「縦:横＝280:336」「...</description>
<pubDate>Sat, 06 Jul 2019 07:16:53 +0900</pubDate>
</item>
<item>
<title>国産CMS『freo』にYouTube関連動画を自動表示する方法</title>
<link>https://wdeco.jp/_/view/17</link>
<guid>https://wdeco.jp/_/view/17</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/17/17.png" alt="国産CMS『freo』にYouTube関連動画を自動表示する方法" title="国産CMS『freo』にYouTube関連動画を自動表示する方法"></p>
]]>
 freo（フレオ）は、PHPで作成された国産CMS。本サイトでも利用させていただいておりますが、直観的な操作とカスタマイズ容易な点でおすすめなCMSです。 
 CMSといえば、Wordpress（ワードプレス）が最も有名で高機能なのですが、高機能がゆえに不要な機能や操作が複雑。さらには、世界的にも利用ユーザー最多がゆえにハッカーの標的にも成り易く、頻繁なアップデートを余儀なくされます。 
 セキ...</description>
<pubDate>Sat, 06 Jul 2019 07:14:04 +0900</pubDate>
</item>
<item>
<title>指定ディレクトリ（フォルダ）内の画像ファイルを抽出してランダム（重複なし）に表示させる最短コード</title>
<link>https://wdeco.jp/_/view/16</link>
<guid>https://wdeco.jp/_/view/16</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/16/16.png" alt="指定ディレクトリ（フォルダ）内の画像ファイルを抽出してランダム（重複なし）に表示させる最短コード" title="指定ディレクトリ（フォルダ）内の画像ファイルを抽出してランダム（重複なし）に表示させる最短コード"></p>
]]>
 ランダム画像の需要は多いが、配列を記述して並べ替え&amp;hellip;云々と結構面倒くさいコードになるが、極力手間を省いてランダム表示するコードを模索したところ『glob』関数を使えば、これ以上ない簡単なコードができました。 
 &amp;lt;?php
$img = glob($_SERVER[&#039;DOCUMENT_ROOT&#039;].&#039;/指定ディレクトリ/*.{png,jpg,jpeg,gif}&#039;, GLOB_...</description>
<pubDate>Sat, 06 Jul 2019 07:13:23 +0900</pubDate>
</item>
<item>
<title>httpsページをfile_get_contentsするとエラーになる場合の回避策</title>
<link>https://wdeco.jp/_/view/15</link>
<guid>https://wdeco.jp/_/view/15</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/15/15.png" alt="httpsページをfile_get_contentsするとエラーになる場合の回避策" title="httpsページをfile_get_contentsするとエラーになる場合の回避策"></p>
]]>
 SEO対策の一環として、サイトのSSL化が標準仕様となりつつあります。 
 そんな中、ヘッダーやフッター、サイドメニュー&amp;hellip;など、全ページの共通ファイルとして使い回していたものが、サイトをSSL化したことで、エラーが出るようになりました。また、外部サイトのスクレイピングでも、当該サイトがSSLサイト（https://～）の場合も同様にエラーが出るように・・・。 
 不思議なのは、エラ...</description>
<pubDate>Sat, 06 Jul 2019 07:12:27 +0900</pubDate>
</item>
<item>
<title>文字列から指定文字を削除（置換え）</title>
<link>https://wdeco.jp/_/view/14</link>
<guid>https://wdeco.jp/_/view/14</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/14/14.png" alt="文字列から指定文字を削除（置換え）" title="文字列から指定文字を削除（置換え）"></p>
]]>
 変数（$str）の文字列から、指定する文字を削除（置換え）する基本コード。 
 例）文字列『あいうえお＠かきくけこ』から『＠』を削除したい場合 
 &amp;lt;?php
$str = &#039;あいうえお＠かきくけこ&#039;;
$str = str_replace(&quot;＠&quot;,&quot;&quot;,$str);
echo $str;
?&amp;gt; 
 結果『あいうえおかきくけこ』が表示される。また、よく使うものとして『全角スペース』と...</description>
<pubDate>Sat, 06 Jul 2019 07:11:44 +0900</pubDate>
</item>
<item>
<title>CSVファイル（カンマ区切り）から指定件数のデータをランダム表示</title>
<link>https://wdeco.jp/_/view/13</link>
<guid>https://wdeco.jp/_/view/13</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/13/13.png" alt="CSVファイル（カンマ区切り）から指定件数のデータをランダム表示" title="CSVファイル（カンマ区切り）から指定件数のデータをランダム表示"></p>
]]>
 CSVファイルから、指定件数のデータをランダムに抜き出すシンプルなコード。 
 サーバーの性能にもよりますが、5～6万件程度（50MB程度）のファイルであればDB（データベース）を使うまでもなくストレスなく表示できます。 
 &amp;lt;?php
$data = file(&#039;csvファイルパス&#039;);
shuffle($data);
echo &quot;&amp;lt;ol&amp;gt;\n&quot;;
for($i=1; $i&amp;...</description>
<pubDate>Sat, 06 Jul 2019 07:11:10 +0900</pubDate>
</item>
<item>
<title>外部ファイルの&lt;body&gt;～&lt;/body&gt;を抜き出して挿入</title>
<link>https://wdeco.jp/_/view/12</link>
<guid>https://wdeco.jp/_/view/12</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/12/12.png" alt="外部ファイルの&lt;body&gt;～&lt;/body&gt;を抜き出して挿入" title="外部ファイルの&lt;body&gt;～&lt;/body&gt;を抜き出して挿入"></p>
]]>
 PHPでサイトを構築していれば、各ページの共通部分を使い回しできるので大変便利。 
 例えば、ヘッダー、フッダー、メニューなどは、全ページ共通なことが多いですが、編集が必要になった場合、全ページを編集しなくてはならない。これが共通アイテムとしてインクルードする構成にしておけば、わざわざ全ページを編集する手間が省けます。 
 単純に挿入するだけであれば、 
 
 file_get_contents...</description>
<pubDate>Sat, 06 Jul 2019 07:10:27 +0900</pubDate>
</item>
<item>
<title>複数のアイテムを重複せずにランダム表示する方法</title>
<link>https://wdeco.jp/_/view/11</link>
<guid>https://wdeco.jp/_/view/11</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/11/11.png" alt="複数のアイテムを重複せずにランダム表示する方法" title="複数のアイテムを重複せずにランダム表示する方法"></p>
]]>
 ページが読み込まれる度に、ランダムに表示する仕組みは、バナー表示や、おみくじ、一言メッセージ&amp;hellip;など、使い所は結構あるかと思われます。 
 1個～n個（リスト掲載個数内）のアイテムを、重複しないようにランダムに表示させるJSコード。 
 アイテムを表示させたい場所に『&amp;lt;script&amp;gt;item();&amp;lt;/script&amp;gt;』を掲載しておけば、JSコード内に登録したリス...</description>
<pubDate>Sat, 06 Jul 2019 07:09:31 +0900</pubDate>
</item>
<item>
<title>HTMLの静的ファイルにパラメータ（引数）を受け渡す最短スクリプトコード</title>
<link>https://wdeco.jp/_/view/10</link>
<guid>https://wdeco.jp/_/view/10</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/10/10.png" alt="HTMLの静的ファイルにパラメータ（引数）を受け渡す最短スクリプトコード" title="HTMLの静的ファイルにパラメータ（引数）を受け渡す最短スクリプトコード"></p>
]]>
 CGIやPHPなどで、パラメータ（引数）の受け渡しは「?name=value」で簡単ですが、HTMLファイル（静的ファイル）で受け渡ししたい場合はどうしましょ！？ 
 受け渡すデータを『?』で区切り、受け取り側のHTMLで『decodeURIComponent(location.search.split(&#039;?&#039;)[ n ])』で取得するというもの。『 n 』は『?』で区切った何個目のデータなのか...</description>
<pubDate>Sat, 06 Jul 2019 07:08:58 +0900</pubDate>
</item>
<item>
<title>jqueryで親要素の幅を取得（padding含めずに）</title>
<link>https://wdeco.jp/_/view/9</link>
<guid>https://wdeco.jp/_/view/9</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/9/9.png" alt="jqueryで親要素の幅を取得（padding含めずに）" title="jqueryで親要素の幅を取得（padding含めずに）"></p>
]]>
 CSSの『@media screen ～』で任意のスタイルに変更すればいいのですが、Javascript等の『変数』を変更したい場合、CSSだけでは対応できません。その場合は、Javascriptで要素の幅を取得して対応させます。 
 ただし（私が知らないだけかもしれませんが&amp;hellip;）Javascriptだけでは『border』や『padding』を含めた幅を取得するようですので、その分...</description>
<pubDate>Sat, 06 Jul 2019 07:08:23 +0900</pubDate>
</item>
<item>
<title>画像ファイルが見つからない場合に代替画像を表示</title>
<link>https://wdeco.jp/_/view/8</link>
<guid>https://wdeco.jp/_/view/8</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/8/8.png" alt="画像ファイルが見つからない場合に代替画像を表示" title="画像ファイルが見つからない場合に代替画像を表示"></p>
]]>
 イメージタグに設定した画像ファイルが見つからない（存在しない）場合、【&amp;times;】マークが表示されたりしてカッコ悪い。 
 そんな時、代わりの画像を表示させるコード。 
 &amp;lt;img src=&quot;本来の画像ファイル&quot; onError=&quot;this.oneerror=null;this.src=&#039;代替画像ファイル&#039;;&quot;&amp;gt;
 
 代替画像ファイルにファイルのパスを指定しておけば、万一本来の...</description>
<pubDate>Sat, 06 Jul 2019 07:07:43 +0900</pubDate>
</item>
<item>
<title>テキストエリアのカーソル位置にボタンクリックで指定文字を挿入</title>
<link>https://wdeco.jp/_/view/7</link>
<guid>https://wdeco.jp/_/view/7</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/7/7.png" alt="テキストエリアのカーソル位置にボタンクリックで指定文字を挿入" title="テキストエリアのカーソル位置にボタンクリックで指定文字を挿入"></p>
]]>
 テキストエリアの任意の場所（カーソル位置）にボタンクリックで指定文字を挿入するコード。 
 テキストエリアにカーソルが無い場合、行頭に挿入され、挿入button（指定文字）は、幾つでも追加できます。 
 freoのオプションを任意の場所に挿入したい場合に便利かも。 
 &amp;lt;script&amp;gt;
(function(){
　document.addEventListener(&#039;click&#039;, ...</description>
<pubDate>Sat, 06 Jul 2019 07:07:01 +0900</pubDate>
</item>
<item>
<title>セレクトメニュー（select）でリンク</title>
<link>https://wdeco.jp/_/view/6</link>
<guid>https://wdeco.jp/_/view/6</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/6/6.png" alt="セレクトメニュー（select）でリンク" title="セレクトメニュー（select）でリンク"></p>
]]>
 リンクリストが増えてくると、普通に掲載しているとレイアウトに支障が出てくることもしばしば。 
 サイドバーにカテゴリーやタグリンク、月別アーカイブ、リンク集&amp;hellip;など、ずらずらと並べてしまってメニューが下方に長くなりすぎて、メインコンテンツ部分の下に空白が空いてしまった残念なレアウトのサイトを見かけます。 
 そんな場合に威力を発揮するのが「セレクトボックス」を使ったリンクメニュー。リ...</description>
<pubDate>Sat, 06 Jul 2019 07:06:14 +0900</pubDate>
</item>
<item>
<title>Youtube（iframe）の埋め込みコードをレスポンシブ対応で掲載する</title>
<link>https://wdeco.jp/_/view/5</link>
<guid>https://wdeco.jp/_/view/5</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/5/5.png" alt="Youtube（iframe）の埋め込みコードをレスポンシブ対応で掲載する" title="Youtube（iframe）の埋め込みコードをレスポンシブ対応で掲載する"></p>
]]>
 Youtube動画を埋め込む際、スマホでも再生できるように「iframe」タグを使用することが主流になっています。 
 さらには、WebのアクセスはスマホユーザーがPCを上回った現状では、スマホ対応のため「レスポンシブウェブデザイン」は必須条件となっています。そのため、Youtube埋め込み動画の「iframe」もレスポンシブになるように、CSSとHTMLにクラスを追加してレスポンシブに対応させ...</description>
<pubDate>Sat, 06 Jul 2019 07:05:13 +0900</pubDate>
</item>
<item>
<title>CSSで文字列を省略して文末に『…』を付ける。さらにテーブル（セル）にも適用させる方法</title>
<link>https://wdeco.jp/_/view/4</link>
<guid>https://wdeco.jp/_/view/4</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/4/4.png" alt="CSSで文字列を省略して文末に『…』を付ける。さらにテーブル（セル）にも適用させる方法" title="CSSで文字列を省略して文末に『…』を付ける。さらにテーブル（セル）にも適用させる方法"></p>
]]>
 要素内に文字列が収まらない場合、はみ出る文字を省略して、文末に『&amp;hellip;』をつけるには『text-overflow:ellipsis』を利用する。 
 overflow:hidden;ではみ出す文字を非表示にして、white-space:nowrap;で改行させないことが重要。 
 &amp;lt;style&amp;gt;
p, div{
overflow:hidden;
white-space:no...</description>
<pubDate>Sat, 06 Jul 2019 07:04:14 +0900</pubDate>
</item>
<item>
<title>横幅いっぱい（ピッタリ）に要素を並べるCSS（もちろんレスポンシブで…）</title>
<link>https://wdeco.jp/_/view/3</link>
<guid>https://wdeco.jp/_/view/3</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/3/3.png" alt="横幅いっぱい（ピッタリ）に要素を並べるCSS（もちろんレスポンシブで…）" title="横幅いっぱい（ピッタリ）に要素を並べるCSS（もちろんレスポンシブで…）"></p>
]]>
 要素を横並びにする場合、一般的には「float」を使うのですが、表示したい場所（親ボックス内）の横幅に合わせてピッタリと横並びさせたい場合、要素にマージン（margin）があると、カラム落ちしてしまいます。 
 そんな時には『calc』の登場。CSS3から有効となった、サイズを計算式できっちり調整してくれる便利もの。%（パーセント）指定やpx（ピクセル）はもちろん、%とpxを混在させての計算式も...</description>
<pubDate>Sat, 06 Jul 2019 07:03:11 +0900</pubDate>
</item>
<item>
<title>PHP5.6.18以上にアップデートすると、freo（smarty）で『preg_replace();・・・』エラー</title>
<link>https://wdeco.jp/_/view/2</link>
<guid>https://wdeco.jp/_/view/2</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/2/2.png" alt="PHP5.6.18以上にアップデートすると、freo（smarty）で『preg_replace();・・・』エラー" title="PHP5.6.18以上にアップデートすると、freo（smarty）で『preg_replace();・・・』エラー"></p>
]]>
 freo Ver 1.19.3 を利用中、PHPのバージョンを 5.6.18 にアップデートすると、以下のエラーメッセージが出るようになった。 
 Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/*****/freo/libs/smarty/...</description>
<pubDate>Sat, 06 Jul 2019 07:01:35 +0900</pubDate>
</item>
<item>
<title>サイトリニュール</title>
<link>https://wdeco.jp/_/view/1</link>
<guid>https://wdeco.jp/_/view/1</guid>

<description>
<![CDATA[
<p><img src="https://wdeco.jp/_/files/entry_thumbnails/1/1.png" alt="サイトリニュール" title="サイトリニュール"></p>
]]>
 提供サービスの見直しを機に、本サイトを全面リニューアルしました。 </description>
<pubDate>Sat, 06 Jul 2019 06:53:41 +0900</pubDate>
</item>
</channel>
</rss>