ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

南部 ― ジャンバラヤとザリガニパイ・・・はないのでチーズ&マカロニを

June 13 2019

前からよくパエリヤは思いついた時に作ってたんですが子供らに不評でしばらく遠ざかってました。
きっと味付けが子供向けではなかった、んでしょう(笑)
先日、どうしても自分が食べたくなったので子供らが食べない事を前提に作るとこれが好評でして。

前、全然食べへんかったやん・・・と言いつつもきっと味覚が成長したんだろうと。
こういう米と肉・野菜を一気に放り込んだやつを食卓に置いておくといろいろ楽。
と言う事で作った事がなかった「ジャンバラヤ」を作る事に。

ジャンバラヤといえばやはり浮かぶのがあのカントリーのスタンダードナンバーですな。
ハンク・ウィリアムズ、そしてカーペンターズでお馴染みであります。
自分も色んなバンドでこの曲は演奏してきました。
現在はLisa&The Five Caratsでもほぼ2ステージ目に演奏される楽曲です(楽器編成の都合w)。
カーペンターズバージョンを元にフルートをフィドルに置き換えて演奏!
あ、ちなみに次回のライブは7/1(MON)ですよー(笑)

Lisa & The Five Carats@ 京都Johnny Angel

サビで歌われる「Jambalaya and a crawfish pie and filé gumbo」はどれも食べ物。
その中のジャンバラヤは米を使った料理ですが、非常にパエリアに似ております。
アメリカの歴史の中で1803年の「ルイジアナ買収」でフランスに借金返済の代わりに土地を売り渡した、という出来事がありまして。
その際に入植してきたスペイン人によって伝わったのではないか、と言われております。

作り方はジャンバラヤの方が様々なスパイスを使うので、パエリアに比べてかなり味がはっきりしていますね。
子供らにとってはこっちの方が好みみたいで、あっという間になくなりました(笑)

次に歌詞で歌われる「crawfish pie」は直訳するとザリガニのパイ。
我々は「え?ザリガニ食べるん?」と顔をしかめがちですが、ルイジアナ州には「ザリガニ・パーティー」と呼ばれる行事がしっかり残っているそうで(元々はスウェーデンが発祥らしいですが、これもきっとさっきの「ルイジアナ買収」で流れ込んだのでしょう)。

そういえば、スウェーデンが発祥のIKEAでは毎年夏に「ザリガニフェア」やってますね。
https://www.o-uccino.jp/article/posts/45243

ザリガニ・パイってどんなんやねん、と調べてみると海外サイトに「Louisiana Cookin」というレシピサイトが。

Crawfish Pie

おー、これはおいしそうじゃないですか。でも材料が手に入らないので今回は却下。
アメリカといえば、のチーズ&マカロニを副菜に。

あとは「filé gumbo」ですが、「ガンボ」はアメリカ南部独特の煮込み料理。
とろみをつけるのに使われるのがあの「オクラ」ってのが親近感わきますが、オクラを使わずにフィレ・パウダーを使うケースもあるそうです。
この歌詞で歌われてるのはきっとオクラじゃなくて、このフィレ・パウダーを使ったガンボなのでしょう。

と、ここまで作ったらもうドクター・ペッパーかレモネードでも用意すべきやったかな(笑)

歌詞に出てくるイヴォンヌはあちこちから男がぜひにお目にかかりたいとやってきます。
どんだけ美人なんじゃい。

次はIKEAでザリガニ買うかなー。

電源 ― Raspberry PieのSDカード&Dual Shock2、壮絶に散る!

June 13 2019

長男が「これおかしい!」と差し出したのは古くはPlay Station2に付いていたDualshock2。

ごらんの通りズタボロであります。
そりゃそうだわ、だってあのPS2買ったのいつだっけ・・・?
確かMetal Gear Solid2を1年遅れぐらいで購入した時に中古で買ったから・・・2002年前後?

2002年あたりはあんまり日記を書いてなかった、というよりも確かまだFAUN TIMEのサイトの中に日記を書いてたはず。
(FAUNのサイトはすでに4回リニューアルしているのでそのコンテンツは見れませぬ)
テキストサイト全盛(侍魂、とか)の頃でしたのでそーいうノリで書いてた様な・・・と手持ちファイルを検索。

