自己紹介

自分の写真

田舎でまったり暮らす主婦「さっこ」です。6人家族の紅一点。更新はマイペースです。ちょっとしたつぶやきはSakko Memoで毎日更新してますのでそちらもご覧ください。

新着記事

カテゴリ

ハッシュタグ

複合検索

  • カテゴリ
  • #タグ
  • 投稿年月

Sakko Blog

まとまった文章を書きたくなったときに書いてます。感想はプロフィールページにある一言メッセージフォームからお願いします。

タグ「てがろぐ[4件]

てがろぐでブログはじめます

#Blogger で開設してたブログのログを移行できたので、今日からてがろぐでブログをはじめます。旧ブログにアクセスするとこのブログのトップページにリダイレクトされるようにしたので、検索でたどり着いた人はちょっと戸惑うかもしれませんが。記事自体はちゃんと移行してますのでハッシュタグ #てがろぐ から探してみてください。

移行しようと思った第一の理由はBloggerだと記事が書きにくいからですが、第二はせっかくレンタルサーバを使ってるんだから自分で設置したほうが管理が楽なのではと思ったからです。特にてがろぐは設置が手軽で仮にサーバを変えるとしても移行が楽なのが大きいです。WordPressだとこうはいかない。以前使ってたBlosxomも移行が楽なのですが、プラグインを使わないとWebで更新できないのがネックで(素のままだと記事を書いたファイルをアップロードすることで更新される)。

ブログっぽくするにあたって「そのとき表示されている状況を示すキーワード」が出力される記法 が役立ちました。ページによって違う #CSS を割り当てられるのは良い。あまりアイデアが思い浮かばないので私は大して活用できなさそうですが、活用すればスキンのバリエーションが大幅に広がりそうです。

すでにSakko Memoというつぶやき系のページをてがろぐで作ってるので、こちらの更新は月に一度あるかないか程度になりそうですがよろしくお願いします。

#ご挨拶 #カスタマイズ

とりあえず始動

現在、Bloggerでブログを開設してるんだけど、とにかく使いづらい。見た目は知識さえあれば細かくカスタマイズできるけど、知識のない私には難易度が高い。しかも告知もなしに仕様を変えることがあってあたふたすることもあるのでつらい。

かと言って他のレンタルブログはカスタマイズ度が下がったり無料で独自ドメインを使えなかったりするので、自分で設置したほうがいいんじゃ…というわけで #てがろぐ を使ってブログっぽい何かを作ることにしました。ブログと違ってコメント欄がないけど、まあこんな場末のサイトにコメントしようとする人もそういないだろうから問題ない。

Bloggerのログは手作業で移行させるつもり。記事数が少ないからそう難しくない…はず。それでも画像も移行させなきゃならないので時間がかかりそうだけど。移行できたらSakko Memoでお知らせするつもりです。

サイト移転とてがろぐの話

※この投稿はBloggerで2021.5.1に投稿したものです。

今までレンタルサーバーはロリポップ を使ってたんですが、思い立ってカラフルボックス に乗り換えることにしました。これまでに使った有料のレンタルサーバーはさくらのレンタルサーバコアサーバーバリューサーバー などがあります。でまあ今回乗り換えようと思ったのはカラフルボックスの料金が期間限定で30%OFFになっていたからで…。それに12ヶ月契約が最長のロリポップと異なり、36ヶ月契約まであるのも魅力でした。ついでに独自ドメインも新しく取得してそっちに移行しました。

ところが移転の際、てがろぐの移行に手間取りました。詳細は動作試験版に書いたとおり。
レンタルサーバーの仕様通りパスとパーミッションを変更し、tegalog.cgiにもアクセスできたのですが、設定を変更しても投稿しても「そんなページないよ(意訳)」という英文のページに飛ばされてしまってちょっと頭を抱えました。 よくよくURLを見るとなんかおかしい。○○.com/home/ユーザー名/public_html/○○.com/~となってました。なんでホームディレクトリのパスがくっついてくるの…。そこでCGIの高度な設定にあるmy $howtogetpath = 2;の値を0に変更したらうまく動くようになりました。

No.2116 - てがろぐ - Fumy Otegaru Memo Logger -

今までこんな経験がなかったのでかなり慌てました。でもなんとかなって良かった良かった。そして詳細なマニュアルを書いてくれているにししふぁくとりー のにししさんに感謝です。このマニュアルがなければ詰んでました。

また、昨日初めててがろぐでYouTubeの動画を埋め込んだんですが、動画プレイヤーの幅を90%にして中央へ持っていきたいと思ってCSSだけでどうにかしようと思ったもののうまくいかなくて、tegalog.cgiの2754行目あたりにある動画埋め込みのHTMLにspan要素を入れ子で追加してCSSを当ててみました。
# HTML化して返す (LazyLoad標準)
return qq|<span class="embeddedmovie"><span><iframe class="embeddedmovie" width="560" height="315" src="https://www.youtube-nocookie.com/embed/$ytid" loading="lazy" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></span></span>|;

span.embeddedmovie{
display: block;
max-width:500px;
width: 90%;
margin:1.6rem auto 0;
}
span.embeddedmovie span{
position: relative;
display:block;
padding-bottom: calc(315 / 560 * 100%);
}
iframe.embeddedmovie{
position: absolute;
top:0;
right:0;
width:100%;
height:100%;
}

参考にしたのは下記のページです。

【初学者向け】レスポンシブ対応でYouTube動画を埋め込む | Web制作・開発なら株式会社WETCH(ウェッチ)

思ったとおりの挙動になって満足♪

#てがろぐ #カスタマイズ

てがろぐはじめました

※この投稿はBloggerで2021.1.2に投稿したものです。

あけましておめでとうございます。年末は風邪を引いてなかなか治らず、しばらく好きな音楽も聴けない状態でした。今は元気になって新年早々親戚宅での新年会に参加し、久々にお腹がたぷたぷになるぐらい酒を飲みました。もうしばらくお酒は要らないかな…。

さて、そんな年末年始に何を思ったかWebでお手軽に更新できる日記が欲しいと思ってしまい、あれこれ検索した結果気に入ったのがてがろぐ です。

その名の通り更新が楽なこと、簡単に文字修飾ができること、スキンの自作が簡単なことが決め手となりました。Bloggerに比べたらなんて簡単なんだてがろぐのスキン作成。そこで今まで使ったことがなかったドロワーメニューに挑戦することにしました。ちなみにCSSのみでの実装です。参考にしたサイトは下記の通り。

CSSのみで作る追従ドロワーメニュー【jQuery不要】 | キノコログ

なお、このてがろぐではLightboxがデフォルトで実装されてるんですが、以前から気になってたJavaScriptだけで同じような挙動を実装しているfuwaimg というスクリプトを代わりに導入することにしました。こちらのほうがいい感じ。と言ってもあまり画像のアップはしないと思うんですけどね。

そんなこんなでせっせとスキンを作成してたんですが、結局丸2日ぐらいかかりました。忙しい時期になにやってんだ私。でもちゃんと大掃除もお墓参りも初詣もこなしたよ(当たり前)。そして完成したのが下記のサイトです。アイキャッチ画像は例によってCanva で作成してます。

Sakko Memo

大体思い通りの見た目にできて満足。後はこれをプロフィールページ にSSIで埋め込みたいなと思ってたんだけど、現在利用してるロリポップでは上位ディレクトリを参照すると動かない らしい。なんだよそれ利用できないじゃん(泣)

この問題についてはどうするかもうちょっと考えてみます。

#てがろぐ