NiNE

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

NiNE

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

マガジン

  • JavaScript

  • Design

記事一覧

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

はじめにこの記事では、CSSとJavaScriptを使って、Webページに簡単なアニメーションを実装する方法をご紹介します。 筆者が実際の案件で制作したコードをもとに解説します…

200
NiNE
3年前
4

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

2019/11/12に開催されたWebディレクターズギルド勉強会#16 「現場で使われているシステム開発の技術(LT)」で聞いてきたことの備忘録です 1.Web×業務システム×オフショ…

NiNE
4年前

[メモ]初夏のJavaScript祭 in メンバーズキャリア

2019/06/01に開催された初夏のJavaScript祭 in メンバーズキャリアで聞いてきたことの備忘録 1.jQueryからElmまで スライド ・jQueryなどでのDOM操作は人間には複雑すぎ…

NiNE
5年前
1

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

AdobeMaxJapan2018の各セッションに参加した際のメモです。 殴り書きなので、ご了承ください。 1.KEYNOTE 1-1.はじめに ・貂明朝テキストが新しくAdobeFontsに追加される …

NiNE
5年前
10
CSSとJavaScriptで簡単なアニメーションを作ろう

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

はじめにこの記事では、CSSとJavaScriptを使って、Webページに簡単なアニメーションを実装する方法をご紹介します。
筆者が実際の案件で制作したコードをもとに解説します。
また、有料記事ではソースコードもダウンロードいただけますので、JavaScriptが得意ではない方でも、お使いいただけます。

成果物本記事では、下記のようにスクロールと連動してアニメーションを実行できる方法をご紹介しま

もっとみる
[メモ]Webディレクターズギルド勉強会#16 「現場で使われているシステム開発の技術(LT)」

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

2019/11/12に開催されたWebディレクターズギルド勉強会#16 「現場で使われているシステム開発の技術(LT)」で聞いてきたことの備忘録です

1.Web×業務システム×オフショアで使う技術と体制
とある開発現場での技術・体制の紹介
■コミュニケーションツール

・チャットワーク
・Backlog
・メール
・Hangout
・Zoom

■ソース管理

・GitLab(VPN環境でサーバ

もっとみる
[メモ]初夏のJavaScript祭 in メンバーズキャリア

[メモ]初夏のJavaScript祭 in メンバーズキャリア

2019/06/01に開催された初夏のJavaScript祭 in メンバーズキャリアで聞いてきたことの備忘録

1.jQueryからElmまで
スライド

・jQueryなどでのDOM操作は人間には複雑すぎる
・AngularJSやVue.jsなどを使用することで、状態と画面の分離が可能に
・処理を修正したときにScopeの依存するビジネスロジックのみテストすれば良い

大規模化するフロントエン

もっとみる
[メモ]AdobeMaxJapan2018で聞いてきたこと

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

AdobeMaxJapan2018の各セッションに参加した際のメモです。
殴り書きなので、ご了承ください。

1.KEYNOTE
1-1.はじめに
・貂明朝テキストが新しくAdobeFontsに追加される

仕事をスピードアップ
・多くのクリエイターが反復作業が多く、単純作業をAIに任せたいと思っている

クリエイティビィティの解放
・ツールの連携を取る
・デスクトップツールからデバイスを跨いで作

もっとみる