雑記 (05/21~05/27)

eyecatch

05/21

重い腰を上げて Next.js + TypeScrypt に手を出してみるか (なんやかんやで今まで TypeScript を避けていた) 。
まあ、 Rust を経験したらかわいいものだろう、と。


6時間缶詰して初めて Next.js + TypeScript をガッツリ書いて、
その後2時間くらいマシンガントーク(うち1時間くらいは厩猿信仰と庚申信仰について)
したら滅茶苦茶疲れました……。

ただまあ、今日も今日とて電機と伝奇を渡り歩いたわけですが。

05/22

  • 雷雨、絶対靴浸水するし……
    • これで今日暑くて明日最高気温15度前後ってマ?
  • Webギャラリーノック

05/23

  • 休みの日に Next.js + TypeScript 取り入れてツールを作って新しい技術のインプットをして、仕事終わったらWebギャラリーのサイトを片っ端から開いて「これ良いな」と思ったところを箇条書きする○本ノック的なことをしてデザインのインプットをして……。 日々精進。
    • しかしたった数回のデザインの○本ノックをしただけでも、「あのデザイン取り入れたいな」とか色々とアイディアが出てくるのでやっぱりインプット大事(アウトプットも必要ですが今はインプットのターン)。

05/24

05/25

05/27

Laserpitium属 (Laserpitium latifolium, Laserpitium siler 等)、地中海沿岸地域~東ヨーロッパ・北欧~西スラヴ・南スラヴ辺りに生息しているらしく日本語に訳されている植物事典では全然出てこない。
当然日本語名もなければ下手すれば英語名すらない有様なので情報が全然ない。
しかも別の伝説というか古書に出てくるけど現存種or絶滅種との同定が難しい植物との関連もあって、「Aを調べているのにB,C,Dが出てきて、B,CはEというもののことではないか?」という芋づる式に別の登場人物が増えすぎる。なんだこれ。

具体的には「Raskovnik は Laserpitium latifolium, Laserpitium siler 等ではないか、と考えられる。ところで古代ローマで言及されている Silphium という植物は Laserpitium latifolium, Laserpitium siler 等のことではないかとされる。」という状態。
そして Raskovnik はさることながら、Laserpitium latifolium, Laserpitium siler も、 Siplhium も日本語の情報が少ない (全部日本語Wikipediaの記事がありません)。
分からない……俺たちは雰囲気で Raskovnik について話している……。

Webギャラリーメモ

eyecatch
- [MOON\-X株式会社 \| ブランドと人の発射台](https://www.moon-x.com/)
	- オーバーラップテキスト
	- パララックス
	- STUDIO
- [大阪府和泉市の葬儀用花・フラワーインテリアの販売 \| 株式会社フィオーレ](https://www.fiore-flower.co.jp/)
	- アイキャッチ
	- パララックス
	- WordPress
	- mix-blend-mode
- [相生ユニビオ 公式オンラインストア](https://store.unibio.jp/)
	- 斜めカルーセル
	- 右サイドバー
	- 縦書き
	- shopify
- [DJ HI\-C / Discovery](https://discoveryhi-c.com/)
	- Next.js
	- レコード調
- [Art for Well\-being|表現とケアとテクノロジーのこれから](https://art-well-being.site/)
	- WordPress
	- ポップ調
- [大学バスケの新時代、World University Basketball Series](https://www.wubseries.com/)
	- オーバーラップテキスト
	- 動画アイキャッチ
	- mix-blend-mode
	- パララックス
	- 右サイドバー
	- WordPress
- [しなやかデザインシンボルズ|東京・千葉のロゴデザイン会社](https://symbol.shinayaka-design.com/)
	- WordPress
	- スライドショー
- [熊本のお掃除・エアコン/ハウスクリーニングは掃除之助](https://soujinosuke.jp/)
	- 斜め
	- オーバーラップテキスト
	- 斜めカルーセル
	- WordPress
	- テーマの作り方
- [伊坂美術印刷株式会社|印刷、販促、メディア、全方位クリエイティブ](http://www.isaka.co.jp/)
	- オーバーラップテキスト
	- スライドショー
	- WordPress
- [エッジ・インターナショナル \- アニュアルレポート・株主通信・IRコミュニケーションツール 企画・制作](https://www.edge-intl.co.jp/)
	- WordPress
	- コンテンツページ文字のみアイキャッチ
	- パンくずリスト
- [きこえるいわて \| 未来に続くまちをつくるために。岩手町は、2020年から岩手町SDGs未来都市共創プロジェクトをはじめました。「きこえるいわて」を通してまちとの様々なつながり方を届けます。](https://iwatetown-sdgs.jp/)
	- スムーススクロール
	- パララックス
	- 動画
	- マウスストーカー (動画)
	- コンテンツページ文字のみアイキャッチ
	- グリッチ
	- テレビ
	- Barba, PJAX
	- スクロールジャック

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

辺り。


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


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

※個人的なイメージです