1. 第１回：岡山クリエイター交流会 in 倉敷
2017.12.10 主催 アトリエ・ノラ 大西 慶

2. 自己紹介
• 名前 大西 慶（Onishi Kei）
• アトリエ・ノラ代表（フリーランスのディレクター兼デザイナー）
• 岡山で就職するも、力不足を感じ1年半程で転職＆上京
• 東京でSEやデザイナーなどで6年ほど修行
• 岡山に戻りデザイナー兼SE兼SEO・SEM・web解析etc…に従事し
水面下で5年ほど修行
• 今年の2月にフリーランスとして起業
簡単な経歴

3. アトリエ・ノラで取り組んでいる事
• ホームページ制作～運用、チラシ制作を企画段階からフォロー
• 店舗などの立ち上げの際の全面的なフォロー
• 地域を盛り上げるための自社？媒体の発行
• 業種にこだわらずオープンすぎるイノベーション活動

4. 岡山クリエイターMTGについて
• 参加者全員がコミュニケーションをとりやすい人数で開催
• 参加出来るときに無理なく参加できる環境
• ゆくゆくは地域に貢献してしまおう

5. 実体験から学ぶ
最新webコーディングTips

6. 本日のTips
• IE11のみで起こる相対領域の不具合
• CSS3のrotateについてブラウザ毎の対応状況
• jQuery 3系に乗りかえる際の２つの注意点

7. wrap
IE11のみで起こる相対領域の不具合
2017年12月9日現在Chrome、Firefox、Edgeは上の通り問題なく表示されます。

8. IE11のみで起こる相対領域の不具合
IE11は上のように表示されてしまいます。

9. うーん・・・どうしよう
※2025年までは頑張ってサポート
（よし！IE11をサポート範囲外に… ×）

10. IE11のみで起こる相対領域の不具合
IE11もこれで安心ですね。

11. CSS3のrotateについて
ブラウザ毎の対応状況

12. CSS3のrotateについてブラウザ毎の対応状況
Chrome Firefox IE

13. jQuery 3系に乗りかえる際の
２つの注意点

14. jQuery 3系に乗りかえる際の２つの注意点
• <a>タグ周りのDOMの表記が若干変更
• .load(function)が廃止

15. <a>タグ周りのDOMの表記が若干変更
jQuery('a[href*=#]').click(function() {
これまで
jQuery('a[href*="#"]').click(function(){
3.x系
#をダブルクォーテーションで囲む必要があります。

16. .load(function)が廃止
.load(function(){})
これまで
.on('load',function(){})
3.x系
.onはjQuery 1.7以降で使用が可能です。
前途の.clickの部分もappendを使う場合には
.on(‘click’,function(){})にする必要があります。

17. ご清聴ありがとうございました。