WEB1.0のコンテンツをサルベージ

WEB1.0のコンテンツをサルベージ、せっかくなのでスマートフォンで閲覧できるようにしました。ソースに
<meta name="GENERATOR" content="Mozilla/4.7 [ja] (Win98; I) [Netscape]">
と入っていたりしますが…。
このページはWindows98、Netscape4.7で作成されました…。なんだそれ…。

モバイルフレンドリーテスト

吾妻ひでおのページのモバイルフレンドリーテストの結果。

iPad

iPadをChromeでエミュレート。

iPhone

iPhoneをChromeでエミュレート。

モニターの横幅が十分にある時は、一定の幅にしたい。でも横幅がせまい時はせまくなるようにしたい。
最大の幅と最小の幅をCSSで指定。
解像度が十分にある時は元の画像のサイズ、画面が小さい時は画像を縮小するようにCSSで指定。
デバイスの幅にあわせるようにビューポートを設定。

思っていたより簡単にモバイルフレンドリーテストをパスする事ができました。
スマートフォンでアクセスしてもまったく問題ないのかというと…スマートフォンを持ってないのでわかりません!(なんだそれ
posted by さとぴあ at 2017/10/01 21:04 | 吾妻ひでお

ラムだっちゃさん

うる星やつら ラムちゃん
うる星やつら生誕祭でTwitterが盛り上がっていた時に、そういえば絵板で描いたラムだっちゃさんがと、このブログを探してみましたが、記憶にある絵がでてきません。
どうやらアップし忘れていたようです。

古い絵板の絵1枚だけですが、新しい絵と混ぜるのも…。

うる星やつら Amazon / honto
posted by さとぴあ at 2017/09/17 19:55 | 二次創作

phpでお絵かき掲示板の最新画像を表示

お絵かき掲示板の最新画像を呼び出して、トップページに表示させるphp。

BBSNoteなら、newimg.cgiで最新画像の呼び出しができますが、POTI-boardにはその機能がありません。
Pallet Townの最新画像呼び出し機能はChromeでは動作しません。
でも、BBSNoteがあるから問題ない…といいたいところですが、そのBBSNoteも、Perl 5.12.5、5.14.4では動作しなくなるのでいつまで使えるか。

さくらのレンタルサーバ Perl バージョン 選択画面

さくらのレンタルサーバのPerlのバージョン選択画面。

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

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

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

php/poti/src/
にある、拡張子が jpg あるいは png の最新画像を表示。
<!-- 最新画像 -->
<?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 => $value){
echo '<img src="'.$key.'" alt="最新画像"/>';
if($i >= 0){break;}
$i++;
}
?>
<!-- 更新日時 -->
<?php
//更新日時
// 出力例 17/08/01
echo date ("Y/m/d", filemtime('php/poti/index.html'));
?>
拡張子を.phpにしてサーバにアップロード。
表示されたHTML。
<!-- 最新画像 -->
<img src="php/poti/src/OB1495627852533.png" alt="最新画像"/><!-- 更新日時 -->
2017/08/22
サムネイルが作成されるお絵かき掲示板の場合は、
ファイル名の先頭の文字列を指定。

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

練習用お絵かき掲示板 PaintBBS / しぃペインター

phpでディレクトリの最新画像を表示

RelmとPallet Townの最新画像と更新日時を表示。

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

phpのscandirでの画像更新日時取得 - phpを使用しHPを作成している... - Yahoo!知恵袋
PHPのglob()がすっごい便利だった件 | IDEA*IDEA

地上最大の恩返し

あさりよしとお短編集 地上最大の恩返し
あさりよしとお短編集 」収録「地上最大の恩返し」の女の子。

あさりよしとお短編集 地上最大の恩返し

CLIP STUDIO PAINT。ベクターで線画。

あさりよしとお短編集 地上最大の恩返し

CLIP STUDIO PAINT。隙間閉じを使ってバケツ塗り。

あさりよしとお短編集 地上最大の恩返し

Painter2018。絵画風エフェクト付きグラデーション、着色濃度の調整(用紙)で背景。
女の子の塗りは、オイルパステル、リアル水彩。
posted by さとぴあ at 2017/07/22 00:48 | あさりよしとお

スク水

スク水
JSスク水さん。
スク水
CLIP STUDIO PAINT、ベクターレイヤーで線画、ベクター用消しゴムで迷い線を消す。
隙間閉じで閉じていない線画にバケツ塗り。

スク水
塗り、Painter2018。
posted by さとぴあ at 2017/07/21 23:57 | 水着

絶対可憐チルドレン 葵 悠理

 絶対可憐チルドレン 葵 悠理
絶対可憐チルドレン高校生編。葵と悠理。
posted by さとぴあ at 2017/07/04 23:02 | 二次創作

吊りスカート

吊りスカート吊りスカート
吊りスカートの女の子。
posted by さとぴあ at 2017/06/13 00:15 | オリジナル

ビキニ

ビキニビキニビキニビキニ
涙目のビキニさん。
posted by さとぴあ at 2017/06/12 20:24 | 水着

スク水

スク水スク水スク水スク水
スク水さん。
posted by さとぴあ at 2017/06/06 21:58 | 水着

Webお絵かき

お絵かき掲示板お絵かき掲示板お絵かき掲示板お絵かき掲示板お絵かき掲示板お絵かき掲示板お絵かき掲示板
吊りスカート、りぼん、メガネ、おさげ。