セミナー

seminar

セミナー

マークアアプエンジニアのための初心者向けjQuery勉強会 第2回目

配られたプリントの写真

勉強会でくばられたプリント


3月6日に行われた「マークアアプエンジニアのための初心者向けjQuery勉強会 第2回目」に参加しました。女子高生に混ざっているせいか、変な緊張に包まれながらの勉強会でした。講師は有限会社アップルップル 岩崎 浩 さんです。場所はベースキャンプ名古屋で行われました。今回はバグ対策とエフェクトのお話でした。

バグ対策

バグ対策では、とりあえず挑戦してみるしかないです。やってみて正常に動かなかったら直して、やってみて直して・・・の繰り返しです。そこでエラーを知る方法を教えてもらいました。

エラーを知る

デバッグツールを使って思った通りに動いていない場所を特定します。FireFoxのアドオンを活用する。FirebugWeb Developerがあります。とりあえず、このアドオンを使います。ちなみに私はFirebugを使っています。

console.log()の使い方

  • 値を確認する
  • どの順番に動いているか確認する

練習問題では、問題用に用意されたサイトにアクセスし、エラーを見つけて直す、というものでした。わかると簡単な問題でしたが、わかんないとわかんないもので苦戦しました…。HTMLをデベロッパーで見るときとは違って、コンソールログに表示されるタイミングなども指定できるようでした。

エフェクト

基本的なエフェクト

  • show
  • hide
  • slideDown
  • slideUp
  • fadeIn
  • fadeOut

このエフェクトを使って実際に動かしてみる、というものでした。fadeToをさせて透過率0.2にするとか、50px移動させるとかが難しかったです。個人的にまた再チャレンジしないといけないと考えています!


関連タグ

この記事をシェアする

著者

デザイナー

森田かすみ

名古屋のスタートアップで働く、デジタルプロダクトデザイナー。

2013年に新卒でWeb制作会社に入社し、受託制作のマークアップエンジニアとして勤務した後、CMS開発部門のデザイナーへ転身。

2023年5月にSaaSのプロダクトデザイナーへ転身。
現在は新機能にまつわるUXを考慮したUI設計、機能マーケティング支援などを担当。
ストレス発散方法はかっぱのイラストを描くこと。

おすすめ記事

この記事のハッシュタグ から関連する記事を表示しています。

他の方法で記事を探す

2024年11月

年間カレンダーへ
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30