2002.8.4という日付の日記に「プレイステーション2をひょんな事からゲットする」との記述アリ。
そうかもう17年も前か・・・・

PS2を捨ててからもUSB変換ケーブルを購入して、PS3に、そしてRaspberry Pieにと使ってきました。
コントローラとしてはDualshockって完成されてるなーと思ってるのでPCに繋ぐ際もこれを使用してまして(笑)

懐古 ― HDMIで出力される粗いドットを眺めて

このDualshock2、Analogボタンが壊れたようでどうにもこうにも使えない。
分解して修理しようかいね、とも思ったけど労力・部品代・送料って事を考えると、もうLogicoolかなんかのパッドにする事にした。

パッと見で選んだのはこちら。
そして、Raspberry Pieに繋いだら認識したんですが・・・・

パッドの設定が保存されないのですよね。
ネットワーク経由でConfigファイルを見ても日付が更新されていない。
なんじゃ?と思ってファイルを転送してみても書き込み出来ない。

そういえば、Retropieがバージョン上がってたなと思ってSDをフォーマットしようにもI/Oエラー。
コマンドプロンプトでDiskpartしてみても読み取り専用解除もパーティション削除も出来ない。

これは完全にMicroSDがいかれとるがな。
と、よくよく考えてみればRaspberry Pieには電源ボタンがついておらず、電源コードに付いてたコタツの様なスイッチでブチブチ電源を切っていたのである。

そりゃあかんわな・・・・

ちゃんとメニューからシャットダウンしないとダメですね。
それか物理的にボタンを付けるか・・・だ。

Ras p-Onというキットがありまして、それで簡単に電源ボタンを増設出来る様子。
しかしここまでするのもちょいと大袈裟っちゅうか・・・シャットダウンのやり方教えればいいかあ・・

とりあえずはSDカードを発注。

16GBが550円・・・・安くなりましたねホンマに。

WordPressで記事投稿の際の画像周りあれこれ2019年春版TIPS

June 12 2019

WordPressでサイトを構築してクライアントに納品、という事はほとんどの場合、
「後はクライアント側でなんらかの更新作業が発生する」のが常。
なのでガワだけ作って後は知らん、じゃあちょいと不足。
なるべくストレスなく更新出来る様に、そして「触って欲しくない所を極力隠す」という事をしておかないと、最悪の場合サイト自体が吹っ飛んでしまう事もありますから。

で、その納品した際に「納品後はブログを更新していく」という事が多いのですけれども、記事を彩るのはやはり写真などの画像がメインになっていきます。
例えば、その納品したブログのデザインが「アイキャッチ画像ありき」だった場合には色々な事を想定しなければなりません。

  • 記事投稿の際、記事内に画像がない場合
  • 記事投稿の際、画像はあるけどアイキャッチ設定していない場合
  • ブログ用に画像解像度を変えてサイズを小さくしてから投稿して下さいね(お願い) → は?なんじゃそら?

などなど、が考えられますが出来ればクライアント様には「細けえことはいんだよ!」とドーンと気持ちよく更新して頂きたい。
そこで、Wordpressの最新テーマであるTwenty Nineteenを初期状態からどうイジっていくかを順序立てて。

オリジナル画像プラス5枚のサムネイルが形成される不思議とは

まずWordpressをインストール、そして今は最初からテーマがTwenty Nineteenが選ばれてるので記事を投稿。
その際に画像を1枚アップロードしてみました。
画像サイズはXperia XZ1の上から2番目の解像度設定。
4608×2592pxというWeb上で扱うには恐ろしくデカいファイルですが、これも実際にはよくあるお話。

アップロードした所をFTPソフトで見てみましょう。

この2019-06-09-11.44.19.jpgがアップロードしたオリジナルファイルですがそれとは別に

  • 1568×882px
  • 1024×576px
  • 768×432px
  • 300×169px
  • 150×150px

という5枚のサムネイルが自動生成されています。

これはまだネットが低速だった頃の名残でもありますし、Ver4.4以降からは画像投稿するとsrcset属性で「端末幅で最適な画像を入れ替えて表示する」機能が加わった事が要因。
レンタルサーバの中にはファイル容量とは別に「ファイル数の制限」なんていうのがあるところも。
画像1枚投稿するだけで6つもファイルが増えてしまうとファイル数制限があるサーバではちょいとキツい。
(CoreServerはプランによってファイル数制限があります)

