HTML
文書を形成する上で、適切なタグや機能を使用するように意識したいというモチベーションがあります。
デザインを行う段階から、を意識するようにしています。
目次として成立するような、文脈の確保された構造になっているかセマンティクスやアクセシビリティ、
SEOを意識した情報設計。スタイリングとロジックの探究。
レンダリングフローを意識した演出実装。文書を形成する上で、適切なタグや機能を使用するように意識したいというモチベーションがあります。
デザインを行う段階から、を意識するようにしています。
目次として成立するような、文脈の確保された構造になっているかCSSアニメーションを書いていると体の不調が治っていくのを感じます。
ただ値を動かすだけではなく、ブラウザレンダリングの仕様を考慮して、出来るだけパフォーマンスを損なわない方法を模索しています。
好きなスタイルはstickyとmask-imageです。
SVGが生まれてくれて本当によかった。
CSSでは手の届かない変形、例えばパスのモーフィングや一筆書きのようなマスクが可能になるという点が、心を掴んで離しません。
願わくば、safariでも使えるSVGのfilterが増えて欲しい...。
アニメーションを実装するために必要なサイズや座標の取得、計算、データの取得やロジック構築を行うのが趣味です。
スクラッチを好んでおり、ライブラリを使用する際は仕組みを理解する事を心がけています。
最近は型エラーに苦しみながらTypeScriptを書いたりしています。
CSSが好きです。でも、FragmentShaderはも〜っと好きです。
まぁ好きなだけで操れるかというとそんなことはないのですが、CSSでもSVGでも表現できなかったことが出来るようになります。
現状は3D方面へのモチベーションがなく、板ポリ演出を追求しています。
メールフォームの自作や、離れた場所に保存されているデータの操作ができるようになりたくて、最近PHPを勉強し始めました。
バージョンが変わる毎に書き方が変わってしまう事に抵抗がありましたが、フロントエンドの流行に比べたらそよ風のようなもんだなと思うようになり、抵抗がなくなりつつあります。
データベースの操作ができるようになりたくて、聞き馴染みのあるSQLに手を出し始めました。
フロントエンドに領域を絞ろうと思っていた時期もありましたが、最早Web開発において領域の分断などできないのではないかと思いつつあり、バックエンド方面へのモチベーションが上がっています。
開発環境やその周辺のツールとして、バージョン管理にGit。コンテナの使用にdocker。フロントエンド開発として、静的サイトを開発したい場合にAstro、webアプリケーション開発にNuxt、これらの仕組みをざっくり理解するためにNode.jsの基礎。バックエンドと密接に開発するため、フルスタックライブラリとしてrails、Laravel。これらを学習し、また使用されているチームに参加させて頂いています。
ブラウザで表現する演出の自主制作を掲載するページをつくりました。
Creative Codings最近は少しずつ開発周りの実装に触れる事もあり、せっかくなので機能的な自主制作にもどこかのタイミングで挑戦して掲載しようかと考えています。
ようやく一つ目を掲載しました。大いなる一歩。
Application