HTML｜Tatsu's sigh

PictPostPersonal Simple Blog System 配布サイト
個人サイト向けブログシステム( CMS ) PictPostPersonal の配布サイト

こんなツールがあったので、いち個人サイト運営者として紹介せねばと思いました。私が知らなかっただけでもう有名なのかもしれないですが……。

つまるところ画像類を展示するサイトが手軽に作れるみたいです。（小説向けのバージョンもある）
pixivライクなものや今風の隙間なく敷き詰められてる系のスキンがいくつか配布されてますね。
今流行り？のサイト制作支援ツールといえばてがろぐが有名ですが、てがろぐは確かCGIなので結構シビアというか、ほとんどの無料サーバーでは導入ができないですね。PPPはphpで動くのでその方面だと割といけます。

実際使用感を確かめてないので表層を撫でるような紹介ですみません。繁忙期を過ぎたら触ってみたい。繁忙期っていつ過ぎるの？
[2回]
当ブログの検索除けについて。
忍者ブログでは.htaccessなどの細かい設定ができないので、当ブログも例に漏れずMETAタグでの検索除けのみですが、今のところGoogleの検索結果にはURLをそのまま検索してもヒットさせないことに成功しています。
その表記はこうです。

<meta name="robots" content="none,noarchive,nosnippet,notranslate,noimageindex">

細かい解説は割愛します。できる限り拒絶を徹底した。
以前は定番の「noindex,nofollow」にしていて、その時期に検索結果に載っちゃったことがあるんですけど、今のこの表記にしてからは削除されたみたいなんですよね。調べてもnoneはnoindex,nofollowと同じ効果だという説明しか見当たりませんがもしかしたらnoneのほうが強力なのかな、とか思いました。
保証はできませんがご参考までに。

このご時世にガッツリ検索除けする必要があるのか、というのは疑問ではありますが、オープンにしたくないならしないという選択肢があったほうがいいと思うので、まあそんな感じです。
[2回]
『Sigh』バージョン2を公開しました。

1カラムブログ『Sigh』
“Sigh”は、忍者ブログで使えるひとことメモ風ブログテンプレートです。個人の方なら誰でも無料でお使いいただけます。

Blueskyでも告知を出したのでよかったらリポストしてほしい。

かなり細かい部分も含めていろいろいじったので、今後大きなアップデートはないと思います。それぐらいちゃんとやりました。褒めて。ほしいものリストから金を送って。（最悪）
お気に入りポイントはカテゴリーの表示方法を切り替えれるところです。
基本的にマニュアル見ればわかるはずなので使い倒してみて下さい。わかんなかったらコメント欄からでもWaveboxからでも聞いてください。返事します。よろしく。

テンプレと直接関係はないんですけど、忍者ブログいじってるうちにわかったことがあって、どうやらページ機能における画像まわりの処理に不具合があるみたいです。
具体的に言うと普通にページ編集画面の操作で画像を貼ると元画像へのリンクが正しいものにならない？みたいでクリックするとエラーが出たりとか、テンプレート作る際にページに画像が含まれるかどうかの判定はできるのにその画像を取得できない（OGPにそのページの画像を仕込むっていうのができない）とか、そういう現象があります。
ページってあんまり使わないのでそこまで支障はないものの若干ダルいですね。画像へのリンクについては記事編集画面のほうで作ったタグをコピペしてやれば問題はないよう。めんどくさい。

もうすっかり年末ですね。せっかくなのでこの冬休みはSighのインストール期間に充て、来年のブログライフに備えるというのはどうでしょう。冬休みってなんだ？
[7回]
忍者ブログのテンプレートを誰かが本当に使ってくれるんじゃないかと思ったので配布してみますスマホだけで導入手順すべて完遂可能なことを確認済みです。みんな忍者ブログをやろう！ sigh.mangalog.com #ブログ #個人サイト #テンプレート #同人

[image or embed]
— 青空のタツ (@tatsu1212k.bsky.social) 2024年11月28日 0:09

1カラムブログ『Sigh』

というわけでテンプレート配布してます。
マニュアル的に導入できるようにしたつもりです。説明がよくわからない、ここが間違っているのでは、などということがあったら遠慮なくご連絡ください。なんでも答えますので。マニュアルの改善にも役立てるので。答えられないかもしれないけど（なんだこいつ）。
最低限の機能は知識がなくても大丈夫ですが、ヘッダーメニューと色などのアレンジに関しては完全に使用者の知識に依存してるので頑張ってください。Chromeの検証機能とか使うとスムーズです。

一応言っておくと忍者ブログの公式テンプレートにも使えるものはありますので。キーワードに「レスポンシブ」って入れて検索してみてください。いくつかあります。Sighとかいう意味の分からないテンプレートを使いたくない人はそこも参考にしてみてください。

以上。よき忍者ブログライフを。
[5回]
ボタンが押せないやつ、直せました。
改めて確認したら上に透明な要素が乗っていただけでした。これはハートボタンを押したときに出てくるウィンドウをオリジナルのものにしようと試みたときの残骸ですね。実装する予定はもう（今のところ）ないので消しておきます。

