<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
     xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:itunes="http://www.itunes.com/DTDs/Podcast-1.0.dtd">
  <channel>
    <title>STP^3</title>
    <link>https://satopian.seesaa.net/</link>
    <description>お絵かき掲示板の開発</description>
    <language>ja</language>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <itunes:subtitle></itunes:subtitle>
    <itunes:summary>お絵かき掲示板の開発</itunes:summary>
    <itunes:keywords></itunes:keywords>
    
    <itunes:author>さとぴあ</itunes:author>
    <itunes:owner>    
       <itunes:name></itunes:name>
       <itunes:email></itunes:email>
    </itunes:owner>
        <itunes:explicit>no</itunes:explicit>
        <item>
      <link>https://satopian.seesaa.net/article/503394223.html</link>
      <title>POTI-boardのforをforeachに書き直し</title>
      <pubDate>Mon, 07 Oct 2019 21:32:16 +0900</pubDate>
            <description>forで配列の反復をしているところがたくさんあったので、foreachに書き直し。配列のcountをしてそれから…では可読性が落ちる。配列の書き直しなら参照渡しを使えばシンプルにまとめる事ができる。キーを取得しなくてもいいのでスマート…。と思ったら…。PHPの繰り返し処理大全 - Qiitaforeachでリファレンスが取れますが、使用してはいけません。そもそもリファレンスはあらゆる場面で一切使用禁止です。PHPのforeachで参照渡しをしたいときに気をつけること - Qi..</description>
            <itunes:summary><![CDATA[
forで配列の反復をしているところがたくさんあったので、foreachに書き直し。
配列のcountをしてそれから…では可読性が落ちる。
配列の書き直しなら参照渡しを使えばシンプルにまとめる事ができる。キーを取得しなくてもいいのでスマート…。
と思ったら…。<a href="https://qiita.com/rana_kualu/items/0abd2b6f69527b0b4b92" target="_blank">PHPの繰り返し処理大全 - Qiita</a>

foreachでリファレンスが取れますが、使用してはいけません。
そもそもリファレンスはあらゆる場面で一切使用禁止です。<a href="https://qiita.com/bunty/items/f192d724a3c714f39c45" target="_blank">PHPのforeachで参照渡しをしたいときに気をつけること - Qiita</a>

参照渡しはどうしても必要じゃないとき以外は使用しない方が良さそうです。配列の書き直しに参照渡しを使っていたのですが、かなり強い口調で使ってはいけない…。

それならキーを取得して配列を書き直し…と思ったのですが…。
バグりました…。

問題なく動いているのにこの作業を行う事でバグを作ったらどうにもならないので、foreachで参照渡しを使ったらを忘れずにunset($value)すれば…。

と思ったら何箇所か抜けていました。

<a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer" target="_blank">Bracket Pair Colorizer - Visual Studio Marketplace</a>をインストールしたVScodeで確認してみたら…。
ループの中でunset()している箇所が見つかったり…。

<a href="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-01-b662b.png" target="_blank"><img border="0" alt="Screen-2019-10-07_20-23-01.png" src="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-01-b662b-thumbnail2.png" width="640" height="325"></a>
↑
インデントの位置がおかしいですが…。少し前のコードです。
foreachを使っていますが参照渡しは使っていません。

<a href="https://satopian.up.seesaa.net/image/Screen-&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-10-07_20-23-02.png" src="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-02-thumbnail2.png" width="640" height="325"></a>
↑
参照渡しを使って配列を書き換えるコード。

$line[$i]と$valueがごちゃごちゃ入るより、参照渡しにして$valueだけにしてしまったほうがコードが見やすくなるような気もするんですけどね…。

参照渡しのforeachを使っているのにunset($value)が無い、もしくは位置がおかしいのはまずいので修正しました。
その事でトラブルが起きた…という事例は無いようなのですが…。

この修正は<a href="https://github.com/satopian/poti-kai" target="_blank"><a href="https://github.com/satopian/poti-kai" target="_blank">POTI-board改 v1.53.6 lot.190926</a></a>に反映されました。

<a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板</a>はこちら。<a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
forで配列の反復をしているところがたくさんあったので、foreachに書き直し。<br />配列のcountをしてそれから…では可読性が落ちる。<br />配列の書き直しなら参照渡しを使えばシンプルにまとめる事ができる。キーを取得しなくてもいいのでスマート…。<br />と思ったら…。<blockquote><a href="https://qiita.com/rana_kualu/items/0abd2b6f69527b0b4b92" target="_blank" rel="noopener">PHPの繰り返し処理大全 - Qiita</a><br /><br />foreachでリファレンスが取れますが、使用してはいけません。<br />そもそもリファレンスはあらゆる場面で一切使用禁止です。</blockquote><blockquote><a href="https://qiita.com/bunty/items/f192d724a3c714f39c45" target="_blank" rel="noopener">PHPのforeachで参照渡しをしたいときに気をつけること - Qiita</a><br /><br />参照渡しはどうしても必要じゃないとき以外は使用しない方が良さそうです。</blockquote>配列の書き直しに参照渡しを使っていたのですが、かなり強い口調で使ってはいけない…。<br /><br />それならキーを取得して配列を書き直し…と思ったのですが…。<br />バグりました…。<br /><br />問題なく動いているのにこの作業を行う事でバグを作ったらどうにもならないので、foreachで参照渡しを使ったらを忘れずにunset($value)すれば…。<br /><br />と思ったら何箇所か抜けていました。<br /><br /><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer" target="_blank" rel="noopener">Bracket Pair Colorizer - Visual Studio Marketplace</a>をインストールしたVScodeで確認してみたら…。<br />ループの中でunset()している箇所が見つかったり…。<br /><br /><a href="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-01-b662b.png" target="_blank"><img border="0" alt="Screen-2019-10-07_20-23-01.png" src="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-01-b662b-thumbnail2.png" width="640" height="325" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-10-07_20-23-01-b662b-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />インデントの位置がおかしいですが…。少し前のコードです。<br />foreachを使っていますが参照渡しは使っていません。<br /><br /><a href="https://satopian.up.seesaa.net/image/Screen-<a href="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-02.png" target="_blank"><img border="0" alt="Screen-2019-10-07_20-23-02.png" src="https://satopian.up.seesaa.net/image/Screen-2019-10-07_20-23-02-thumbnail2.png" width="640" height="325" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-10-07_20-23-02-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />参照渡しを使って配列を書き換えるコード。<br /><br />$line[$i]と$valueがごちゃごちゃ入るより、参照渡しにして$valueだけにしてしまったほうがコードが見やすくなるような気もするんですけどね…。<br /><br />参照渡しのforeachを使っているのにunset($value)が無い、もしくは位置がおかしいのはまずいので修正しました。<br />その事でトラブルが起きた…という事例は無いようなのですが…。<br /><br />この修正は<a href="https://github.com/satopian/poti-kai" target="_blank" rel="noopener"><a href="https://github.com/satopian/poti-kai" target="_blank" rel="noopener">POTI-board改 v1.53.6 lot.190926</a></a>に反映されました。<br /><br /><a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板</a>はこちら。<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>お絵かき掲示板の改造</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394223</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394217.html</link>
      <title>Painter2020 ブラシ消しゴム切り替え遅延 Paintstormというアプリもある</title>
      <pubDate>Mon, 05 Aug 2019 15:56:41 +0900</pubDate>
            <description>いろいろと問題があってもPainterの開発が終わってしまったら困るのでアップグレードしようと思っていました。しかし…。問題が多すぎました。ブラシから消しゴムへの切り替えが遅延するので、線を描いて消しゴムで消す作業をショートカットキーで行う時に消しゴムになっていてほしいのに鉛筆のまま…。UIの更新も最初はいいな…と思ったのですが…。↑用紙を選択するとこの画面が消えてしまうので、用紙を選択して拡大率を変更する時は開き直す事になります。結局従来どおり用紙パネルを開いたまま作業…。..</description>
            <itunes:summary><![CDATA[
いろいろと問題があってもPainterの開発が終わってしまったら困るのでアップグレードしようと思っていました。
しかし…。問題が多すぎました。

<img border="0" alt="190626_painter5.gif" src="https://satopian.up.seesaa.net/image/190626_painter5-3374d.gif" width="640" height="181">

ブラシから消しゴムへの切り替えが遅延するので、線を描いて消しゴムで消す作業をショートカットキーで行う時に消しゴムになっていてほしいのに鉛筆のまま…。

UIの更新も最初はいいな…と思ったのですが…。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-06-26_20-53-40.png" src="https://satopian.up.seesaa.net/image/Screen-2019-06-26_20-53-40-thumbnail2.png" width="614" height="640"></a>
↑
用紙を選択するとこの画面が消えてしまうので、用紙を選択して拡大率を変更する時は開き直す事になります。
結局従来どおり用紙パネルを開いたまま作業…。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-06-27_12-43-31.png" src="https://satopian.up.seesaa.net/image/Screen-2019-06-27_12-43-31-thumbnail2.png" width="640" height="442"></a>
↑
システムは推奨仕様を満足しています。
満たしていますの誤訳だと思いますが製品の出荷前にチェックする事はできなかったのでしょうか？

ブラシ→消しゴムの切り替え遅延はGPUがオンボードだからから？と思いましたがこのベンチマークテストの結果を見る限りGPUの問題ではなさそうです。

CPUは第8世代のCore i5です。

たしかにやたら安かったAcerのパソコンですがまだ買ったばかり…。

いまとなっては、思っていたほど速くないような気もするのですが…。
6年前のCeleronからの買い替えです…。それにくらべると爆速PCになった筈なんですけどね。

Painter2020があまり良くないとなると、次のバージョンで改善されるかどうかもわからないのでクリスタとMediBang Paintになれるしかないのかな…と思いましたが…。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-07-05_21-09-57.png" src="https://satopian.up.seesaa.net/image/Screen-2019-07-05_21-09-57-thumbnail2.png" width="640" height="601"></a>
↑
<a href="https://www.paintstormstudio.com/jp/index.html" target="_blank">Paintstorm Studio | Professional software for digital painting</a>



Paintstorm Studio。

Painterのブラシの完全な再現はできないものの、似たような塗り方をする事ができました。

混色系のブラシがきちんと動作しているのでラフに塗って混色してならすPainterと近い感覚で作業する事ができます。

おまけに19ドルで日本円にして2千円ちょっとです。

それにしては知名度が低い…。
UIの日本語対応が比較的最近だった事もあるのかもしれません。

カスタムパレットもありますし、ブラシの設定項目もPainterの設定項目を知っている方なら設定項目が多すぎて…とならないと思います。
必要な設定項目だけカスタムパレットに保存しておく事もできます。

キーボード・ショートカットの設定は項目のダブルクリックとスライダーの上で右クリックなど。

英語のマニュアルに反応しない時はダブルクリックの間隔を短くしてみてくださいとありました。
すばやくダブルクリックしたところ設定する事ができました。<a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
いろいろと問題があってもPainterの開発が終わってしまったら困るのでアップグレードしようと思っていました。<br />しかし…。問題が多すぎました。<br /><br /><img border="0" alt="190626_painter5.gif" src="https://satopian.up.seesaa.net/image/190626_painter5-3374d.gif" width="640" height="181" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/190626_painter5-3374d.gif.html'; return false;" style="cursor:pointer;" /><br /><br />ブラシから消しゴムへの切り替えが遅延するので、線を描いて消しゴムで消す作業をショートカットキーで行う時に消しゴムになっていてほしいのに鉛筆のまま…。<br /><br />UIの更新も最初はいいな…と思ったのですが…。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-06-26_20-53-40.png" target="_blank"><img border="0" alt="Screen-2019-06-26_20-53-40.png" src="https://satopian.up.seesaa.net/image/Screen-2019-06-26_20-53-40-thumbnail2.png" width="614" height="640" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-06-26_20-53-40-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />用紙を選択するとこの画面が消えてしまうので、用紙を選択して拡大率を変更する時は開き直す事になります。<br />結局従来どおり用紙パネルを開いたまま作業…。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-06-27_12-43-31.png" target="_blank"><img border="0" alt="Screen-2019-06-27_12-43-31.png" src="https://satopian.up.seesaa.net/image/Screen-2019-06-27_12-43-31-thumbnail2.png" width="640" height="442" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-06-27_12-43-31-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />システムは推奨仕様を満足しています。<br />満たしていますの誤訳だと思いますが製品の出荷前にチェックする事はできなかったのでしょうか？<br /><br />ブラシ→消しゴムの切り替え遅延はGPUがオンボードだからから？と思いましたがこのベンチマークテストの結果を見る限りGPUの問題ではなさそうです。<br /><br />CPUは第8世代のCore i5です。<br /><br />たしかにやたら安かったAcerのパソコンですがまだ買ったばかり…。<br /><br />いまとなっては、思っていたほど速くないような気もするのですが…。<br />6年前のCeleronからの買い替えです…。それにくらべると爆速PCになった筈なんですけどね。<br /><br />Painter2020があまり良くないとなると、次のバージョンで改善されるかどうかもわからないのでクリスタとMediBang Paintになれるしかないのかな…と思いましたが…。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-07-05_21-09-57.png" target="_blank"><img border="0" alt="Screen-2019-07-05_21-09-57.png" src="https://satopian.up.seesaa.net/image/Screen-2019-07-05_21-09-57-thumbnail2.png" width="640" height="601" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-07-05_21-09-57-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br /><a href="https://www.paintstormstudio.com/jp/index.html" target="_blank" rel="noopener">Paintstorm Studio | Professional software for digital painting</a><br /><br /><iframe width="560" height="315" src="https://www.youtube.com/embed/KPMmh1Zp1nc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br /><br />Paintstorm Studio。<br /><br />Painterのブラシの完全な再現はできないものの、似たような塗り方をする事ができました。<br /><br />混色系のブラシがきちんと動作しているのでラフに塗って混色してならすPainterと近い感覚で作業する事ができます。<br /><br />おまけに19ドルで日本円にして2千円ちょっとです。<br /><br />それにしては知名度が低い…。<br />UIの日本語対応が比較的最近だった事もあるのかもしれません。<br /><br />カスタムパレットもありますし、ブラシの設定項目もPainterの設定項目を知っている方なら設定項目が多すぎて…とならないと思います。<br />必要な設定項目だけカスタムパレットに保存しておく事もできます。<br /><br />キーボード・ショートカットの設定は項目のダブルクリックとスライダーの上で右クリックなど。<br /><br />英語のマニュアルに反応しない時はダブルクリックの間隔を短くしてみてくださいとありました。<br />すばやくダブルクリックしたところ設定する事ができました。<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>Painter</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394217</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394207.html</link>
      <title>古い日記の過去ログにハンバーガーメニューをつけました</title>
      <pubDate>Fri, 01 Mar 2019 15:54:33 +0900</pubDate>
            <description>フレームセットを使った古い日記のHTMLを書き直して、フレームを撤去しましたが…。スマートフォンでアクセスすると記事本体の上にメニューが並んでしまって…。やはりタップするとメニュー一覧が出てくる三本線のハンバーガーメニューが必要…という事で…。↑PC。↑スマートフォンの時は、ハンバーガーメニューのタップでメニューが開閉。HTMLとCSSだけ！要素の表示・非表示を切り替える方法↑CSSだけでできるんですね。inputのタップする場所をlabelで決めて、チェックボックスは非表示..</description>
            <itunes:summary><![CDATA[
フレームセットを使った古い日記のHTMLを書き直して、フレームを撤去しましたが…。
スマートフォンでアクセスすると記事本体の上にメニューが並んでしまって…。

やはりタップするとメニュー一覧が出てくる三本線のハンバーガーメニューが必要…という事で…。

<a href="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-29-59.png" target="_blank"><img border="0" alt="Screen-2019-03-01_15-29-59.png" src="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-29-59-thumbnail2.png" width="640" height="448"></a>
↑
PC。

<a href="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-23.png" target="_blank"><img border="0" alt="Screen-2019-03-01_15-30-23.png" src="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-23-thumbnail2.png" width="611" height="640"></a><a href="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-29.png" target="_blank"><img border="0" alt="Screen-2019-03-01_15-30-29.png" src="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-29-thumbnail2.png" width="611" height="640"></a>
↑
スマートフォンの時は、ハンバーガーメニューのタップでメニューが開閉。<a href="https://saruwakakun.com/html-css/reference/hidden-show" target="_blank">HTMLとCSSだけ！要素の表示・非表示を切り替える方法</a>↑
CSSだけでできるんですね。
inputのタップする場所をlabelで決めて、チェックボックスは非表示。
チェックが入ったら表示してはずれたら表示しない。

<a href="https://paintbbs.sakura.ne.jp/pastlog/poti/diary/" target="_blank">【らくがき絵日記】</a>の過去ログはこちら。<a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
フレームセットを使った古い日記のHTMLを書き直して、フレームを撤去しましたが…。<br />スマートフォンでアクセスすると記事本体の上にメニューが並んでしまって…。<br /><br />やはりタップするとメニュー一覧が出てくる三本線のハンバーガーメニューが必要…という事で…。<br /><br /><a href="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-29-59.png" target="_blank"><img border="0" alt="Screen-2019-03-01_15-29-59.png" src="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-29-59-thumbnail2.png" width="640" height="448" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-03-01_15-29-59-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />PC。<br /><br /><a href="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-23.png" target="_blank"><img border="0" alt="Screen-2019-03-01_15-30-23.png" src="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-23-thumbnail2.png" width="611" height="640" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-03-01_15-30-23-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><a href="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-29.png" target="_blank"><img border="0" alt="Screen-2019-03-01_15-30-29.png" src="https://satopian.up.seesaa.net/image/Screen-2019-03-01_15-30-29-thumbnail2.png" width="611" height="640" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-03-01_15-30-29-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />スマートフォンの時は、ハンバーガーメニューのタップでメニューが開閉。<blockquote><a href="https://saruwakakun.com/html-css/reference/hidden-show" target="_blank" rel="noopener">HTMLとCSSだけ！要素の表示・非表示を切り替える方法</a></blockquote>↑<br />CSSだけでできるんですね。<br />inputのタップする場所をlabelで決めて、チェックボックスは非表示。<br />チェックが入ったら表示してはずれたら表示しない。<br /><br /><a href="https://paintbbs.sakura.ne.jp/pastlog/poti/diary/" target="_blank">【らくがき絵日記】</a>の過去ログはこちら。<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>Web制作</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394207</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394201.html</link>
      <title>お絵かき掲示板簡単設置方法 2021年版</title>
      <pubDate>Wed, 09 Jan 2019 21:03:23 +0900</pubDate>
            <description>このページにはプロモーションが含まれています。お絵かき掲示板交流サイトで使っているPOTI-board EVOの簡単設置方法です。少し前にためしてみたけれど、うまく設置できなかったという方もぜひ…。↑POTI-board EVOをダウンロードします。以前は、テンプレートが入っていない状態で配布していましたが、今はデフォルトスキンをはじめから入れています。テンプレートが入っていないと掲示板が動作しないからです。HTML5版しぃお絵かき掲示板PaintBBS NEOも最初から入っ..</description>
            <itunes:summary><![CDATA[
このページにはプロモーションが含まれています。
<a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板</a>交流サイトで使っている<a href="https://github.com/satopian/poti-kaini" target="_blank">POTI-board EVO</a>の簡単設置方法です。

少し前にためしてみたけれど、うまく設置できなかったという方もぜひ…。

<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-13-24.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-13-24.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-13-24-thumbnail2.png" width="640" height="319"></a>
↑
<a href="https://paintbbs.sakura.ne.jp/poti/" target="_blank">POTI-board EVO</a>をダウンロードします。

以前は、テンプレートが入っていない状態で配布していましたが、今はデフォルトスキンをはじめから入れています。
テンプレートが入っていないと掲示板が動作しないからです。

HTML5版しぃお絵かき掲示板<a href="https://github.com/funige/neo/" target="_blank">PaintBBS NEO</a>も最初から入っています。
ただし、最新バージョンではないかもしれません。
動作確認のために入れてあります。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-01-09_16-29.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_16-29-thumbnail2.png" width="561" height="243"></a>
↑
ダウンロードしたPOTI-board EVOのzipファイルを展開して…。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-01-09_15-23.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-23-thumbnail2.png" width="629" height="442"></a>
↑
FTPソフトで、php7.2～php8.xが使えるレンタルサーバにアップロードします。

<a href="https://px.a8.net/svt/ejp?a8mat=TU4YM+CS89KI+D8Y+67RK2" target="_blank">さくらのレンタルサーバ</a><img border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=TU4YM+CS89KI+D8Y+67RK2" alt="">の一番安いライトプランでも設置できます。

無料で使える<a href="https://www.xfree.ne.jp/" target="_blank">シンフリーサーバー</a>や<a href="https://www.star.ne.jp/" target="_blank">スターレンタルサーバー</a>の無料プランにも設置もできます。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-01-09_15-34-33.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-34-33-thumbnail2.png" width="640" height="370"></a>
↑
ブラウザで設置したurlを開くと、1.本文無しが表示されます。※

※2020年7月23日以後の最新バージョンの改二は設置したurlを開くだけです。
それ以前のバージョンのPOTI-boardはpotiboard.phpを手動で呼び出します。

投稿してみて問題がない事を確認します。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-01-09_15-34-36.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-34-36-thumbnail2.png" width="629" height="464"></a>
↑
FTP接続してパーミッションを確認すると、書き込みが必要なディレクトリは707、プログラムが書き換えるファイルは606、ログファイルは600になっています。(POT-Iboard改 v1.53.0でパーミッションの初期値が変わりました）
potiboard.phpが必要なディレクトリとファイルを作成してパーミッションを設定してくれます。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-01-09_17-46.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_17-46-thumbnail2.png" width="528" height="478"></a><a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="Screen-2019-01-09_17-48.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_17-48-thumbnail2.png" width="555" height="495"></a>
↑
2005年頃のマニュアルには設置ディレクトリは777とありますが…。
777にするとサーバエラーになります。

パーミッションの設定を自分でしなければ起きないトラブルです。

ここまで何も設定しなかったのは動作する事を確かめるためです。
先にカスタマイズしてから転送したら動かなかったというケースも多いようです。

掲示板が動くことがわかったらconfig.phpをutf-8対応のエディタで開きます。

LFというLinuxの改行コードを使っているので、古いバージョンのWindowsのメモ帳では改行が反映されず1行になってしまうかもしれません。

その場合は…。それなりのエディタを使います。

例えば<a href="https://sakura-editor.github.io/" target="_blank">サクラエディタ</a>。

無料で使える軽快なエディタです。

//管理者パスワード
$ADMIN_PASS = &#x27;kanripass&#x27;;のkanripassとなっている箇所を、自分にしかわからないパスワードに書き換えます。

管理者パスがそのままだと誰でも記事を編集削除できる状態になるので危険です。
ここの書き換えは必須です。//&#x6295;&#x7A3F;&#x30B5;&#x30A4;&#x30BA;&#xFF08;&#x3053;&#x308C;&#x4EE5;&#x4E0A;&#x306F;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x7E2E;&#x5C0F;
define(&#x27;MAX_W&#x27;, &#x27;300&#x27;);&#x9;//&#x5E45;
define(&#x27;MAX_H&#x27;, &#x27;300&#x27;);&#x9;//&#x9AD8;&#x3055;投稿した画像が大きく表示されない時は、ここの数値を変更します。//&#x30BF;&#x30A4;&#x30C8;&#x30EB;&#xFF08;&#x3C;title&#x3E;&#x3068;TOP&#xFF09;
define(&#x27;TITLE&#x27;, &#x27;&#x304A;&#x7D75;&#x304B;&#x304D;&#x63B2;&#x793A;&#x677F;&#x27;);掲示板のタイトルを変更します。
ここを変更してもトップページのタイトルが変わらない時は、管理モードからログ更新するか何でもいいので投稿すれば反映されます。

POTI-boardはテーマを入れ替える事ができます。

テンプレートを入れ替えたのに見た目が変わらない時は、ログ更新、または何でもいいので投稿してみてください。

<a href="https://github.com/funige/neo/" target="_blank">PaintBBS NEO</a>のバージョンアップに必要なファイルは、neo/dist/のneo.css
neo.jsの2つです。
ダウンロードしたzipファイルを展開して取り出します。

<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-53.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-53.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-53-thumbnail2.png" width="561" height="243"></a>
neo.cssとneo.jsの最新バージョンをpotiboard.phpと同じディレクトリに転送して上書きします。<a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
このページにはプロモーションが含まれています。<br /><a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板</a>交流サイトで使っている<a href="https://github.com/satopian/poti-kaini" target="_blank" rel="noopener">POTI-board EVO</a>の簡単設置方法です。<br /><br />少し前にためしてみたけれど、うまく設置できなかったという方もぜひ…。<br /><br /><a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-13-24.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-13-24.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-13-24-thumbnail2.png" width="640" height="319" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_15-13-24-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br /><a href="https://paintbbs.sakura.ne.jp/poti/" target="_blank" rel="noopener">POTI-board EVO</a>をダウンロードします。<br /><br />以前は、テンプレートが入っていない状態で配布していましたが、今はデフォルトスキンをはじめから入れています。<br />テンプレートが入っていないと掲示板が動作しないからです。<br /><br />HTML5版しぃお絵かき掲示板<a href="https://github.com/funige/neo/" target="_blank" rel="noopener">PaintBBS NEO</a>も最初から入っています。<br />ただし、最新バージョンではないかもしれません。<br />動作確認のために入れてあります。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_16-29.png" target="_blank"><img border="0" alt="Screen-2019-01-09_16-29.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_16-29-thumbnail2.png" width="561" height="243" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_16-29-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />ダウンロードしたPOTI-board EVOのzipファイルを展開して…。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-23.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-23.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-23-thumbnail2.png" width="629" height="442" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_15-23-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />FTPソフトで、php7.2～php8.xが使えるレンタルサーバにアップロードします。<br /><br /><a href="https://px.a8.net/svt/ejp?a8mat=TU4YM+CS89KI+D8Y+67RK2" rel="nofollow no" target="_blank">さくらのレンタルサーバ</a><img border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=TU4YM+CS89KI+D8Y+67RK2" alt="">の一番安いライトプランでも設置できます。<br /><br />無料で使える<a href="https://www.xfree.ne.jp/" rel="noopener" target="_blank">シンフリーサーバー</a>や<a href="https://www.star.ne.jp/" rel="noopener" target="_blank">スターレンタルサーバー</a>の無料プランにも設置もできます。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-34-33.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-34-33.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-34-33-thumbnail2.png" width="640" height="370" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_15-34-33-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />ブラウザで設置したurlを開くと、1.本文無しが表示されます。※<br /><br />※2020年7月23日以後の最新バージョンの改二は設置したurlを開くだけです。<br />それ以前のバージョンのPOTI-boardはpotiboard.phpを手動で呼び出します。<br /><br />投稿してみて問題がない事を確認します。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-34-36.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-34-36.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-34-36-thumbnail2.png" width="629" height="464" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_15-34-36-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />FTP接続してパーミッションを確認すると、書き込みが必要なディレクトリは707、プログラムが書き換えるファイルは606、ログファイルは600になっています。(POT-Iboard改 v1.53.0でパーミッションの初期値が変わりました）<br />potiboard.phpが必要なディレクトリとファイルを作成してパーミッションを設定してくれます。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_17-46.png" target="_blank"><img border="0" alt="Screen-2019-01-09_17-46.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_17-46-thumbnail2.png" width="528" height="478" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_17-46-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_17-48.png" target="_blank"><img border="0" alt="Screen-2019-01-09_17-48.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_17-48-thumbnail2.png" width="555" height="495" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_17-48-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />2005年頃のマニュアルには設置ディレクトリは777とありますが…。<br />777にするとサーバエラーになります。<br /><br />パーミッションの設定を自分でしなければ起きないトラブルです。<br /><br />ここまで何も設定しなかったのは動作する事を確かめるためです。<br />先にカスタマイズしてから転送したら動かなかったというケースも多いようです。<br /><br />掲示板が動くことがわかったら<blockquote>config.php</blockquote>をutf-8対応のエディタで開きます。<br /><br />LFというLinuxの改行コードを使っているので、古いバージョンのWindowsのメモ帳では改行が反映されず1行になってしまうかもしれません。<br /><br />その場合は…。それなりのエディタを使います。<br /><br />例えば<a href="https://sakura-editor.github.io/" target="_blank">サクラエディタ</a>。<br /><br />無料で使える軽快なエディタです。<br /><br /><blockquote>//管理者パスワード<br />$ADMIN_PASS = &#x27;kanripass&#x27;;</blockquote>のkanripassとなっている箇所を、自分にしかわからないパスワードに書き換えます。<br /><br />管理者パスがそのままだと誰でも記事を編集削除できる状態になるので危険です。<br />ここの書き換えは必須です。<blockquote>//&#x6295;&#x7A3F;&#x30B5;&#x30A4;&#x30BA;&#xFF08;&#x3053;&#x308C;&#x4EE5;&#x4E0A;&#x306F;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x7E2E;&#x5C0F;<br />define(&#x27;MAX_W&#x27;, &#x27;300&#x27;);&#x9;//&#x5E45;<br />define(&#x27;MAX_H&#x27;, &#x27;300&#x27;);&#x9;//&#x9AD8;&#x3055;</blockquote>投稿した画像が大きく表示されない時は、ここの数値を変更します。<blockquote>//&#x30BF;&#x30A4;&#x30C8;&#x30EB;&#xFF08;&#x3C;title&#x3E;&#x3068;TOP&#xFF09;<br />define(&#x27;TITLE&#x27;, &#x27;&#x304A;&#x7D75;&#x304B;&#x304D;&#x63B2;&#x793A;&#x677F;&#x27;);</blockquote>掲示板のタイトルを変更します。<br />ここを変更してもトップページのタイトルが変わらない時は、管理モードからログ更新するか何でもいいので投稿すれば反映されます。<br /><br />POTI-boardはテーマを入れ替える事ができます。<br /><br />テンプレートを入れ替えたのに見た目が変わらない時は、ログ更新、または何でもいいので投稿してみてください。<br /><br /><a href="https://github.com/funige/neo/" target="_blank" rel="noopener">PaintBBS NEO</a>のバージョンアップに必要なファイルは、<blockquote>neo/dist/</blockquote>の<blockquote>neo.css<br />neo.js</blockquote>の2つです。<br />ダウンロードしたzipファイルを展開して取り出します。<br /><br /><a href="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-53.png" target="_blank"><img border="0" alt="Screen-2019-01-09_15-53.png" src="https://satopian.up.seesaa.net/image/Screen-2019-01-09_15-53-thumbnail2.png" width="561" height="243" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/Screen-2019-01-09_15-53-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />neo.cssとneo.jsの最新バージョンをpotiboard.phpと同じディレクトリに転送して上書きします。<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>お絵かき掲示板の設置</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394201</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394178.html</link>
      <title>お絵かき掲示板交流サイトのトップページに新着画像を表示</title>
      <pubDate>Tue, 24 Jul 2018 21:28:34 +0900</pubDate>
            <description>お絵かき掲示板交流サイトのトップページを改装して6つの掲示板を1ページにまとめました。また、6つのお絵かき掲示板を横断して新着画像を呼び出し12枚分を表示。掲示板を開かなくても、12枚の新着画像を確認できるようになりました。もっと見るのリンクをクリックすれば52枚の新着画像を見る事もできます。↑PC、iPad、iPhoneをChromeでエミュレート。PCではディスプレイの幅が無駄になり、iPadでは高さが無駄になっていましたが何とか…。そして、新着画像をクリックするとそのイ..</description>
            <itunes:summary><![CDATA[
<a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板交流サイト</a>のトップページを改装して6つの掲示板を1ページにまとめました。

また、6つのお絵かき掲示板を横断して新着画像を呼び出し12枚分を表示。
掲示板を開かなくても、12枚の新着画像を確認できるようになりました。
もっと見るのリンクをクリックすれば52枚の新着画像を見る事もできます。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="pbbs.sakura.ne.jp__730_600.png" src="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp__730_600-thumbnail2.png" width="640" height="526"></a>
<a href="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp_28iPad29_428_800.png" target="_blank"><img border="0" alt="pbbs.sakura.ne.jp_28iPad29_428_800.png" src="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp_28iPad29_428_800-thumbnail2.png" width="342" height="640"></a>
↑
PC、iPad、iPhoneをChromeでエミュレート。

PCではディスプレイの幅が無駄になり、iPadでは高さが無駄になっていましたが何とか…。
そして、新着画像をクリックするとそのイラストが投稿された掲示板の返信画面になるように…。<a href="http://php.net/manual/ja/function.glob.php" target="_blank">PHP: glob - Manual</a>
マッチするファイル／ディレクトリを含む配列を返します。ディレクトリ名からどの掲示板なのか、掲示板のプログラムの種類は何かを判定する事はできるとして…。
POTI-boardのログファイルは1スレッド1ファイル形式ではないし、ファイル名の数字は13桁のUNIX timeなのでファイル名からレス先のスレッドの番号を取得するには…。

ログファイルを開いて画像とスレッドの番号が一致したら、返信先のリンクを作る？
掲示板の外部から掲示板のログファイルを開くなんてとても…と思いましたが、あれ？POTI-boardの改造の時におぼえたログファイルの解析方法を使えばいいのでは？
となりました。&#x3C;?php
//&#x753B;&#x50CF;&#x306E;13&#x6841;&#x306E;&#x6570;&#x5B57;
$imgno = 1529126099132;
$fp = fopen(&#x22;cgi/hoge/img.log&#x22;, &#x22;r&#x22;); //&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x5834;&#x6240;
while ($line = fgets($fp)) {
//&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x66F8;&#x5F0F;&#x304B;&#x3089;&#x5909;&#x6570;&#x3092;&#x53D6;&#x5F97;
list($no,$now,$name,$email,$sub,$com,$url,
$host,$pwd,$ext,$w,$h,$time,$chk,$ptime,$fcolor) = explode(&#x22;,&#x22;, $line); 
//KASIRA&#x3067;&#x6307;&#x5B9A;&#x3057;&#x305F;&#x6587;&#x5B57;&#x5217;&#x3092;&#x53D6;&#x308A;&#x9664;&#x304F;
//OB&#x3092;&#x53D6;&#x3063;&#x3066;13&#x6841;&#x306E;UNIX time&#x306B;&#x3059;&#x308B;
&#x9;$time = ltrim($time, &#x27;OB&#x27;);
//&#x53D6;&#x5F97;&#x3057;&#x305F;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x540D;&#x306E;
//13&#x6841;&#x306E;UNIX time
//&#x3068;$time&#x304C;&#x540C;&#x3058;&#x306A;&#x3089;&#x30B9;&#x30EC;&#x30C3;&#x30C9;&#x306E;&#x756A;&#x53F7;&#x306F;$no&#xFF1F;
&#x9;if ($time == $imgno){
$resno = $no;
break;
&#x9;}
}
//&#x30EC;&#x30B9;&#x753B;&#x50CF;&#x304B;&#x3082;&#x3057;&#x308C;&#x306A;&#x3044;&#x306E;&#x3067;&#x3001;tree.log&#x3092;&#x898B;&#x306B;&#x884C;&#x304F;
fclose($fp);
$fp = fopen(&#x22;cgi/hoge/tree.log&#x22;, &#x22;r&#x22;); //&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x5834;&#x6240;
while ($line = fgets($fp)) {
//&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x66F8;&#x5F0F;&#x304B;&#x3089;&#x5909;&#x6570;&#x3092;&#x53D6;&#x5F97;
list($oya,,,) = explode(&#x22;,&#x22;, $line); 
//&#x30B9;&#x30EC;&#x30C3;&#x30C9;&#x306E;&#x756A;&#x53F7;&#x306F;$resno&#x304C;&#x542B;&#x307E;&#x308C;&#x3066;&#x3044;&#x308B;&#x884C;&#x306E;$oya
if (preg_match(&#x22;/$resno/&#x22;, &#x22;$line&#x22;)) {
$resno =$oya;
}
&#x9;break;
}
fclose($fp);
//&#x63B2;&#x793A;&#x677F;&#x306E;&#x30EC;&#x30B9;&#x9001;&#x4FE1;&#x753B;&#x9762;&#x306B;&#x30EA;&#x30F3;&#x30AF;
echo &#x27;&#x3C;a href=&#x22;cgi/hoge/potiboard.php?res=&#x27;.$resno.&#x27;&#x22;&#x3E;&#x63B2;&#x793A;&#x677F;&#x3C;/a&#x3E;&#x3C;/br&#x3E;&#x27;;
//&#x30BF;&#x30A4;&#x30C8;&#x30EB;&#x3092;&#x8868;&#x793A;
echo &#x22;$sub&#x3C;/br&#x3E;&#x22;;
//&#x6295;&#x7A3F;&#x8005;&#x540D;&#x3092;&#x8868;&#x793A;
echo &#x22;$name&#x3C;/br&#x3E;&#x22;;
?&#x3E;もし、レスでお絵かきを許可する設定にしていたら、ここまでやらないとレス先がどこなのかわからないと思いますが、幸い、レスでお絵かきする機能を使っていなかったので、tree.logの確認をする必要はありませんでした…。

BBSNote、relm、らくがきひろば、POTI-board、4種類、6つの掲示板のログファイルを開いて、レス先やイラストのタイトル、作者名まで取得する作業…。

一度に全部やるのは無理なので、掲示板のログの処理をするプログラムを先に書いておいて、動く事を確認してから組みこみました。

手間暇をかけて見やすいサイトにしたつもりです。
よろしければご利用ください。

スマートフォンやタブレット端末でも動作する<a href="https://github.com/funige/neo" target="_blank">PaintBBS NEO</a>を6つの掲示板すべてに導入済みです。

Windows10だからお絵かき掲示板が使えないとか、Javaが動かないからお絵かき掲示板が使えないという問題を解決してくれる新しく作られたHTML5のペイントツールですが、見た目と操作性はしぃお絵かきです。

<a href="https://paintbbs.sakura.ne.jp/" target="_blank">気軽にお絵かき PaintBBS/しぃペインター | お絵かき掲示板交流サイト</a><a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
<a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板交流サイト</a>のトップページを改装して6つの掲示板を1ページにまとめました。<br /><br />また、6つのお絵かき掲示板を横断して新着画像を呼び出し12枚分を表示。<br />掲示板を開かなくても、12枚の新着画像を確認できるようになりました。<br />もっと見るのリンクをクリックすれば52枚の新着画像を見る事もできます。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp__730_600.png" target="_blank"><img border="0" alt="pbbs.sakura.ne.jp__730_600.png" src="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp__730_600-thumbnail2.png" width="640" height="526" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/pbbs.sakura.ne.jp__730_600-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br /><a href="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp_28iPad29_428_800.png" target="_blank"><img border="0" alt="pbbs.sakura.ne.jp_28iPad29_428_800.png" src="https://satopian.up.seesaa.net/image/pbbs.sakura.ne.jp_28iPad29_428_800-thumbnail2.png" width="342" height="640" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/pbbs.sakura.ne.jp_28iPad29_428_800-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />PC、iPad、iPhoneをChromeでエミュレート。<br /><br />PCではディスプレイの幅が無駄になり、iPadでは高さが無駄になっていましたが何とか…。<br />そして、新着画像をクリックするとそのイラストが投稿された掲示板の返信画面になるように…。<blockquote><a href="http://php.net/manual/ja/function.glob.php" target="_blank" rel="noopener">PHP: glob - Manual</a><br />マッチするファイル／ディレクトリを含む配列を返します。</blockquote>ディレクトリ名からどの掲示板なのか、掲示板のプログラムの種類は何かを判定する事はできるとして…。<br />POTI-boardのログファイルは1スレッド1ファイル形式ではないし、ファイル名の数字は13桁のUNIX timeなのでファイル名からレス先のスレッドの番号を取得するには…。<br /><br />ログファイルを開いて画像とスレッドの番号が一致したら、返信先のリンクを作る？<br />掲示板の外部から掲示板のログファイルを開くなんてとても…と思いましたが、あれ？POTI-boardの改造の時におぼえたログファイルの解析方法を使えばいいのでは？<br />となりました。<blockquote>&#x3C;?php<br />//&#x753B;&#x50CF;&#x306E;13&#x6841;&#x306E;&#x6570;&#x5B57;<br />$imgno = 1529126099132;<br />$fp = fopen(&#x22;cgi/hoge/img.log&#x22;, &#x22;r&#x22;); //&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x5834;&#x6240;<br />while ($line = fgets($fp)) {<br />//&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x66F8;&#x5F0F;&#x304B;&#x3089;&#x5909;&#x6570;&#x3092;&#x53D6;&#x5F97;<br />list($no,$now,$name,$email,$sub,$com,$url,<br />$host,$pwd,$ext,$w,$h,$time,$chk,$ptime,$fcolor) = explode(&#x22;,&#x22;, $line); <br />//KASIRA&#x3067;&#x6307;&#x5B9A;&#x3057;&#x305F;&#x6587;&#x5B57;&#x5217;&#x3092;&#x53D6;&#x308A;&#x9664;&#x304F;<br />//OB&#x3092;&#x53D6;&#x3063;&#x3066;13&#x6841;&#x306E;UNIX time&#x306B;&#x3059;&#x308B;<br />&#x9;$time = ltrim($time, &#x27;OB&#x27;);<br />//&#x53D6;&#x5F97;&#x3057;&#x305F;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x540D;&#x306E;<br />//13&#x6841;&#x306E;UNIX time<br />//&#x3068;$time&#x304C;&#x540C;&#x3058;&#x306A;&#x3089;&#x30B9;&#x30EC;&#x30C3;&#x30C9;&#x306E;&#x756A;&#x53F7;&#x306F;$no&#xFF1F;<br />&#x9;if ($time == $imgno){<br />$resno = $no;<br />break;<br />&#x9;}<br />}<br />//&#x30EC;&#x30B9;&#x753B;&#x50CF;&#x304B;&#x3082;&#x3057;&#x308C;&#x306A;&#x3044;&#x306E;&#x3067;&#x3001;tree.log&#x3092;&#x898B;&#x306B;&#x884C;&#x304F;<br />fclose($fp);<br />$fp = fopen(&#x22;cgi/hoge/tree.log&#x22;, &#x22;r&#x22;); //&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x5834;&#x6240;<br />while ($line = fgets($fp)) {<br />//&#x30ED;&#x30B0;&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306E;&#x66F8;&#x5F0F;&#x304B;&#x3089;&#x5909;&#x6570;&#x3092;&#x53D6;&#x5F97;<br />list($oya,,,) = explode(&#x22;,&#x22;, $line); <br />//&#x30B9;&#x30EC;&#x30C3;&#x30C9;&#x306E;&#x756A;&#x53F7;&#x306F;$resno&#x304C;&#x542B;&#x307E;&#x308C;&#x3066;&#x3044;&#x308B;&#x884C;&#x306E;$oya<br />if (preg_match(&#x22;/$resno/&#x22;, &#x22;$line&#x22;)) {<br />$resno =$oya;<br />}<br />&#x9;break;<br />}<br />fclose($fp);<br />//&#x63B2;&#x793A;&#x677F;&#x306E;&#x30EC;&#x30B9;&#x9001;&#x4FE1;&#x753B;&#x9762;&#x306B;&#x30EA;&#x30F3;&#x30AF;<br />echo &#x27;&#x3C;a href=&#x22;cgi/hoge/potiboard.php?res=&#x27;.$resno.&#x27;&#x22;&#x3E;&#x63B2;&#x793A;&#x677F;&#x3C;/a&#x3E;&#x3C;/br&#x3E;&#x27;;<br />//&#x30BF;&#x30A4;&#x30C8;&#x30EB;&#x3092;&#x8868;&#x793A;<br />echo &#x22;$sub&#x3C;/br&#x3E;&#x22;;<br />//&#x6295;&#x7A3F;&#x8005;&#x540D;&#x3092;&#x8868;&#x793A;<br />echo &#x22;$name&#x3C;/br&#x3E;&#x22;;<br />?&#x3E;</blockquote>もし、レスでお絵かきを許可する設定にしていたら、ここまでやらないとレス先がどこなのかわからないと思いますが、幸い、レスでお絵かきする機能を使っていなかったので、tree.logの確認をする必要はありませんでした…。<br /><br />BBSNote、relm、らくがきひろば、POTI-board、4種類、6つの掲示板のログファイルを開いて、レス先やイラストのタイトル、作者名まで取得する作業…。<br /><br />一度に全部やるのは無理なので、掲示板のログの処理をするプログラムを先に書いておいて、動く事を確認してから組みこみました。<br /><br />手間暇をかけて見やすいサイトにしたつもりです。<br />よろしければご利用ください。<br /><br />スマートフォンやタブレット端末でも動作する<a href="https://github.com/funige/neo" target="_blank">PaintBBS NEO</a>を6つの掲示板すべてに導入済みです。<br /><br />Windows10だからお絵かき掲示板が使えないとか、Javaが動かないからお絵かき掲示板が使えないという問題を解決してくれる新しく作られたHTML5のペイントツールですが、見た目と操作性はしぃお絵かきです。<br /><br /><a href="https://paintbbs.sakura.ne.jp/" target="_blank" rel="noopener">気軽にお絵かき PaintBBS/しぃペインター | お絵かき掲示板交流サイト</a><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>お絵かき掲示板の改造</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394178</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394165.html</link>
      <title>お絵かき掲示板のキャッシュを.htaccessで制御</title>
      <pubDate>Wed, 25 Apr 2018 21:46:31 +0900</pubDate>
            <description>お絵かき掲示板、POTI-boardは投稿後の画面をHTMLファイルで表示します。そのため、更新される前のキャッシュを表示する事があります。Ctrl+R、F5、またはブラウザの更新のアイコンをクリックすれば、投稿したコメントやイラストが表示されるので問題ないといえば問題ないのですが…。ちょっと面倒…というか…。どうにかならないのかな？と思って調べてみると…。HTML5における no-cache - Qiita本記事の投稿当時に紹介したアプリケーションキャッシュは、現在では廃止..</description>
            <itunes:summary><![CDATA[
お絵かき掲示板、<a href="https://github.com/satopian/poti-kai" target="_blank">POTI-board</a>は投稿後の画面をHTMLファイルで表示します。
そのため、更新される前のキャッシュを表示する事があります。
Ctrl+R、F5、またはブラウザの更新のアイコンをクリックすれば、投稿したコメントやイラストが表示されるので問題ないといえば問題ないのですが…。
ちょっと面倒…というか…。
どうにかならないのかな？と思って調べてみると…。<a href="https://qiita.com/hidekuro/items/dea83ebdf73e2f2277ae" target="_blank">HTML5における no-cache - Qiita</a>

本記事の投稿当時に紹介したアプリケーションキャッシュは、現在では廃止予定の機能となりました。HTML5でもキャッシュを制御する方法が…と思ったら廃止…。その代わりになるものは？<a href="https://developer.mozilla.org/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers" target="_blank">サービスワーカーの使用 - Web API インターフェイス | MDN</a>

コードは HTTPS を通して提供する必要があります。サービスワーカーはセキュリティ上の理由から HTTPS を通して実行されるよう制限されています。どのようにすれば使う事ができるのか、よくわからない上、HTTPS…。<a href="https://qiita.com/shotets/items/17bed9029140a6d925d2" target="_blank">.htaccess の書き方（アクセス制御編） - Qiita</a>

キャッシュの有効期限を過去にする&#x3C;Files ~ &#x22;\.html?$&#x22;&#x3E;
    &#x3C;IfModule mod_headers.c&#x3E;
        Header set Pragma no-cache
        Header set Cache-Control no-cache
        Header set Expires &#x22;Thu, 01 Dec 1994 16:00:00 GMT&#x22;
    &#x3C;/IfModule&#x3E;
&#x3C;/Files&#x3E;
Qiitaの記事を参考に拡張子 .html または .htm のファイルのキャシュの有効期限を
Thu, 01 Dec 1994 16:00:00 GMT に設定。

<a href="https://satopian.up.seesaa.net/image/&lt;a href=" target="_blank"><img border="0" alt="20180418_001.png" src="https://satopian.up.seesaa.net/image/20180418_001-thumbnail2.png" width="640" height="576"></a>
↑
デベロッパーツールでHTMLファイルのキャッシュの有効期限を確認。Expires: Thu, 01 Dec 1994 16:00:00 GMTリロードしなくても反映されるようになりました。
キャッシュしないファイルはHTMLだけで、ファイルサイズが大きな画像はキャッシュしますから表示速度への影響も最小限…だと思います。

<a href="https://satopian.up.seesaa.net/image/20180418_002.png" target="_blank"><img alt="relm" src="https://satopian.up.seesaa.net/image/20180418_002-thumbnail2.png" width="320" height="257" border="0"></a>
↑
続きを描いた筈なのに以前の画像のまま…というトラブルが発生していたrelmのための設定。&#x3C;Files ~ &#x22;\.(html?|jpg|png)$&#x22;&#x3E;
    &#x3C;IfModule mod_headers.c&#x3E;
        Header set Pragma no-cache
        Header set Cache-Control no-cache
        Header set Expires &#x22;Thu, 01 Dec 1994 16:00:00 GMT&#x22;
    &#x3C;/IfModule&#x3E;
&#x3C;/Files&#x3E;pngファイルのキャッシュの有効期限はExpires: Thu, 01 Dec 1994 16:00:00 GMTリロードしなくても反映されるようになりました。

ただし、画像をキャッシュしない訳ですから、1ページに画像が10枚あって1枚あたり100kbとして1MB…。
回線が高速化しているのでで1MBなんて大した事ないんじゃないか…という気もしますが…。

relmのディレクトリに画像のキャッシュの有効期限を過去にした.htaccessを設置するだけなら、そのほかのページへの影響はありませんが上位ディレクトリに設置してしまうと…。
.htaccessを上位ディレクトリに設置すると下位ディレクトリでも設定が有効となり、下位ディレクトリに設置すると下位ディレクトリのみ有効になるようです。<a href="https://qiita.com/shotets/items/17bed9029140a6d925d2" target="_blank">.htaccess の書き方（アクセス制御編） - Qiita</a>

見られたくないファイルへのアクセスを拒否キャッシュから話しがそれますが…。
もっと早く知っていれば、あちこちいじりまわさなくても良かったのかも…という設定。&#x3C;files ~ &#x22;\.(ini|log|dat)$&#x22;&#x3E;order allow,deny
deny from all
&#x3C;/files&#x3E;.htaccessで文法を間違えると下位ディレクトリを含むすべての範囲でエラーが発生し、何も表示されなくなってしまいます。

テスト用のディレクトリに.htaccessを設置して問題ない事を確認してから設置が必要なディレクトリに設置するようにしていますが…。

なぜエラーになるのかわからなくて数十分というケースも…。

<a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板</a>はこちら。<a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
お絵かき掲示板、<a href="https://github.com/satopian/poti-kai" target="_blank">POTI-board</a>は投稿後の画面をHTMLファイルで表示します。<br />そのため、更新される前のキャッシュを表示する事があります。<br />Ctrl+R、F5、またはブラウザの更新のアイコンをクリックすれば、投稿したコメントやイラストが表示されるので問題ないといえば問題ないのですが…。<br />ちょっと面倒…というか…。<br />どうにかならないのかな？と思って調べてみると…。<blockquote><a href="https://qiita.com/hidekuro/items/dea83ebdf73e2f2277ae" target="_blank" rel="noopener">HTML5における no-cache - Qiita</a><br /><br />本記事の投稿当時に紹介したアプリケーションキャッシュは、現在では廃止予定の機能となりました。</blockquote>HTML5でもキャッシュを制御する方法が…と思ったら廃止…。その代わりになるものは？<blockquote><a href="https://developer.mozilla.org/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers" target="_blank" rel="noopener">サービスワーカーの使用 - Web API インターフェイス | MDN</a><br /><br />コードは HTTPS を通して提供する必要があります。サービスワーカーはセキュリティ上の理由から HTTPS を通して実行されるよう制限されています。</blockquote>どのようにすれば使う事ができるのか、よくわからない上、HTTPS…。<blockquote><a href="https://qiita.com/shotets/items/17bed9029140a6d925d2" target="_blank" rel="noopener">.htaccess の書き方（アクセス制御編） - Qiita</a><br /><br />キャッシュの有効期限を過去にする</blockquote><blockquote>&#x3C;Files ~ &#x22;\.html?$&#x22;&#x3E;<br />    &#x3C;IfModule mod_headers.c&#x3E;<br />        Header set Pragma no-cache<br />        Header set Cache-Control no-cache<br />        Header set Expires &#x22;Thu, 01 Dec 1994 16:00:00 GMT&#x22;<br />    &#x3C;/IfModule&#x3E;<br />&#x3C;/Files&#x3E;<br /></blockquote>Qiitaの記事を参考に拡張子 .html または .htm のファイルのキャシュの有効期限を<br />Thu, 01 Dec 1994 16:00:00 GMT に設定。<br /><br /><a href="https://satopian.up.seesaa.net/image/<a href="https://satopian.up.seesaa.net/image/20180418_001.png" target="_blank"><img border="0" alt="20180418_001.png" src="https://satopian.up.seesaa.net/image/20180418_001-thumbnail2.png" width="640" height="576" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/20180418_001-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />デベロッパーツールでHTMLファイルのキャッシュの有効期限を確認。<blockquote>Expires: Thu, 01 Dec 1994 16:00:00 GMT</blockquote>リロードしなくても反映されるようになりました。<br />キャッシュしないファイルはHTMLだけで、ファイルサイズが大きな画像はキャッシュしますから表示速度への影響も最小限…だと思います。<br /><br /><a href="https://satopian.up.seesaa.net/image/20180418_002.png" target="_blank"><img alt="relm" src="https://satopian.up.seesaa.net/image/20180418_002-thumbnail2.png" width="320" height="257" border="0" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/20180418_002-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />続きを描いた筈なのに以前の画像のまま…というトラブルが発生していたrelmのための設定。<blockquote>&#x3C;Files ~ &#x22;\.(html?|jpg|png)$&#x22;&#x3E;<br />    &#x3C;IfModule mod_headers.c&#x3E;<br />        Header set Pragma no-cache<br />        Header set Cache-Control no-cache<br />        Header set Expires &#x22;Thu, 01 Dec 1994 16:00:00 GMT&#x22;<br />    &#x3C;/IfModule&#x3E;<br />&#x3C;/Files&#x3E;</blockquote>pngファイルのキャッシュの有効期限は<blockquote>Expires: Thu, 01 Dec 1994 16:00:00 GMT</blockquote>リロードしなくても反映されるようになりました。<br /><br />ただし、画像をキャッシュしない訳ですから、1ページに画像が10枚あって1枚あたり100kbとして1MB…。<br />回線が高速化しているのでで1MBなんて大した事ないんじゃないか…という気もしますが…。<br /><br />relmのディレクトリに画像のキャッシュの有効期限を過去にした.htaccessを設置するだけなら、そのほかのページへの影響はありませんが上位ディレクトリに設置してしまうと…。<br />.htaccessを上位ディレクトリに設置すると下位ディレクトリでも設定が有効となり、下位ディレクトリに設置すると下位ディレクトリのみ有効になるようです。<blockquote><a href="https://qiita.com/shotets/items/17bed9029140a6d925d2" target="_blank" rel="noopener">.htaccess の書き方（アクセス制御編） - Qiita</a><br /><br />見られたくないファイルへのアクセスを拒否</blockquote>キャッシュから話しがそれますが…。<br />もっと早く知っていれば、あちこちいじりまわさなくても良かったのかも…という設定。<blockquote>&#x3C;files ~ &#x22;\.(ini|log|dat)$&#x22;&#x3E;order allow,deny<br />deny from all<br />&#x3C;/files&#x3E;</blockquote>.htaccessで文法を間違えると下位ディレクトリを含むすべての範囲でエラーが発生し、何も表示されなくなってしまいます。<br /><br />テスト用のディレクトリに.htaccessを設置して問題ない事を確認してから設置が必要なディレクトリに設置するようにしていますが…。<br /><br />なぜエラーになるのかわからなくて数十分というケースも…。<br /><br /><a href="https://paintbbs.sakura.ne.jp/" target="_blank" rel="noopener">お絵かき掲示板</a>はこちら。<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>お絵かき掲示板の改造</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394165</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394144.html</link>
      <title>phpでお絵かき掲示板の最新画像を表示</title>
      <pubDate>Fri, 25 Aug 2017 01:20:06 +0900</pubDate>
            <description>このページにはプロモーションが含まれています。お絵かき掲示板の最新画像を呼び出して、トップページに表示させるphp。BBSNoteなら、newimg.cgiで最新画像の呼び出しができますが、POTI-boardにはその機能がありません。Pallet Townの最新画像呼び出し機能はChromeでは動作しません。でも、BBSNoteがあるから問題ない…といいたいところですが、そのBBSNoteも、Perl 5.12.5、5.14.4では動作しなくなるのでいつまで使えるか。&quot; w..</description>
            <itunes:summary><![CDATA[
このページにはプロモーションが含まれています。
お絵かき掲示板の最新画像を呼び出して、トップページに表示させるphp。

BBSNoteなら、newimg.cgiで最新画像の呼び出しができますが、<a href="http://www.punyu.net/php/oekaki.php" target="_blank">POTI-board</a>にはその機能がありません。
Pallet Townの最新画像呼び出し機能はChromeでは動作しません。
でも、BBSNoteがあるから問題ない…といいたいところですが、そのBBSNoteも、Perl 5.12.5、5.14.4では動作しなくなるのでいつまで使えるか。

<a href="https://satopian.up.seesaa.net/image/170825_001.png" target="_blank"><img border="0" alt="170825_001.png" src="https://satopian.up.seesaa.net/image/170825_001-thumbnail2.png" width="521" height="273"></a>" width="521" height="273" border="0"&gt;
↑
<a href="https://px.a8.net/svt/ejp?a8mat=TU4YM+CS89KI+D8Y+67RK2">さくらのレンタルサーバ</a><img border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=TU4YM+CS89KI+D8Y+67RK2" alt="">のPerlのバージョン選択画面。

Perl 5.10.1までなら動作しますが、Perlのバージョンが上がるとテキストを書き込む事ができなくなるので、テキストを書き込まないと画像を投稿できない仕組みのBBSNoteでは画像だけの投稿もできなくなってしまいます。

別なお絵かき掲示板のプログラムを使う事になっても、運営している絵板サイトの最新イラストを表示する機能は使いたいので、phpで。

以下はPOTI-boardの最新画像と更新日時を表示するphp。

php/poti/src/
にある、拡張子が jpg あるいは png の最新画像を表示。
&lt;!-- 最新画像 --&gt;
  &lt;?php
//配列宣言
  $arr = array();
//ディレクトリ内の画像ファイルを連想配列に格納
//キーにファイル名、値にタイムスタンプ
// php/poti/src/ の jpg あるいは png の最新画像
  foreach(glob('php/poti/src/{*.jpg,*.png}', GLOB_BRACE) as $filename) {
  $arr[$filename] = filemtime($filename);
  }
//連想配列を値でソート
  arsort($arr);
//上位1件を表示してbreak
  $i = 0;
  foreach($arr as $key =&gt; $value){
  echo '&lt;img src=&quot;'.$key.'&quot; alt=&quot;最新画像&quot;/&gt;';
  if($i &gt;= 0){break;}
  $i++;
  }
  ?&gt;
  &lt;!-- 更新日時 --&gt;
  &lt;?php
  //更新日時
// 出力例 17/08/01
echo date ("Y/m/d", filemtime('php/poti/index.html'));
  ?&gt;拡張子を.phpにしてサーバにアップロード。
表示されたHTML。
&lt;!-- 最新画像 --&gt;
  &lt;img src=&quot;php/poti/src/OB1495627852533.png&quot; alt=&quot;最新画像&quot;/&gt;&lt;!-- 更新日時 --&gt;
2017/08/22サムネイルが作成されるお絵かき掲示板の場合は、
ファイル名の先頭の文字列を指定。

{IMG*.jpg,IMG*.png}
（ファイル名の先頭に IMG が付いていて 拡張子が jpg あるいは png ）

<a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板 Petit Note</a>

<a href="https://satopian.up.seesaa.net/image/170824_0001.jpg" target="_blank"><img border="0" alt="170824_0001.jpg" src="https://satopian.up.seesaa.net/image/170824_0001-thumbnail2.jpg" width="640" height="383"></a>
↑
RelmとPallet Townの最新画像と更新日時を表示。

参考にさせて頂いたサイト。

<a href="https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1353126193" target="_blank">phpのscandirでの画像更新日時取得 - phpを使用しHPを作成している... - Yahoo!知恵袋</a>
<a href="https://www.ideaxidea.com/archives/2010/04/php_glob.html" target="_blank">PHPのglob()がすっごい便利だった件 | IDEA*IDEA</a><a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
このページにはプロモーションが含まれています。<br />お絵かき掲示板の最新画像を呼び出して、トップページに表示させるphp。<br /><br />BBSNoteなら、newimg.cgiで最新画像の呼び出しができますが、<a href="http://www.punyu.net/php/oekaki.php" target="_blank">POTI-board</a>にはその機能がありません。<br />Pallet Townの最新画像呼び出し機能はChromeでは動作しません。<br />でも、BBSNoteがあるから問題ない…といいたいところですが、そのBBSNoteも、Perl 5.12.5、5.14.4では動作しなくなるのでいつまで使えるか。<br /><br /><a href="https://satopian.up.seesaa.net/image/170825_001.png" target="_blank"><img border="0" alt="170825_001.png" src="https://satopian.up.seesaa.net/image/170825_001-thumbnail2.png" width="521" height="273" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/170825_001-thumbnail2.png.html'; return false;" style="cursor:pointer;" /></a>" width="521" height="273" border="0"><br />↑<br /><a href="https://px.a8.net/svt/ejp?a8mat=TU4YM+CS89KI+D8Y+67RK2" rel="nofollow noopener">さくらのレンタルサーバ</a><img border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=TU4YM+CS89KI+D8Y+67RK2" alt="">のPerlのバージョン選択画面。<br /><br />Perl 5.10.1までなら動作しますが、Perlのバージョンが上がるとテキストを書き込む事ができなくなるので、テキストを書き込まないと画像を投稿できない仕組みのBBSNoteでは画像だけの投稿もできなくなってしまいます。<br /><br />別なお絵かき掲示板のプログラムを使う事になっても、運営している絵板サイトの最新イラストを表示する機能は使いたいので、phpで。<br /><br />以下はPOTI-boardの最新画像と更新日時を表示するphp。<br /><br />php/poti/src/<br />にある、拡張子が jpg あるいは png の最新画像を表示。<br /><blockquote>&lt;!-- 最新画像 --&gt;<br />  &lt;?php<br />//配列宣言<br />  $arr = array();<br />//ディレクトリ内の画像ファイルを連想配列に格納<br />//キーにファイル名、値にタイムスタンプ<br />// php/poti/src/ の jpg あるいは png の最新画像<br />  foreach(glob('php/poti/src/{*.jpg,*.png}', GLOB_BRACE) as $filename) {<br />  $arr[$filename] = filemtime($filename);<br />  }<br />//連想配列を値でソート<br />  arsort($arr);<br />//上位1件を表示してbreak<br />  $i = 0;<br />  foreach($arr as $key =&gt; $value){<br />  echo '&lt;img src=&quot;'.$key.'&quot; alt=&quot;最新画像&quot;/&gt;';<br />  if($i &gt;= 0){break;}<br />  $i++;<br />  }<br />  ?&gt;<br />  &lt;!-- 更新日時 --&gt;<br />  &lt;?php<br />  //更新日時<br />// 出力例 17/08/01<br />echo date ("Y/m/d", filemtime('php/poti/index.html'));<br />  ?&gt;</blockquote>拡張子を.phpにしてサーバにアップロード。<br />表示されたHTML。<br /><blockquote>&lt;!-- 最新画像 --&gt;<br />  &lt;img src=&quot;php/poti/src/OB1495627852533.png&quot; alt=&quot;最新画像&quot;/&gt;&lt;!-- 更新日時 --&gt;<br />2017/08/22</blockquote>サムネイルが作成されるお絵かき掲示板の場合は、<br />ファイル名の先頭の文字列を指定。<br /><br />{IMG*.jpg,IMG*.png}<br />（ファイル名の先頭に IMG が付いていて 拡張子が jpg あるいは png ）<br /><br /><a href="https://paintbbs.sakura.ne.jp/" target="_blank">お絵かき掲示板 Petit Note</a><br /><br /><a href="https://satopian.up.seesaa.net/image/170824_0001.jpg" target="_blank"><img border="0" alt="170824_0001.jpg" src="https://satopian.up.seesaa.net/image/170824_0001-thumbnail2.jpg" width="640" height="383" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/170824_0001-thumbnail2.jpg.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />RelmとPallet Townの最新画像と更新日時を表示。<br /><br />参考にさせて頂いたサイト。<br /><br /><a href="https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1353126193" target="_blank">phpのscandirでの画像更新日時取得 - phpを使用しHPを作成している... - Yahoo!知恵袋</a><br /><a href="https://www.ideaxidea.com/archives/2010/04/php_glob.html" target="_blank">PHPのglob()がすっごい便利だった件 | IDEA*IDEA</a><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>お絵かき掲示板の改造</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394144</guid>
                </item>
        <item>
      <link>https://satopian.seesaa.net/article/503394098.html</link>
      <title>CLIP STUDIO PAINTでカラーハーフトーン</title>
      <pubDate>Fri, 25 Nov 2016 21:34:05 +0900</pubDate>
            <description>↑CLIP STUDIO PAINTでカラーハーフトーンのようなものを作成してみました。奥の深いソフトなので使いこなせれば相当なもの…だと思いますがPainterの描きここちに慣れ過ぎていて、同じ感覚で色を置こうとするとさっぱり上手くいきません。描き方の入門を見てみてみたらレイヤーを何枚も重ねて色を出す。Painterのキャンバスに塗るだけ～に慣れてしまっていたので、どうにもそのあたりがしっくりきません。しかし、フィルター処理のような事は塗る作業とはまた別なので、覚えておいて..</description>
            <itunes:summary><![CDATA[
<a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8.jpg" target="_blank"><img alt="CLIP STUDIO PAINT" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8-thumbnail2.jpg" width="300" height="168" border="0"></a>
↑
CLIP STUDIO PAINTでカラーハーフトーンのようなものを作成してみました。

奥の深いソフトなので使いこなせれば相当なもの…だと思いますがPainterの描きここちに慣れ過ぎていて、同じ感覚で色を置こうとするとさっぱり上手くいきません。
描き方の入門を見てみてみたらレイヤーを何枚も重ねて色を出す。Painterのキャンバスに塗るだけ～に慣れてしまっていたので、どうにもそのあたりがしっくりきません。
しかし、フィルター処理のような事は塗る作業とはまた別なので、覚えておいても損はないと思いながら…。

線数を少なくした時のトーンの丸がもっと綺麗だったらいいんですけどね。
スクリントーンとして使う事を想定して作成されたトーンを拡大しているので、荒くなっても仕方ないのかも…。

作業手順。

<a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8.jpg" target="_blank"><img border="0" alt="E5908DE7A7B0E69CAAE8A8ADE5AE9A-8.jpg" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8-thumbnail2.jpg" width="640" height="359"></a>
↑
元の絵になるレイヤーを複製し、レイヤーをトーン化。
そして、輝度を透明度に変換し白い部分を透明にする。
<a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-11.jpg" target="_blank"><img border="0" alt="E5908DE7A7B0E69CAAE8A8ADE5AE9A-11.jpg" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-11-thumbnail2.jpg" width="640" height="359"></a>
↑
オーバーレイで元の画像と合成。
<a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-12.jpg" target="_blank"><img border="0" alt="E5908DE7A7B0E69CAAE8A8ADE5AE9A-12.jpg" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-12-thumbnail2.jpg" width="640" height="359"></a>
↑
もう1枚複製したレイヤーをトーン化。色と線数を少しだけ変更しオーバーレイで合成。

2色の大粒のトーンで、ポップアートぽくなりました。
もう少し上手くできる筈なのですが、今はこれが精一杯＿□○_<a></a>

]]></itunes:summary>
      <content:encoded><![CDATA[
<a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8.jpg" target="_blank"><img alt="CLIP STUDIO PAINT" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8-thumbnail2.jpg" width="300" height="168" border="0" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8-thumbnail2.jpg.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />CLIP STUDIO PAINTでカラーハーフトーンのようなものを作成してみました。<br /><br />奥の深いソフトなので使いこなせれば相当なもの…だと思いますがPainterの描きここちに慣れ過ぎていて、同じ感覚で色を置こうとするとさっぱり上手くいきません。<br />描き方の入門を見てみてみたらレイヤーを何枚も重ねて色を出す。Painterのキャンバスに塗るだけ～に慣れてしまっていたので、どうにもそのあたりがしっくりきません。<br />しかし、フィルター処理のような事は塗る作業とはまた別なので、覚えておいても損はないと思いながら…。<br /><br />線数を少なくした時のトーンの丸がもっと綺麗だったらいいんですけどね。<br />スクリントーンとして使う事を想定して作成されたトーンを拡大しているので、荒くなっても仕方ないのかも…。<br /><br />作業手順。<br /><br /><a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8.jpg" target="_blank"><img border="0" alt="E5908DE7A7B0E69CAAE8A8ADE5AE9A-8.jpg" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8-thumbnail2.jpg" width="640" height="359" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-8-thumbnail2.jpg.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />元の絵になるレイヤーを複製し、レイヤーをトーン化。<br />そして、輝度を透明度に変換し白い部分を透明にする。<br /><a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-11.jpg" target="_blank"><img border="0" alt="E5908DE7A7B0E69CAAE8A8ADE5AE9A-11.jpg" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-11-thumbnail2.jpg" width="640" height="359" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-11-thumbnail2.jpg.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />オーバーレイで元の画像と合成。<br /><a href="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-12.jpg" target="_blank"><img border="0" alt="E5908DE7A7B0E69CAAE8A8ADE5AE9A-12.jpg" src="https://satopian.up.seesaa.net/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-12-thumbnail2.jpg" width="640" height="359" onclick="location.href = 'https://satopian.seesaa.net/upload/detail/image/E5908DE7A7B0E69CAAE8A8ADE5AE9A-12-thumbnail2.jpg.html'; return false;" style="cursor:pointer;" /></a><br />↑<br />もう1枚複製したレイヤーをトーン化。色と線数を少しだけ変更しオーバーレイで合成。<br /><br />2色の大粒のトーンで、ポップアートぽくなりました。<br />もう少し上手くできる筈なのですが、今はこれが精一杯＿□○_<a name="more"></a>

]]><![CDATA[
]]></content:encoded>
            <category>CLIP STUDIO PAINT</category>
      <author>さとぴあ</author>
      <guid isPermaLink="false">blog:https://blog.seesaa.jp,satopian/503394098</guid>
                </item>
      </channel>
</rss>

