2022年5月 3日

ミニダム in ブレンダー

ミニダム in ブレンダーイケダムです。

ブレンダーを買いました。
ミキサーの中身だけが飛び出てきたようなやつで、
器に食材を入れてブレンダーを突っ込んで電源を入れると
混ぜたり刻んだり泡立てたりできるそうです。

ミニダムが前々から買おうかなーと言っていたのですが、
微妙に置き場所に困るということで長らく買わずじまいでした。
冬にマルチポットを購入したところ、お湯をガス台で沸かすようになり、
電気ポットを使っていないことに気がつきました。
そんなわけで電気ポットのスペースがブレンダーに割り当たって
ブレンダーを購入する運びとなりました。合理性ですね。

どこのブレンダーを買うかでも悩んでいたようなのですが、
最終的にブラウンのブレンダーにしました。
ひげ剃りの印象が強いですがキッチン用品も作っているようです。
そしてブラウンはいまデロンギグループだそうです。
ヒーターとひげ剃りが合体するとブレンダーになるんですね。
さらに黒と緑のデザインなのでちょっとXBOXを連想させます。
連想だけで異種格闘技戦が始まります。

7035という型番にしたので、スイッチの押し込み具合で
回転の強さを調整することができます。
持ち手のところを握るとちょうどスイッチのところに指が来て
握り具合で押し込み具合が調整できる仕組みです。
ただ、サイトに出ている写真は基本的に海外の方がモデルさんなので、
実際に届いたものは想像よりも一回り大きいもので、
手の中に握り込むというよりは多少支える感じで使うことになります。
「届いた商品を開けてみたら量が写真で見たよりも少なかった」
というネット通販でつきもののトラブルがまさか逆で起きるとは。

なおスタンドみたいなものはついていないので、
引き出しなどに転がしておく感じになります。
この辺のおおらかさもちょっと海外メーカーっぽいですね。

これで何が作れるの?とミニダムに聞いたら
以前買ったセラベイクと合わせ技でお菓子を作れたり、
あとみじん切りにした野菜でドライカレーも作れるそうです。
これからお菓子やドライカレーを作ってくれるという伏線ですね。
これをお読みの皆さまが証人です。

2022年4月23日

イケダム in スコーン

イケダム in スコーンイケダムです。

最近、スコーンの作り方を覚えました。
メープルシロップでいただくのがおいしいイギリスのお菓子です。
メープルシロップといえばホットケーキもありますが、
ミニダムがホットケーキをあんまり好きでないんです。
でもスコーンだと朝も飛び起きてくるんです。

そんなわけで突然ですが今日はスコーンの作り方をお送りします。
スコーンは雑に作るほど美味しくできると言われる伝説のお菓子です。
バターが冷えた状態で、粉と液が混ざり切らず生地がざっくりと
層状になっている状態で焼くと、よく膨らむそうです。
このため、バターの登場以降はいかに手早く、いかに必要最小限の混ぜで
済ませて作るかが大事になります。
そういいつつ手早くできるほど経験を積んでいないので、
保冷剤で冷やしながらやってます。
どれくらいちゃんとしたスコーンになっているのかよく分からないのですが、
強力粉のおかげでザクザクした食感は出てくれているので、
きっとスコーンです。

このページはぼくのiPhoneにブックマークされて
週イチで参照されることでしょう。


イケダム in スコーン - 材料の用意準備するもの:
常温のもの
薄力粉 90g
強力粉 40g
ベーキングパウダー 10g
砂糖 7g

冷やしておくもの
バター(有塩) 30g
溶き卵 1個
牛乳 卵と合わせて90gになる量

道具
ボウルx2 (a, b) aは大きめ。粉ふるいが入る大きさ。bは小さめでいい。
粉ふるい
ハカリ ゼロリセット機能があるものが望ましい。
保冷剤(大きいの)
オーブンと天板
スリッパ 飛び散った粉を踏んだ時の被害を抑えるため。

その他
メープルシロップ(重要)

イケダム in スコーン - オーブンの用意
オーブンを250℃に予熱する。
天板にオーブンペーパーをしいておく。
天板が複数種ある場合、底が均一に焼けるよう平らなものの方がいい。
(波々の底のやつだと焼きにむらが出る)

