NiNE

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

NiNE

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

マガジン

  • JavaScript

  • Design

    • JavaScript

    • Design

最近の記事

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機能) ・プライベート空間で使用 ・ドキュメン

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

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

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

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

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

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

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

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

        マガジン

        マガジンをすべて見る すべて見る
        • JavaScript
          NiNE
        • Design
          NiNE