前からやろうやろうと思っていたmastodonサーバーの立ち上げをしてみた。
vpsやsshというものは全くわからないのでサーバにOSをインストールする時に走らせるmastodonスタートアップスクリプトがうまく導入できない、鍵がうまく作れない、ターミナルでsshなのかローカルなのかぐちゃぐちゃになってしまって何日もかかってしまった。
なんとかmastodonを動かせるようにして、最低限のセキュリティ対策はしたのだけれど、もっとセキュリティは強化しないといけない…のかもわからない…できるとしたら何をすべきかわからない。監視の仕方もわからない。
mastodonを立ち上げて管理するということはとても大変だと身をもって感じた。
こりゃ公開は難しいな…
先日ふいに思い立ってmastodonのサーバを立ててみた。
サーバを立ち上げるということが初めてで今までCUIなんてほぼ触ったことがないので何日もかかってしまった。
おまけにコマンドはほぼコピペ。
一応サーバはたててmastodonもインストールした（さくらのスタートアップスクリプト）のだけど、最低限のセキュリティ設定しかしておらず、またサーバやmastodonのアップデート、データベースがどこにどういう風に格納されているのか、わからなくて公開できずにいる。
やはり自分は様々な言語を学ばないといけないと感じた。
だがやらなければいけないことが多すぎてあっちを少し触りこっちを調べ、とちゃんと一つをモノにできていない。
どれかに絞らなければ…
今日もjsを弄ってた。
とは言ってもコピペの改造なのだけど。
やりたかったのは、ページ内アンカーで飛ぶ先でhiddenしてあるボックスをトグルで表示させて、そのまでスムームスクロールさせるもの。
もちろんボックスのタイトルをクリックしてもボックスはトグルする
これがやりたかったけどまったくわからなかった。
だけどなんとか形になった。自分のスキルはほぼ検索能力の高さに頼ってるな。
ゼロから勉強したい。
やったのはこれ。
ヘッダーメニューからアンカーで「Profile」をクリックすると、該当箇所までスムーズスクロールしてかつ、hiddenしてた子要素をトグルスライドで展開する。
同時に、こと飛んで来た先のタイトルをクリックしても子要素はトグルする。この複数トリガー？というのかな、ささいままでさっぱりわからんかった。
いいかげんJavaScriptべんきょうしないとな
このサイトのProfileとPortfolioはjqueryでスライドトグルさせているのだが、そのトグルするdivの中のh3にstickyをtopからマージンを取った位置に指定すると、トグルさせる時にペコペコ動いてしまう。
jqueryではどうしようも無さそうでひとまずfadeToggleでごまかしている。
他にもjqueryに依存しないものが必要になってるような気がしている。
position:stickyを当てているh2のタイトルの上にマージンを設けると下からスクロールしてきた本文が上にチラ見えする件、全体をwrapperで包んで上にマージン作ってクリップするとできたのだけど、なにせ自分が一番嫌いな不要な要素であるwrapperを使わないといけないことと、bodyがスクロールしないことになるので、スクロール量を検知してh1をフェードアウトさせるJavaScriptか効かない。
どこの参考を見てもそうであるように、stickyはtopに持ってくるしか使えないのだろうか…
先のポストのタイトルの上にチラ見え。
cssじゃどうにもならないので、ページ一番上のY38designが消えるのに使っているbasicscrollを使ってタイトルの上に来たら消えるようにすればいいじゃん、と思いつきやってみると、消えない。さっぱり消えない。もしくは最初から消えてる。
はて、なんぞや。
モバイル側でposition:stickyを使ってみたけれど、参考にしたサイトもそうだけど、stickyにするオブジェクトは画面の端から端まで、上部に隙間があると下のスクロールする部分が見えてしまう。
しかしそういう使い方しかできないなら使い勝手が悪い。
なのでstickyにするオブジェクトのマージンを取りながらもスクロールする部分がチラ見えしないように、
したい。
PWA化したこともそうですが、毎日思いついたことをその都度試しているのでこのサイトは常に実験場で常に未完成です。
思いついたはいいけど思った通りに動かないまま寝てしまったり、Windowsで確認していなかったり。
特に有用な情報発信してるわけでもないからいいか、と半分開き直っております。
当サイトをPWA化してみました。
と言ってもwordpressのプラグインを使いましたが。
ただどのプラグインを試してもメディアの中のアイコンが設定できない。
なのでルートにアイコンを置いてそのパスを叩いて完了。
まだアプリ化することしかできていませんがおいおい機能を追加できればと思います。
先日アートとデザインというポストをしたのだけど、これも良く考えるのだけど、webにおけるアートってなんだろう。
webって基本的にユーザがアクションして見るもの。絵とは少し違う。映像とも少し違う。目的がある、ユーザが操作する。
ユーザがいて操作するという、先のポストのルールで言えばアートになり得ないのだけど、それでもwebをアート化するにはどうすればいいのだろう。
挙げたようにただの絵ではなく映像ではなく、そしてブラウザゲームでもなく。答えは出ないし無いのかもしれないし出す必要も無いのかもしれないけれど。