イケダム in スコーン - 粉をはかるボウルaに粉ふるいを入れて、ハカリに乗せる。
都度0リセットしつつ、
薄力粉 90g、
強力粉 40g、
ベーキングパウダー 10g、
砂糖 7g
を粉ふるいにいれる。
ボウルに粉をふるう。
粉ふるいの出番はここまで。

ここまではのんびりだらだら作ってよいのですが、
ここ以降はバターが登場するので急ぎになります。

イケダム in スコーン - バターを切る
ハカリでバター30gをはかり、ボウルaに入れる。
ボウルを保冷剤に乗せて、ドレッジやヘラでバターを
みじん切りにするようにして、細かくする。
粉チーズみたいになるって書いてあるんだけど
そんなにはならないのでほどほどで諦める。
なんとなく粉がバターでベタついた感じになる。

イケダム in スコーン - 卵と牛乳
ボウルbをはかりに乗せてゼロリセット。
卵一個を割り入れ、牛乳を入れて合計90gにする。
(写真はオーバーランして100gになってる)
卵をつぶしてまぜる。ハカリの役目はここまで。

イケダム in スコーン - 生地をつくる
ボウルbの卵プラス牛乳を、ボウルaの全体にまんべんなく注ぐ。
しめった部分が減るほど後の作業がしやすい。
ボウルbにはまだ液がすこし残った状態になるが、
後で使うのでそのままキープしておく。
ボウルaを切り混ぜる。あまり混ぜないようにする。
粉のままの部分に液が行き渡らせるためだけに最低限混ぜる。
行き渡り切らなくて良く、どうやっても粉の部分が残る。
作業の間ボウルaは保冷剤に乗せたまま。

まな板に薄力粉を撒いて打ち粉にする。
粉が飛び散る運命なので、まな板はあまり端に寄せず、
少し奥に離す位置に置くと良い。

イケダム in スコーン - 生地をまとめる
ボウルaの中身を全体まとめたかたまりとしてまな板に出す。
ボウルaには、くっつかなかった固まりや粉のままの部分が
どうやっても残るので、それは諦める。
写真の通り見た目の悪い物体ができる。
なお写真では打ち粉の量が多すぎた。
かたまりを押し延ばして、たたむ手順を3~4回繰り返す。
手早さが重要なので大雑把で良い。
最後はたたんだまま押し伸ばさないでこんもりした状態にする。

イケダム in スコーン - 焼く前
かたまりをドレッジかナイフで四つにブツっと切り分ける。
そこまで膨らむわけでもないので、この時点である程度
こんもりした形になっていると焼けたあともいい形になる。
オーブンの天板にのせる。
ボウルbに残った液を手につけて塗る。
ここで塗って湿った部分に焼き色がつく。

オーブンを200℃に設定して15~17分焼く。

焼いている間にボウルを洗ったり、
飛び散った粉を拭くなど証拠隠滅をする。
間違いなく飛び散った粉を踏んでいるので、
被害を拡大しないためにスリッパも拭く。

イケダム in スコーン - 焼き上がり
焼き上がり。熱いのでトングなどで取る。
たっぷりのメープルシロップでいただきます。
ジャムなどでもおいしくいただけますが
メープルシロップのおいしさにはおよびません。

2022年3月21日

イケダム in iPhoneSE3

イケダム in iPhoneSE3イケダムです。

iPhoneSE(第3世代)に乗り換えました。

いままでiPhone8を使っていたのですが、3年間使い続けた結果、
バッテリーが怪しくなってきていました。
特にミニダムのiPhoneは充電器から外して1時間もすれば50%を
切っているという状態のため、早急な乗り換えが必要でした。
...というのが年明けくらいの状況だったのですが、
「3月に新しいモデルが出るらしい!」
とミニダムが言い張りその状態で3ヶ月弱を乗り切りました。
涙なしには語れませんね。

そんなわけでバッテリー貧乏を乗り越え、
いまではふたりとも立派なアイフォネーゼです。

iPhoneの移行も3年ぶりなので、データの移行方法の記憶があやふやでした。
どうやらいまはiTunesを経由しなくても、
古いiPhoneの隣に新しいiPhoneを置いておくだけで
Bluetoothを使ってデータの移行ができるようです。

