Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

ヒカラボ JavaScriptの情報交換LT会 行ってきたメモ。

More than 3 years have passed since last update.

https://atnd.org/events/77499

思っていたよりも初心者向けな内容でした。

大竹氏「Processing ではじめるインタラクティブコーディング入門」

到着遅れたのでデモしか見れなかった。

永井氏「ナウいJavaScriptアニメーション実装法」

  • Parallax
  • Stop motion
  • CSS animation

Parallax scrolling

今まではposition:fixed;をスクロール量取得してずらしていた。重い。
高解像度画像を10枚とか使うとブラウザ落ちる。

そこでWebGLつかった。
手書きはしんどい。

  • CreateJS ←コレ使った
  • pixi.js
  • three.js
  • Processing.js

ズレ量、要素の高さを配列で保持する。

spliteStage?で扱うとWebGLが使われる。

Stop motion animation

今まではスプライト作ってsetIntervalでずらしていた。扱いにくい。

指定したフレームを繰り返したり、止めたりしたい。

そこでCreateJSで実装。
SpriteSheet Classを使う。

JSONで配列でフレームを指定したものをオブジェクトとして細切れのアニメーションを定義できる。

CSS animation

今まではjquery.animate使っていた。カクつく。
実態はsetIntervalでの実装。

そこでVelocity.jsを使う。request animation frameを使っている。
使い方はjquery.animateと互換性があるっぽい。

まとめ

使い古された表現でも新しい実装使えば処理性能が上がるかも。

柏氏 「Webだけの知識でできたCordovaを使ったアプリ開発」

Push7というサービスを展開中。
W3C Push APIを利用。

iOSはWEBから直接Push出来ない

iOSで使うときはCordova pluginから使う。
phonegap-push使っている。

WEBページ開いたのに連動してアプリ起動。Universal Links

Cordova使った時に感じたデメリット

DeviceTokenが送られない。
デバッグ大変。
プラグインはxcode、UIはSafari開発ツール

iOSだとUniversalLinksだけど、AndroidはDeepLinksと仕様がちがう。

のびすけ氏「Let's enjoy JavaScript Robotics」

Web Bluetooth

WebUSB

navigater.*
platform
oscpu
battery
hardwareConcurerncy
connection
getGamepads
getVRdevice
getBattery
vibrate
mediaDevices

のびすけさんの発表はちょいちょい聞いてるのでメモが少なくなってしまった……。

福岡氏「React + Redux + Node.js + Raspberry Piでビデオプレイヤーを作りたかった話」

オススメBoilerplate react-webpack-node
react+redux+express

PostCSS良かったよ

classnameでオブジェクトっぽく、CSSクラス定義を使える

AMP
GoogleのWebサイトキャッシュサービス
JSが動かない

Facebook Instant Article
これもJSが動かない

AppleNewsも

moomooya
React+Flaskでなにか考えてたけど、FirebaseならTypeScriptだけでいいや。 パブリックなアウトプットを減らしてコード書く年にする(2度目)。
http://www.slideshare.net/isamusuzuki54
rakus
「IT技術で中小企業を強くします!」というミッションを掲げ、中小企業の業務効率化に貢献する複数のクラウドサービスを提供しているIT企業です。「楽楽精算」「メールディーラー」など、国内トップシェアを誇る複数のサービスを開発し、累計導入社数は5万社を超えています。次の時代の"楽"を創るための、まだ見ぬサービスや機能を生み出す取り組みは、今日も続いています。
https://www.rakus.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away