blog - みきまるしぇ

　実は、先日こちらにご紹介した姉妹サイトで、Twitterに読まれたときサムネイルを出すためのメタタグ(Twitter Card)を、昨日になって追加記入したのですが、Twitterに入力した段階では、HTMLファイル上で肝心の画像URLを書き間違えるという、痛恨のミス。当然のことながら、ツイートに画像は出ませんでした。

　Twitterでは、よほどの人気アカウントでもないかぎり、最初に間違えていて表示されなければ、次に同じサイトを見に来てくれるまでに何日、あるいは何週間かかるかわかりません。

　そこで、更新してほしいTweetの下にスレッドでいろいろ追加を書いてみたり（そうすればTwitter社のロボットが早く来てくれるかと）、ああ〜やはりだめだな、などと、もやもやとした気分で過ごしていましたが、Facebookにあるような「更新」が見つけられなくて、さてどうしたものかと。

　そうこうするうちに1日以上が経過して「そうだ、そもそもメタタグの書き方が間違っていなかったことをどこかで確認しなければ」と、Twitter社の正式なサービスである Card Validator （要ログイン）で、URLを入力し、書き方と表示をチェックしてもらいました。

　すると、書き方は間違えておらず、「ツイートしたときはこんな風に見えるはずです」と、わたしの想像通りの表示がでました。よかったよかった、それならば、次に書くときはちゃんと表示されるに違いない、と思ったのですが。

　その3秒後、昨日から書いていたスレッドを見たら、もう正しく表示されていました。

　Card Validatorを使うことで、Facebookで言うところの「更新」と同じ役割を果たしたのです。これが正式な使い方かどうかはわかりませんが、今回はこれでたすかりましたし、またメタタグについても勉強になりました。

---

　Twitter Cardについては、ログインしていなくても読める解説記事を見つけましたので、リンクしておきます → 2018.11.05  twitterカードの設定方法！効果的に宣伝するポイントも解説

 

---

---

　まず、画面にテキストが入力できるボックスを何個か作ります。その際「縦書き」にチェック。右側に数字を入れる欄が出ますので、高さの位置だけはそろえておきます。
　書きながら何かのはずみに位置がずれてしまったような気がしたら、その数字がおかしくなっていないか、あるいは随時「配置」のメニューを見るなどして、周囲とでこぼこしていないかを確認します。

　わたしの場合は物語なので、1ページに入れられる段落が2〜3個、それから左端に英語の説明を入れる欄を用意しましたが、台詞や箇条書きの文章ならば、もっとたくさんボックスを入れて、流れてくる速度をそれぞれに変えてみても、おもしろいですね。

 

---

 

---

　これ以下の説明は、Photosho Elementsのモードを「エキスパート」にしたときに表示される、メニュー名になっています。画面上部に「クイック」、「ガイド」、「エキスパート」というものが3種類ありますが、その「エキスパート」使用時です。

---

 

 

　MacにもともとインストールされているAutomatorというアプリケーションがあります。これは何をするものか、まったく気にしたことがなかったのですが、わかってみると便利でした。

　最初に言い訳になってしまいますが、このAppleの公式説明で「すごい、やってみよう」と考える人は少ないと思われます。あっさりしすぎですよ（苦笑） →  Automator ユーザガイド