FacebookやTwitterなどのカード表示は1200px幅を推奨していますし、Retina対応やスマホでの横向き表示などを考えて、ここは「1200px幅1枚だけで押し通す!」というのをゴールに調整をしていく事にします。

WordPressの「設定」からサムネイルを止める方法

WordPress管理画面のサイドバーの「設定」→「メディア」をクリックすると下記の「メディア設定」が表示されます。

ここで設定されている内容が先ほどの幅150px、300px、1024pxの画像サイズを決定しています。
なので、ここに全て「0」を放り込んで「保存」をクリックしましょう。

そして、記事にもう1枚画像を投稿してみました。

FTPソフトで見てみるとオリジナルとは別に2枚のサムネイルが生成されるにとどまっています。
あとはこの2枚(1568px,768px)のサムネイルがどこで設定されているかを探してみる事に。

テーマ側で設定されているサイズはfunctions.phpにあり

管理画面サイドバーの「外観」→「テーマエディター」をクリックして表示される画面の右側にある「functions.php」をクリックします。

すると、48行目あたりに以下の記述が。

 /*
* Enable support for Post Thumbnails on posts and pages.
*
* @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
*/
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1568, 9999 );

ここに1568pxの記述がありました。
他のテーマでもfunctions.phpを「post-thumbnails」で検索すれば見つかる事もあります。
この記述を削除、もしくはコメントアウトして「保存」

ここで記事にもう1枚画像を追加して、FTPで見てみると・・・

ここらでようやくファイル名を変えた方がわかりやすいと気付くおっさんです。
test03.jpgというファイルをアップロードしたのですが、まだ768pxというサムネイルが残っています。
これは一体どこで設定しとるのか・・・・・・それはWordpressには管理画面とは別に隠れ設定画面があるのです。
しかも、それは管理画面からはジャンプ出来なくて、URLで直接アクセスしないと見れません

隠し管理画面「options.php」でしか設定できないサムネイルサイズ

管理画面のURLは大抵末尾が「/wp-admin/」になってるかと思いますが、この後ろに「options.php」を付けてアクセスしてみましょう。
そこにはWordpress本体、プラグイン含めて全ての設定値がズラリと出てくる、いかにも触ると恐ろしそうな画面が出てきます。
その中に・・・・medium_large_size_wという項目が。

はい、768がありました。まさに「お前か!」という気分。
なんとこのmedium_large_size_wサイズの設定はここでしか出来ません。なぜかはわかりません(笑)
ここにも「0」を設定、一番下までスクロールさせて「保存」をクリック。

そしてまたも記事に画像を1枚追加アップロードしてみました。

test04.jpgをアップロードしてみるとめでたくオリジナルファイルのみになりました。

まとめるとWordpressのサムネイル生成を完全に止めるには

  1. まず「設定」→「メディア」画面で全てに0を設定
  2. 使用しているテーマのfunctions.phpから「post-thumbnails」を検索して削除
  3. options.phpにアクセスしてmedium_large_size_wに0を設定

の3つの作業が必要という事です。

この段階で投稿された記事のimgタグからはsrcset属性がなくなりますが、5MB近い4000px幅の画像にアクセスするっては余りにも通信の無駄遣いですね。

実はWordpressのスマートフォンアプリは投稿する際の最大画像サイズを設定出来るのですけども、問題は「ブラウザから管理画面にアクセス」する場合です。
この場合はそのままデカい画像をアップロードしてしまうケースがありますので、プラグインによる制御を行います。

プラグイン「EWWW Image Optimizer」を導入する

WordPressプラグインで「画像のアップロードの際のサイズ制御」といえば「Imsanity」などがよく使われます。
が、Imsanityだと画像サイズだけしか制御出来ないのですね。
写真、といえばExif情報という物がありまして。
これには写真が撮影された位置情報であるとか、撮影日、撮影条件、機器名等が埋め込まれているのですな。
これを削除せずにブログに「今日食べたご飯~」と写真をアップロードすると「○○ですね!僕も通ってます」とバレてしまったりとか、「今日のパジャマ♡おやすみなさい♡」って自撮りのセクスィショットなんてアップしちまうと・・ああもう危険。
自宅までバレてしまうという恐ろしい事に。