ただデータの移行が終わって確認してみると、Janetterがつながらない、
ワンタイムパスワードアプリの登録が消えているなど、
残念ながら一部の復元ができていないようでした。
これはBluetooth経由で復元したせいかと思い改めてiTunesで復元を
やり直してみましたが、やっぱり復元しないままだったので、
もともとどうやっても復元ができない設定が一部あるようです。
手作業で設定を移し直す必要があるアプリを探し出したり、
なんやかやで復元作業は一日作業でした。
このiPhoneSEは10年くらいもってくれるといいですね。


ところで新しいスマートフォンを購入するときに、
だれもが一番気にかけることが
「いかに液晶シートをきれいに貼ることができるか」
であることは疑いの余地はありません。

たとえ専用シートであっても、スマートフォンとピッタリのサイズには
なっておらず、多少の余白ができるようになっています。
このため液晶シートをきれいに貼ることは、上下左右に同じくらいの
余白を設けつつ、しかも傾かないように貼るという、
たいへん高度な技術が要求されます。
もちろんそんなうまくいくわけがなく、少し傾いてしまい、
直そうとちょっと剥がしたらホコリが入り込んで...
ということはしばしば起き、国勢調査に出ていないだけで、
国民のストレス原因のトップ3になっていることでしょう。

以前、iPhone8で液晶シートが剥げてきたので、新しいシートを
買ったのですが、「貼るピタ」という仕組みで
貼ることができて、全くズレずに貼ることができました。
ガラスシートなので扱いやすかったということもあるものの、それにしても
画期的な仕組みでした。
それ以来、新しくシートを買うときにはこのブランドの
「貼るピタ」対応のものを買うことにしています。
国民の3大ストレスの1つから開放されるのでオススメです。

2022年3月13日

イケダム in せとか2022

イケダム in せとか2022イケダムです。

春めいてきました。
春らしく新緑の色で超人ハルメクってどうでしょう。

春なのでせとかの季節です。
以前「頂みかん」を買ったところで買ったものが届きました。
あと別件で、ミニダムがチョコバナナパウンドケーキを作ったら
お礼にせとかをもらいました。
そしてさらに、今日はふるさと納税でせとかが届く予定です。
怒涛のせとかの日々ですね。

せとかは毎年買っている定番フルーツなのですが、
昨年の記事を見ると
2月下旬に買っていたようなので、
出遅れていますね。
そして去年の記事では豆ごはんを食べたという記述もあるので、
出遅れていますね。

いまから巻き返しをはかってせとかと豆ごはんの日々を
過ごしたいと思います。

なおミニダムは自分がチョコバナナパウンドケーキを作ったのに、
ぼくが好きなせとかで返ってきて、春になると花粉でかゆくなるし、
自分でえんどう豆を調達しないのに豆ごはんが食べたいと言い出すやつは
いるしでご不満なようです。
春なのーにー ああー 春なのーにー

2022年2月28日

イケダム in Webアイコン

イケダム in Webフォントイケダムです。

ミニダムがドラクエの装備アイテムのページを作ろうと思うのだけれど、
文字だけじゃ侘しいのでアイコン画像も作って欲しいとリクエストしてきました。

それなら画像じゃなくてアイコンがいいんじゃないということで
Webフォントを作りました。


WebフォントというのはこんなA感じに、文字の表示をb変更することができる機能DDDです。
画像との違いは表示を大きくしても粗くギザギザにならないe
テキストと一緒に色を変えることがCできる
その他文字の修飾をテキストと同じようにできる...と言った点です。

絵文字を自分で作れる機能というとわかりやすいかも。
ただし、あくまで文字の扱いなので絵文字とは違って白黒になります。

Inkscapeという画像アプリを使ってSVGフォントという形式で作成し、
それをFontForgeというアプリを使ってWebフォントに使用できる
woffというフォーマットに変換します。

以降、Webフォント作成のための記録です。
以前作ったことがあったので今回もすぐ作れるさと思ったら
やり方を全く思い出せなくて調べ直しになったので、
次はそうならないための記事です。
なので内容が覚え書きみたいな内容なので、適当に読み飛ばしていただければと。

使用したバージョン:


  • Inkscape 1.0.2-2

  • FontForge 20201107