　たまたま先日「Automatorを使うとオーディオファイルの一括変換ができる」という記事を見つけ、これぞ自分が求めていたもの(m4aファイルをwavに変換する作業）と飛びつき、すぐさま同じように設定いたしました。ありがとうございます → m4aファイルをwavに変換するクイックアクション 
　これを知るまでは、自分の持つアプリの中でファイル変換機能のあるのはどれだっけと、いつもあちこち開いていたのです。使わない時期はありますが、使う日には何回も使うものなので、こうして自動化できてよかった。

　さらに、今日になってこちらのサイトを拝見 → テックキャンプブログ MacのAutomatorとは？できることや使い方を解説
　なるほどこれは便利だと、さっそく「あるフォルダにオリジナルの大きな画像が移動されたら隣のフォルダに45%に縮めたファイルをコピー」というものを作成してみました。便利、便利。

　いままで、何か複雑な作業をする場合には、Macのターミナル画面を開いて、大昔に少し覚えたシェルコマンドを手で入力していましたが、Automatorはシェルコマンドを呼び出すことができると、上記のオーディオファイル変換のクイックアクション作成時に気づきました。

　便利な世の中になったんですね。情報に敏感でいられるよう、これからもこまめに検索していきたいと思います。

　さくらインターネットでは、mikimaru.netというドメインを使うほか、これまでいくつかの参加型ソフトウェア（オープンソース）をインストールしては、知人らとバウムクーヘンほかの話題で集まっていました。それまでmikimaru.netドメインと一緒に数年間利用していたレンタルサーバがとてもシンプルな場所で、値段的にさくらに乗り換えてみようかと決意しての移管です。高機能なさくらに移動してからは、大都会に引っ越してきた気分になったものです。

　いっぽうロリポップでは、CGIゲームや掲示板などを設置して知人らと遊んでいました。しばらくのあいだは独自ドメインを使うつもりもなく、標準のサブドメイン名のままただぼんやりと遊んでいたのですが、上述のように高機能で大容量になるにつれ「ドメインでも取るか」ということに。現在ではmikimarche.com / mikimarulog.meのふたつを利用しています。

　どちらのレンタルサーバも、稼働は安定しています。

　さて、それぞれのことを少し書いてみようかと思います。企業ではなく一般的な用途で使う場合は、どちらのレンタルサーバでもたいていの機能が備わっていますが、違いはあります。

---

　しばらくのあいだはこの2社で使っていこうと思いますが、今後の状況によっては、ドメインだけ自分で取得してどこかのサービスに間借りするという方法も楽でいいかなという選択肢もありそうです。
　また何か気になるウェブサービスやレンタルサーバがあったら、書こうと思います。

---

 

 　いよいよ開催まで数日となりました。
 　開催の日時(6/13)と、ビデオ通話の確認日（ご希望の方が実際に通話テストをする日）のご案内は → こちらのPDFファイル(2)をどうぞ
　また、参加予定の方の入力フォームは、こちらです。当日午前まで入力できます。

　参加の可能性のある方々には、ニュースレターを配信しています。少しでもご関心のある方は、読んでいただけるように場所をご連絡いたしますので、ぜひお声がけください。

　大まかなこと

　暗い話題や先々への不安がつづいている現在ですが、オンラインの集まりができるかもしれないと考えておくことで、明るくなれる人もいるはず。そして何よりも、実現できれば、ほんとうに楽しいですよね。

連絡先:

• メールアドレス: baum@mikimaru.net
• バウムクーヘン専用 メールフォーム at mikimarulog
• Facebook版バウムの書へのメッセージ機能
• Twitter日々バウムへのメッセージまたはリプライ
• 総合玄関 → バウムの書 and 日々バウム

---

　レイアウト編集テスト(2)の終わり。

　文中に、テキスト枠をふたつ並べるもの、左右に画像を入れるものを、組み込んでみました。教えていただいたサンプルを、そのまま活用させていただいています。
　デザインに関しては、HTMLやCSSの古い書き方と、最近になって見聞きした知識が曖昧なまま混在してしまうなど、まだ四苦八苦していますが、今後も勉強をしていかねばと、気持ちを新たにしました。

 

　ただ、当然のことながら、EvernoteとNotionでは情報が格納されている場所が違いますので、どちらにクリップした記事かを自分が忘れてしまえば、検索して見つけることが困難かもしれません。
　そういう意味では利用するサービスの一本化があったのほうがいいかもしれませんが、現状でも、EvernoteはGoogleによる検索を許可すれば、何か調べているとき「Evernoteにも同じような内容があるよ」と表示してくれます。これは系列会社であるから可能なのですが、ゆくゆくは、どこのサービスに格納してあっても探せる知恵（自分の）が発達したり、機能（世の中の）が生まれてくるかもしれませんので、あまり心配しないことにしておきます。

　BaserCMSのフォーラムで、画像位置と周辺の文章の回りこみについてよい方法はないかとご相談したところ、プラグインを使う方法のほか、画像配置のテンプレートを用意してみるのはどうかと個人的にご助言もいただきました。テストしてみます。
　この文章は、テンプレートの方法で書いています。プラグインを使用する方法はとても快適だったのですが、プラグインをオンにしますとこちらの方法がうまくいかず、プラグインをオフにするとプラグインで書いた記事が正常に表示されません。そのため、両方の記事を同じブログ内にひとつずつ表示することが難しかったので、今回はテンプレートを使用した方法です。（記事番号が飛んでいるのはそういう理由です）

　美味しそうなバウムクーヘン画像です。わたしはバウムクーヘンのサイトも10年やっています。専用サイトを立ち上げる前から数えたら、けっこうなバムクーヘンマニアです。

　ここまでは、画像を左側、文章を右側に書く方法です。スマホなどで画面が小さめな場合は、あまり表示に変化はないかもしれません）

---

（さて、次は、画像を右寄せにして、文章を左側に書く方法です）

　バウムクーヘンにはピンからきりまであり、日本の昔からのおやつ的なもの、洋菓子がめずらしかったころから贈答品として洋菓子店にあった高級菓子の流れを汲むもの、和菓子屋さんたちが工夫をして（カステラのように日本に定着したものと同様）創意工夫を重ねてきたもの、さまざまです。​ただ、業界内の機械化や、焼成向けレシピ普及により、見た目や味が似てしまっているお店が増えつつあるのも事実で、バウムクーヘンのファンとしては、複雑な思いです。

　全体的に見れば、認知度向上は、喜ぶべきことかもしれません。このところバウムクーヘンを仏事に使う方々もいらっしゃるとかで（もともとは慶事のお菓子）、かなりお菓子として一般的になってきたということでしょう。コンビニバウムも大活躍しています。

　今後も、当サイトでは、昔からつづいている創意工夫のお店とともに、今後のお店も応援していきたいと考えています。

 

---

　さて、ここまでが、今回の画像位置と文章の実験記事です。

　フォーラムや、コメントで教えてくださったみなさま、ありがとうございました。

　まず、公式サイトからログインまたはサインアップします。公式サイトは https://www.notion.so/ となっていますが、ソマリアのドメインというのは、めずらしいですね。わたしはあまり見かけたことがありません（←別にソマリアにお住まいでない方や企業でも取得できます）。

　さて、Gmailを使用、またはAppleのアカウントがある方は、Log-inボタンから、そのまま使用が開始できます。それ以外のメールアドレスの方は、Sign-upでメールを登録して、開始です。

　個人で0円プラン（円ではないですが便宜的に）を選択して、開始しましょう。無料プランでは、アップロードするファイルは5MB以下だそうです。それ以外は、履歴が残らないこと。有料プランでは履歴が30日分残るようですね。

　無料プランでも、人数制限はありますが、ゲストを招待して同じフォルダを見たりすることができるとのこと。

 

　ログインしますと、まずは左側にたくさんメニューがあります。そしてその引き出しを開けますと、（英語ですが）こんな使い方ができるといった事例が、たくさん掲載されています。参考にするだけしたら、要らないものは捨ててしまうか、日本語に書き換えてしまいましょう。

 

　最初は見づらいと思いますが、たとえばJournalを日誌などの単語で置き換えながら作業をしていきますと、メニューの見出しだけでも見やすく慣れ親しんだ表示になりますので、少しずつカスタマイズしていくことで、使い勝手がよくなること間違いなし。

　こんな風に少しずつ、使いながら日本語表示を増やしていけば、最後には見やすくなるはずです。
　ちなみにメニューの編集は、見出し文字の近くに何らかの記号がありますので、それをクリックすると rename （名前を変える）というものが出てくるか、あるいは名前欄が編集できるテキストボックスが表示される場合があります。その方法で、変えてみてください。

 

　まだ数時間を使ってみただけの段階ですが、単に画像置き場のようなものではなく、アイディアを溜めていってのちの作業に役立てるような使い方ができる意味で、そしてかなりの部分が無料で使える点を考えても、かなりのおすすめサービスです。