この「EWWW Image Optimizer」は画像のリサイズはもちろん、このExif情報も全て削除してくれる優れもん。
これでグラビアアイドルの個人サイトなんかも安全だよ♡(今だ制作実績なしなのでお待ちしてます♡←アホ)

EWWW Image Optimizer

上記から入手、もしくは管理画面の「プラグイン」→「新規追加」で検索して導入→有効化しましょう。
有効化した後、管理画面サイドバーの「設定」→「EWWW Image Optimizer」に移動すると設定画面です。
Exif情報は「Basic」にありますが初期段階でチェックが入っていますので「リサイズ」タブをクリック。

最大サイズを幅1200px、高さ800pxに設定します。
そして「(サムネイル)作成を無効化」っていう嬉しい機能もありますね。
先ほどまでやってきた作業はなんやったんや!と言うてくれるな・・・・・知らんかったんや!
くやしいのでチェック入れました。

これでアップロードする際に自動的にここで設定したサイズにリサイズされます。
ただし、サーバに届くまではオリジナルサイズでアップされますので通信量は大きいままなので注意。
スマホのみで更新、しかしWordpressアプリを使わずにブラウザから管理画面って方は注意しましょう。

このプラグインの優れた所は「すでにアップロードした画像」にも最適化が出来る事。
有効化した後には管理画面の「メディア」に「一括最適化」という項目が増えています。

上記は「一括最適化」前のファイルサイズですが、実行すると・・・・

なんという事でしょう。すべてのファイルサイズが小さくなっております。
メディアライブラリ上で見てもきっちりと1200pxにリサイズされています。

あ、言い忘れておりました。
このプラグイン、2019年6月現在でもちゃんと更新されていますので安心です(大事!)

さて、余計なサムネイルもなくなり、画像も自動で個人情報削除された上にリサイズまでされる様になった。
これでゴールかと思いきや・・・・まだだ、まだ終わらんよ!

そう「投稿の際に画像がない、もしくはアイキャッチを設定し忘れる」という事も想定しなければならないのです。
今回、実験しているテーマのTwenty Nineteenにはアイキャッチ自動登録機能はありません。
これもプラグインで補ってやる事にします。

XO Featured Image Toolsでアイキャッチ自動設定を

アイキャッチの自動設定といえば「Auto Post Thumbnail」が定番中の定番でしたが、2年前にVer3.4.1になったのを最後に有料になってしまいました。
課金しないままだと自動設定がされなくなったのです。
しかも有料になっても「動かない」とのレビューが増加してきております。
なので、古いバージョンである3.3.4を使い続けてる人もけっこう多いみたいですね。

そこでなんぞ新しいのんないかなーと探して見つけたのがこのXO Featured Image Toolsでした。

XO Featured Image Tools

XAKURO Systemさんが制作されているプラグインの1つです。
他にも様々なWordpressプラグインを開発されてはります。
「プラグイン」→「新規追加」→XO Featured Image Toolsで検索で導入→有効化します。

有効化すると「投稿の一番上にある画像」がアイキャッチに自動登録される様になります。
デフォルト画像を設定しておくと、手動でアイキャッチを追加しない限りそのデフォルト画像が自動設定。

そして嬉しいのは投稿一覧に設定されているサムネイルが表示される事です。

記事タイトルは流して下さい(笑) 未だにクラシックエディタ愛用してます・・・

あとは管理画面の「ツール」→「アイキャッチ画像ツール」から一括生成も出来るという優れモノ。
これで後は「Default Thumbnail Plus」みたいに「記事カテゴリ別にデフォルト画像を設定」出来たら嬉しいなあ。
Default Thumbnail Plusもなんせ最終更新が7年前なものでいまは機能せずですしね・・

というわけで、Wordpressで記事投稿時の画像周りのお話でした。

あと「管理画面をいじり倒す!」という場合、この記事も参考になれば。

[WordPress]触って欲しくない所を隠した管理画面を作る方法

これも要望が多いものの1つ

[WordPress]スマホアプリで改行と段落をどうするのかを色々と模索

« Nov 2019 December 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31