Inkscape でのSVGフォント作成環境の準備:

  • ファイル>New from templateから「タイプグラフィキャンバス」を使用して新規作成する。
    • 文字の高さを揃えるためのガイドがついている。ただし(今回の方法では)後述の通り、そのまま参考にはできないので注意。
  • テンプレートを使わない場合、特に既存の画像データから作る場合は以下の点に注意。
    • 1文字のサイズは1000x1000ピクセル固定。Units per emを変えれば別のサイズのデータでもフォントにできるのですが、InkscapeのSVGフォントのプレビュー機能が1000ピクセル固定になっているようなので(もしくは本当は気づいていない何らかの別の設定があるのかも)、1000ピクセルで作ったほうが簡単です。
    • 単位をピクセルに揃える。ファイル>ドキュメントのプロパティで、ページのDisplay unitsを「px」にする。
    • ファイル>ドキュメントのプロパティで、拡大縮小のサイズを1.0にする。
      • 1.0以外だと、Inkscapeでの表示上の座標と、実際のSVGファイルの座標データが食い違ってしまう。SVGフォントはSVGファイル上の座標データで処理されるため、Inkscapeのキャンバスの表示通りにフォントが反映されないという分かりづらい状態が起きる。
      • 逆に1000x1000ピクセル以外のスケールで作りたい場合は、ここの値を変更すればよい。例えば8x8マスのドット絵のようなフォントを作る場合は、ここの値を1.25にすると800x800のキャンバスで作成できる。これは表示上だけの問題で、SVGファイルとしては実際には1000x1000で記録される。
  • テキスト>SVGフォントエディターを開いて「新規」で新しいフォントを作成
    • 「フォント1」という部分はダブルクリックで編集できるが、保存されないので、ファイルを開き直すとまた「フォント1」になる(Inkscapeのバグ)。フォントのデータには使われない部分なので無視して良いけれど、どうしても気になるのであれば、svgファイルを直接編集して書き換える。
    • Horiz. Advance X には初期値で 1024 が入っている。ここには文字の横幅+隣の文字との余白の長さを入れる。初期値の1024は、1000x1000のマスいっぱいの幅の文字を書くと、24ピクセル分の余白が入ることを意味する。文字ごとに個別の値を設定することもでき、設定しない場合の標準値になる。余白を入れない場合は1000にしてもよいし、もっと余白を入れたい場合はもう少し大きい数値にする。
    • ファミリ名はこのフォントの名前を入れる。特段、Webフォントとして使用する際にここの値を指定する...というわけでもないので、任意の値を設定して良い。
    • Units per em には初期値で 1024 が入っているが、前述の通り1000x1000の枠で作成するので、1000に変えたほうが良い。(ただし、ここは2のべき乗にするのが通例らしく、後でFontForgeに文句を言われる)
    • Horiz. Origin X, Horiz.Origin Y, Ascent, Descent, Cap Height, x Heightは何を設定するのかは不明。分からないところは設定しないの精神。
    • SVGファイルの中を見るとvert-origin-x, vert-origin-y, vert-adv-y等の設定パラメータもあるのだが、SVGフォントエディターには設定項目がない。

