NiNE

Webデザイナー/フロントエンドエンジニアとして働いています。ポートフォリオサイト…

JavaScript

NiNE

3本
Design

NiNE

5本

CSSとJavaScriptで簡単なアニメーションを作ろう

はじめにこの記事では、CSSとJavaScriptを使って、Webページに簡単なアニメーションを実装する方法をご紹介します。筆者が実際の案件で制作したコードをもとに解説します。また、有料記事ではソースコードもダウンロードいただけますので、JavaScriptが得意ではない方でも、お使いいただけます。成果物本記事では、下記のようにスクロールと連動してアニメーションを実行できる方法をご紹介します。基本的な考え方上記の成果物のような、スクロールと連動してアニメーションを

200

［メモ］Webディレクターズギルド勉強会#16 「現場で使われているシステム開発の技術（LT）」

2019/11/12に開催されたWebディレクターズギルド勉強会#16 「現場で使われているシステム開発の技術（LT）」で聞いてきたことの備忘録です 1.Web×業務システム×オフショアで使う技術と体制とある開発現場での技術・体制の紹介 ■コミュニケーションツール・チャットワーク・Backlog ・メール・Hangout ・Zoom ■ソース管理・GitLab（VPN環境でサーバ構築）・BackLog（git機能）・プライベート空間で使用・ドキュメン

NiNE

4年前
［メモ］初夏のJavaScript祭 in メンバーズキャリア

2019/06/01に開催された初夏のJavaScript祭 in メンバーズキャリアで聞いてきたことの備忘録 1.jQueryからElmまでスライド・jQueryなどでのDOM操作は人間には複雑すぎる・AngularJSやVue.jsなどを使用することで、状態と画面の分離が可能に・処理を修正したときにScopeの依存するビジネスロジックのみテストすれば良い大規模化するフロントエンドの苦しみ・各コンポーネント間でのデータの受け渡しなど・状態と画面は分離され

NiNE

5年前

1
[メモ]AdobeMaxJapan2018で聞いてきたこと

AdobeMaxJapan2018の各セッションに参加した際のメモです。殴り書きなので、ご了承ください。 1.KEYNOTE 1-1.はじめに・貂明朝テキストが新しくAdobeFontsに追加される仕事をスピードアップ・多くのクリエイターが反復作業が多く、単純作業をAIに任せたいと思っているクリエイティビィティの解放・ツールの連携を取る・デスクトップツールからデバイスを跨いで作業ができるようになっていく新たな表現への挑戦・音声やARなどの表現が今後重

NiNE

5年前

10