Webギャラリーメモ

eyecatch
- [CMYK株式会社(CMYK Corp\.) \| “ただ撮る”だけじゃない、 撮影会社。](https://www.c-myk.com/)
	- Webflow
	- jQuery
	- マウスストーカー
	- パララックス
	- 動画アイキャッチ
	- ブロークングリッド
	- オーバーラップテキスト
	- スムーススクロール
	- (PJAX)
- [山形霞城どうぶつ医療センター|山形県山形市の動物病院](https://kajo-animal.center/)
	- WordPress
	- jQuery
	- Z軸パララックス
	- パララックス
- [EARLY SUMMER TREASURE ぼくらを誘う、初夏の服。\| KIDS \| グローバルワーク(GLOBAL WORK)](https://www.globalwork.jp/kids/2023_early_summer/)
	- LP
	- モバイルオンリー
	- jQuery
- [蔵王温泉初レトロなソーダ専門店 TAKAYU♨️温泉パーラー](https://onsen-parlor.jp/)
	- WordPress
	- パララックス
	- Z軸パララックス
	- 横スクロール
	- オーバーラップテキスト
- [乗鞍高原 温泉の宿 Raicho](https://ghraicho.com/)
	- WordPress
	- 動画アイキャッチ
	- PJAX, barba.js
	- 固定表示型パララックス
- [山進産業はステンレスをはじめとした特殊鋼を扱う金属専門商社](https://yamashin.yamco.co.jp/)
	- WordPress
	- パララックス
- [丸亀シェイクうどん|丸亀製麺](https://jp.marugame.com/assets/menu/marugameshakeudon/img/lineup-item2.png)
	- LP
	- モバイルオンリー
	- スクロールジャック
- [メタバースと新しい仕事と世界|一般社団法人Metaverse Japan](https://metaverse-japan.org/special/newwork/)
	- LP
	- オーバーラップテキスト
	- 横スクロール
	- 3D
- [株式会社コンピュータ技研 \| 世界に「0」をONする会社。ソフトウェア開発、インフラ環境構築、オープンイノベーション・共創ならコンピュータ技研。世界にゼロをオンする会社。](https://www.kkctl.co.jp/)
	- WordPress
	- 背景画像
	- オーバーラップテキスト
	- マウスストーカー
- [Yosuke Kamisugi Portfolio](https://kmsm-srnkd.studio.site/)
	- STUDIO
	- LP
- [HAIR ICI|ヘアーアイス](https://hair-ici.com/)
	- WordPress
	- 画像アイキャッチ
	- マウスストーカー
- [LIONS GOOD NEWS 2023](https://lionsgoodnews.com/)
	- Vue.js?
	- マウスストーカー
	- パララックス
	- オーバーラップテキスト
	- アニメーション
	- (PJAX)
	- スムーススクロール
- [Backpackers' Japan](https://backpackersjapan.co.jp/)
	- WordPress
	- ブロークングリッド
- [高野山でペットと眠る納骨堂 宝珠の間|高野山 遍照尊院](https://henson583.com/noukotsudo/assets/img/logo_02.svg)
	- WordPress
	- 画像アイキャッチ
	- オーバーラップテキスト
	- jQuery

雑記 (05/16~05/20)

eyecatch

05/16

あら、懐かしい名前が。

適当言ってみる

05/17

05/18

05/19

5/17~5/18季節外れの暑さから雨で一気にクールダウンって気温差激しすぎません?

05/20

カフェの雑談

カフェの雑談

雑記 (05/06~05/14)

eyecatch

05/06

久々にWebギャラリーを巡回してアニメーションやレイアウト、カラーリングといったデザイン周りから、CMSやJSフレームワーク、技術周りまで特徴や気付いた点を書き出すインプットをしてみるなど。

……で、こういうことをするとここ最近(2〜3年くらい)いつも思うのは「クライアントワークで普通のレンサバを使っている(=SSRしない)しSSRまでは必要ないし、何ならCMSも要らないような静的サイトの場合、何を使うのが今のデファクトスタンダードなんだろう?」と。

今回もたまに「あ、このサイトはSTUDIOかぁ……」とか、「あ、Nuxt.js使ってる……サーバは……ああ、NetlifyということはSSRしているのかぁ……」とか、「ここはNext.jsでAWSかぁ……」とか、そういうのも見かけたので。
とはいえNextやNuxtはそんなに多いわけではなく、やはりレンサバで……というところも多いわけで。
そうなると、SSRはしないけど……とすると何で作る?みたいなところは気になるわけで。


Vercelは商用利用だと有償プランですよねぇ……。

05/07

05/08

デザインシステム入門!Web制作初心者が知るべき基本原則とFigma活用法 | Stocker.jp \/ diary

05/09

05/11

05/13

05/14

雑記 (4/30~5/5)

eyecatch

5/1

5/2

  • 航空障害灯撮影

5/3

Module not found: Error: Can’t resolve ‘net’ in

webpack-stream でエラーが起きるようになってしまった。うげ……。とりあえず Node.js とパッケージのアップデートしてみるかなぁ……。

5/4

5/5

  • 少しWebデザインインプット

Webギャラリーメモ

eyecatch

- [Culture | Roaster](https://roaster.co.jp/culture/)
    - JS全部HTML上にべた書き?
    - 謎
    - PJAX, Parallax, 横スクロール, スムーススクロール
- [鉄板焼みつい - 北海道知床の食材をお手頃価格の鉄板料理で](https://teppanyaki-mitsui.com/)
    - スマホ特価
    - ビジュアル固定、スクロールに応じて画像変化
- [半導体・エレクトロニクス | 株式会社富士交易](https://www.fuji-koeki.co.jp/products_category/semiconductor-electronics/)
    - 手堅い
    - 製品紹介がメーカーごとあり、アコーディオンで上手く収納している
- [【公式】PLAYLIVING IZU](https://playliving-izu.com/)
    - Vue, というか STUDIO
- [コクヨのヨコク | KOKUYO](https://brand.kokuyo.co.jp/)
    - Next.js, canvas
    - 斜めスクロール
- [BRIGHT|ブランディングデザインブライト](https://brt-inc.jp/)
- [仙台市の図書施設|8BOOKs SENDAI(エイトブックス仙台)](https://8books.jp/)
    - たぶん同じ制作会社
    - 記事数の斜め上のカウントが同じ
        - コードの構造も似ている
    - WordPress + jQuery3.6.1 + jquery.pjax
- [Kamos | 小豆島のピザレストラン・カフェ | Kamos](https://ka-mos.com/)
    - 2021
    - nuxt.js + Netlify
    - Parallax, マウスストーカー, (PJAX), 横スクロール

---

- [検索結果 | SANKOU! | Webデザインギャラリー・参考サイト集](https://sankoudesign.com/?s=%E3%82%AB%E3%83%95%E3%82%A7)

音楽ネタ

eyecatch

空はうっすら晴れていても心は晴れず。

やはり群雨アンブレイラを聞くしかないですね。いや、群雨アンブレイラというよりもシイナフユキ氏の曲といった方が良いですが。

具体的には

  • elegiac verse – 星の夢の終わりに
  • miniature garden
    • miniature garden(radio edit.)
    • miniature garden -full version
  • Laurus
  • laindrops
  • OVERFLOW SKIES

辺り。


シイナフユキ氏の楽曲からしか摂取できない栄養がある。


都会のオフィスビル群、俄か雨で屋外から軒並み人気が消えた後の雨上がりの青空の下───まるでポストアポカリプスの摩天楼の片隅───で、街路樹の木の葉から雨滴が垂れて、太陽の光を反射して眩い光を放ちながら地面に落ちて消えていくような。
そんな胸を掻きむしりたくなるような穴のあくような一抹の寂しさと虚無感を伴う爽快感があると思います。

※個人的なイメージです

雑記 (4/23~4/30)

Raskovnik書籍

4/23

  • 電気屋で静音キーボードを購入。3,000円強したが、使ってみて確かに静かだ。
  • ブログ
    • 雑記記事化
    • 本体ブログも雑記更新
    • 技術ブログもDocker + Ubuntu + PHP8.1、Tauriに関する記事を更新

4/24

【募集】 Windows Defender を全て切っても TFTP サーバに繋がらない( Windows 標準の TFTPクライアントから、自分自身ローカルに建てたサーバ目掛けて tftp -i 127.0.0.1 get HOGE とすると、暫く経ってから「接続要求に失敗しました」と表示される)のですが、原因は何が考えられるでしょうか。

Docer で建てた TFTPサーバ でもダメ、フリーソフトを使って自分自身に建ててもダメ。
ただ、前者は「接続要求に失敗しました」が表示されるまでに時間がかかり、 PowerShell の Test-NetConnection -ComputerName 127.0.0.1 -Port 69 は True になる。
後者のフリーソフトの場合は接続要求に失敗しましたが即座に表示され、 Test-NetConnection は Failed になる(WindowsファイアウォールにはきちんとTFTPサーバが許可されるように登録されているにも関わらず)。

そのため、前者は69ポートへの接続は成功したが、その後のネゴシエーションや実際のデータ通信で失敗している、
後者はそもそも初手の69番へのネゴシエーション自体で失敗している、というように見受けられます。

なお、Dockerネットワーク内に別の Ubuntuコンテナ を建てて TFTPクライアント にすると普通に通信できるので、サーバの機能としては問題なさそうです。
Windows のホストネットワークから Dockerコンテナ のサーバへ通信できないだけで。
ちなみにホストネットワークに所属させるように設定してもダメ、
しかし CoreDNS のイメージを建てて DNS の問い合わせをすると普通に返ってくるので、ポート番号こそ違えど UDP通信 そのものは普通にできていそうです。

4/25

ノルウェーにメールを送るなど📨

4/26

Raspberry Pi の検証のために Raspberry Pi OS イメージを Docker イメージとして取り込んで Mariberry (海外のWikiで膾炙しているマエリ"ベリー"・ハーンの Maribel 表記+berry の鞄語) というコンテナ名にするなど、活動は多岐にわたる。
※コンテナは仮想環境ということや、 DockerコンテナはOSを再現するのではなく、プロセスを隔離して仮想の中に閉じ込めるようなイメージ、というところから閉鎖空間や結界を連想してのネーミング

4/27

Rust

Rust⚙ 面倒臭い……(文字列結合ですら普通より頭を使う)

確かに型を固めて推測を少なくしたり、
所有権等で変数の書き換えが起きる起きないまで
細かく制御下に置いていることで余計な計算をさせない……
その分パフォーマンスが出そう、というのは分かった。
その分学習コストが高いのも分かった。

Raskovnik

イギリスから遠土遥々ようこそ(また洋書を買った📘🚢🇬🇧

洋書を漁ること4冊、借りた本等もそこそこの冊数で、漸く……漸く確定的なアタリの資料を見付けることができました……!

#Raskovnik 、しっかり名前も効果も明記されていました。

4/28

天気

「くもり 夜 晴れ 所により 昼前 雨か雪で 雷を伴う」なんて天気予報実際にあったのか……。

【募集】天気予報の構文解析したいのですが、フローチャートってないですかね?

「○ [時々|一時|のち|夜] △[所により [昼前|夜] □[か◇で[雷を伴う]]]」

みたいな。

https://yutakani-nikki.com/2022/01/31/sometimes-temporarily-later-depending-on-the-place/

日本怪異・妖怪事典 四国

4/29

Raspberry Pi

4/30

植生やお国柄によって植物の情報も千差万別なことを知った……えぇ、学名で検索しても日本語の記事が全然出てこない……何これ……。
伝説・伝承に依存したものならば情報量に差が出るのは分かるのですが、完全に科学的な方向に振っても差が出るのか……。