文字の作成と登録:

  • キャンバスに文字を描く。
    • 文字の適切な縦位置については後述。
    • 単一のパスしかフォントにできない。また、ストロークはフォントにできない。このため以下のようにする。
      • 短径ツール・円弧ツールなどで作ったオブジェクトは、パス→オブジェクトをパスへ でパスに変換する。
      • ストロークで線を描いた場合は、パス→ストロークをパスへ変換でパス+フィルに変換する。
      • 複数のパスを使っている場合は、パス→統合や結合で単一のパスにまとめる。背景色で塗って穴を開けている場合は、パス→差分を使ってパスに穴をあける。
  • SVGフォントエディターで「グリフ」を開き、「グリフを追加」で文字を追加する。
    • グリフ名は自由に入力して良い。マッチング文字列そのままを入れたり、自分用の説明を入れたり。
    • マッチング文字列にはフォントを使用する文字を入力する。例えば「A」の表示に使う場合はAを入力する。複数文字も入力できるが、複数文字入力した場合に(特にWebフォントに変換した場合に)どうなるのかは未確認。1文字だけにしておくのが無難。また、UnicodeではプライベートエリアとしてU+E000~U+F8FFが使用できるが、Inkscapeがその入力に対応していない。U+E000を表示してコピペして入力するか、svgファイルを直接編集して等を設定する必要がある。
    • Advance には、文字ごとの文字の横幅+隣の文字との余白の長さを入れることができる。フォント全体の Horiz. Advance X を文字ごとに上書きしたい場合に使用する。一度設定すると、「未設定」状態に戻す方法がないので注意。未設定状態に戻したい場合は一度グリフを削除して追加し直すしかない。(もしくはsvgファイルを直接編集する)
    • グリフを選択した状態でフォントにしたいパスを選択して、「選択オブジェクトから曲線を取得...」をするとグリフにパスを設定できる。なお、このときパスの情報はコピーされるので、それ以降にもとのパスを変更しても反映されないので注意。再度「選択オブジェクトから曲線を取得...」を実行して反映し直す必要がある。
    • カーニングを使うと、特定の2文字を続けて表示する場合だけの個別の文字間隔を設定できる...と思うけれども使ったことはない。
  • 「プレビューテキスト」にプレビューしたいテキストを入力すると、作ったフォントでの表示が確認できる。
    • 黒塗りつぶしになる場合は、グリフが登録できていない。
    • 丸い角の表示などがおかしくなる場合がある。最終的なフォントとしては正常に表示されるので、プレビューの確認はズレの有無だけにして、多少表示がおかしいくらいであれば気にせず最終的なフォントを使ったHTMLの表示で確認する。

グリフをすべて登録してSVGファイルを保存したらフォントの変換を行う:

  • FontForgeをインストールする: https://fontforge.org/en-US/
  • FontForgeを起動して作成したsvgファイルを開く。
  • ファイル>フォントを出力から、Web Open Font (WOFF2) と Web Open Font (WOFF) をそれぞれ生成。
    • 「フォントサイズが2の倍数になっていない」「Wrong Direction」等の文句を言われますが、無視して生成(とりあえず動作には問題なさげ)。

HTMLでフォントを使用する。こんな感じ:

<style>
@font-face {
  font-family: 'myfont';
  src: url('fontfile.woff2') format('woff2'), url('fontfile.woff') format('woff');
}
.myfont-text {
  font-family: myfont;
}
</style>
<div>
  <span class="myfont-text">A</span>あたまそうび
</div>

キャッシュが強いので注意。フォントファイルを更新した場合、ブラウザを立ち上げ直したり、キャッシュを無視してリロードする指定をしないと新しいファイルが読み込まれない場合がある。


文字の高さについて。
タイプグラフィキャンバスを使うと、ガイドがついたキャンバスが作成されます。
タイプグラフィキャンバス

このガイドに従って何パターンか黒塗りの文字を作成して、HTMLで普通のテキストと並べて表示したものがこちら(SVGフォントデータ)。
普通の文字と並べた表示

左から順に、以下のように作った文字です。


  • 1000x1000の枠全面を塗りつぶした文字

  • ガイドのascender~baselineの高さを塗りつぶした文字

  • xheight~descenderの高さを塗りつぶした文字

  • xheight~1000x1000枠の最下部までの塗りつぶし、baselineの高さを1000x1000枠の最下部にずらした文字(なので1000x1000の枠からは下にはみ出している)

挙動を整理すると、以下の通り。


  • 1000x1000の枠を最上部まで使うと通常の文字よりもかなり大きくなってしまう。

  • 1000x1000の最下部まで使うとbaselineピッタリの文字になる。

このため、文字の大きさは「xheight~枠の最下部」を基準として、その範囲で大小を調整し、英文字のg,qのように下がった足を作りたい場合は更に枠を下にはみ出す、とするとよいようです。
なお枠からはみ出た文字はInkscapeのプレビューテキストでは正常に表示されませんが、最終的なフォントファイルでは正常に表示されます。

あとフォントの縦位置が他のフォントとうまく合わない場合、CSSのvertical-alignで調整をつけることができる場合もあります。ただし、vertical-alignは表示対象のインライン要素そのものに指定が必要で親のボックス要素への指定では反映されないので、設定は割と面倒です。

アーカイブ