最近久々に人間の絵を描いてるんですが、ロボにはロボの難しさが、人間には人間の難しさがあるなあと思いました。ロボは基本の構造がわけわからんけど服のしわとか発生しないから意外とサクサク描けたりするんだよね！人間は既存の資料も多いけど、みんな見慣れているモチーフだから粗が目立ちやすい。
あ～……漫画を描くのって楽しいね。
[2回]
スマホで見たときにこのブログのヘッダーメニューとかタイトルのリンクの当たり判定が死んでるときがあるなー……。
押せるときは押せる。条件がいまいちわからない。不便感じてる方いたらごめんね。一番右上のボタンからいけるページ（ホワイトボード）だと全部生きてるっぽいのでそこから復帰してくれると幸いです。余裕があるときに修正します。
[1回]
記事にあるハートを少しスタイリッシュにしてみたので押してみて下さい。いいね稼ぎです。

以前も書いたようにこのハートの中身は「Web拍手ボタン」で、ハートを押すと「拍手を送信しました」のページに遷移するようになってました。
今までそこは改善したいと思いつつも手つかずだったんですが、調べたところそれぞれの記事に割り当てられた「拍手を送信しました」ページにアクセスがあると回数が+1される……という仕組みだとわかったので、見えないインラインフレームで「拍手を送信しました」ページを表示しつつアラートを出すようにしてみました。
回線ごとに1回しか送れないので、2回目以降はメッセージも違うのが出るようにしてあります。この仕様がいちばん苦労したかも。けっこう強引な方法で初回か否かを判定しているので知識のある方はソースをみて驚愕して下さい。これがねー……環境によって表示される文章が違っててねー……。
仕様上ブラウザの戻るボタンとか使うと何もしてないのにアラートが出たりするのでご了承願います。正直ここも改善できるならしたい。

ちなみにこのアラートはSweetAlertというjQueryを使ったCDNです。存在を初めて知りました。かわいいね。ただこれはこれでこのブログの雰囲気からは時代が飛んでポップすぎる印象があるので、ほどよく地味なモーダルウィンドウにいずれ変更したいと思ってます。
あとは+1された分が画面を更新しないと反映されない点がスマートじゃないから表面上の数字をjsで+1して違和感がないようにするとか……そういうことがしたいですね……できるとは言ってないですが……。
てか、インラインフレームって時代遅れかなあ……。

続きは久々にリプライ（？）の返信です。

続きを読む

＞ネクストコナンズヒント：馬刺し
そ、それかあ～～～ッッ！？あいつら馬刺しなんて食ってやがるのか！？まだ小学生だろ！！私が人生で初めて馬刺し食べたのが22歳のときだぞ！！畜生！！子供は蒲焼さん太郎でも食っていろ！！

[17回]
ふたたび性懲りもなくテンプレート改造を……。
昨日やりたいって言ってたカテゴリ別のタブを実装してみました。これだいぶスタイリッシュなのでは！？ちょっと装飾加えるだけで今風になるんだなって感動しました。意外とすぐできたし。
今回は「Transformers」の文字列が長いからTFって表記したくてカテゴリ名をテンプレに直打ちして作ってますが、頑張れば忍者ブログ側の独自変数で並べることもできそうですね。そうすればカテゴリ増やしたり減らしたりがラクになります。
やっぱ、いいねボタン周りの問題をどうにか解決させて配布したいですね。

時代はノーコード。
え！？
ノーコードで作りました！つってホームページビルダーのどこでも配置モードでデザインしたサイトを発表したい。
[1回]
また性懲りもなくブログテンプレートを改造したらしいです。見てあげてください。

今回の見所は画像のある記事のみ抽出するメニューを足したところですかね。
デフォルトでついてるブログ内検索機能で画像表示するタグを拾って出してあげてるだけなので、技術的に大した処理ではないです。
作ったあとで、画像の有無よりカテゴリ別で並べたほうがスマートなんじゃないかということをぼんやり思いまして、やりたいと思ってるんですけどそれの実装がまあ面倒くさそうなんですよね。
どの部分がっていうとアクティブなタブに下線を引く処置です。別になくてもいいんじゃ？という感じもしますけど、どうせなら見た目もスタイリッシュにしたいので。謎のプライド。
どうしたらいいかな。プロフェッショナルじゃないからパッとわからない。もともとカテゴリごとにIDが振られているから……それをカテゴリリンクのとこにそのままidとして割り振っておいて、URLと一致するか判定して一致したら下線引くclassを足すとか……そんな感じかな……。IDが連番だからなんかそういう感じの処置にできないかな……。

っていうか時代はノーコードらしいですね。なんでこんなことしてるんでしょうね。
今後ともよろしくお願いします。
[3回]
Google Apps ScriptとGoogleスプレッドシートを使っていいねボタンを作る | むーなかのお知らせ

興味深い記事を見つけたのでメモがてらシェアしておきます。
昨今のインターネット事情では、いいねボタンがさまざまな活動のモチベーションに大きく寄与していると考えられます。私自身もそのクチなのでできればいいねボタンはついててほしいと思う派です。
Bloggerとか、デフォルトでいいねボタンがないブログサービスでもjavascriptさえ動けば導入可能ということで、サーバーの選択肢が広がりますね。個人サイト推進派としてはこういった技術がもっとカジュアルに浸透してほしいと思う次第です。と言っても私自身もプログラミングを使いこなせてるわけではないんですが。

忍者ブログはもともとWeb拍手機能がついているからこれは必要ないっちゃないけど、まあこのWeb拍手は全くスタイリッシュじゃないのでOFFにしてこっちのGAS製いいねボタンを設置するのもアリかもしれませんね。ﾆﾁｬｧ……
[1回]

ブログ内検索

RSS

RSS 0.91

RSS 1.0

RSS 2.0

Tatsu's sigh

ブログ内検索

RSS

AD

AD