Tokyo App
Work.shop

ご挨拶

こんにちは。

東京アプリ・ワークショップはHTML5のワークショップを開催しています。

WEBページを作るためのHTMLは、2014年10月28日大幅に改定され「HTML5」となりました。

単なるサイトから、よりリッチなデザインで動きのあるWEBアプリケーションへ。

東京アプリ・ワークショップでは、そんなHTML5のワークショップを開催しています。

ぜひご参加ください。

Facebook

いいねボタン、押してください!

代表・講師

中島俊治 ( Shunji Nakashima )

  • マイクロソフトMVPアワード受賞
  • HTML5試験レベル1、2合格
  • ネットショップ実務士レベル2合格
  • サイバー大学 IT総合学部 専任講師
  • 放送大学 教養学部 情報コース 面接授業「HTML5入門」非常勤講師
  • デジハリ・オンラインスクール HTML5講師
  • 八洲学園大学 非常勤講師
  • 秋草学園短期大学 文化表現学科 非常勤講師
  • 尚美学園短期大学 情報表現学科 非常勤講師

経歴

  • 岡山県生まれ。
  • 1997年、ソフトバンク入社。GeoCities 立ち上げ1号社員。
  • Yahoo! JAPAN他のベンチャー企業の後、独立。

受賞歴・資格

  • マイクロソフトMVPアワード 2014-2017 受賞
  • HTML5プロフェッショナル認定資格 レベル1/レベル2 合格
  • ネットショップ実務士 レベル1/レベル2 合格
  • Mashup Awords 6 協賛企業賞

活動歴

2017

2016

  • 12/12 日本電子専門学校「HTML5セミナ」
  • 11/19 オープンソースカンファレンス2016 Fukuoka
  • 10/29 HTML52周年記念イベント「Happy 2nd birthday HTML5 !!」
  • 09/06 G's Academy主催「G's Nite」
  • 07/30 マイクロソフトMVPによる「HTML5セミナー」@岡山
  • 07/24 LPI主催イベント「HTML5感」
  • 06/30 静岡産業技術専門学校講座「社会で役立つHTML5」
  • 05/18 schoo「HTML5で作るミニゲーム「500px競争」」
  • 03/18 産業技術大学院大学主催「第87回InfoTalk」
  • 02/28 schoo「-実践- HTML5で作るスマホ用「体重記録帳」」
  • 02/27 OSC2016 Tokyo Spring 「HTML5技術解説セミナー」
  • 02/24 LPI主催「HTML5感」

2015

  • 11/03 「Happy Birthday HTML5」主催
  • 10/28 schoo【HTML5一周年特別授業】「HTML5とは?その概要と楽しみ方」講師
  • 09/06 schoo「初めてのデザイン・プログラミング〜かじり部〜シーズン2」コーチ
  • 08/09 schoo「初めてのデザイン・プログラミング〜かじり部〜シーズン1」コーチ
  • 06/30 「HTML5プロフェッショナル認定試験レベル2攻略テキスト」執筆
  • 05/05 「5月5日はHTML5」主催
  • 04/18 「HTML5のなかしまぁ先生とミートアップする3時間」主催
  • 04/08 デジハリ・オンラインスクール「HTML5マスター講座」講師
  • 03/27 「HTML5プロフェッショナル認定試験レベル1攻略テキスト」執筆
  • 03/05 「HTML5fun HTML5 フロントトレンド最前線」登壇
  • 02/08 無料公開講座「HTML5が開く新しい未来予想図(II)」主催
  • 01/11 「HTML5のなかしまぁ先生とミートアップする3時間」登壇

2014

  • 12/12 「HTML5感」登壇
  • 11/22 無料公開講座『HTML5が開く新しい未来』主催
  • 11/09 「HTML5のなかしまぁ先生とミートアップする3時間」主催
  • 08/21 「HTML5minutes」 #2登壇
  • 07/25 「HTML5minutes」登壇
  • 07/13 「HTML5 Night」登壇
  • 05/26 放送大学テレビ情報番組 「大学の窓」出演
  • 04/01 放送大学教養学部情報コース「HTML5入門」非常勤講師

2013

  • 2013/11/09 「We love HTML5」主催
  • 2013/02/01 「放送大学HTML5勉強会」主催

SHOWCASE

このページは現在調整中です

#1.HTML5で作られたサイト

1-1.背景が動画

  1. StarTrek
  2. SONIA

1-2.シングルページ・パララックス・高級ペライチ

  1. Tokyo Music Odyssey
  2. buzzhook
  3. NICON
  4. LaMoulade
  5. peugeot hybrid4

1-3.3次元

  1. find your way to oz
  2. BEERCAMP
  3. helloracer
  4. WebGL Water

1-4.ベンダーサイト

  1. google doodles
  2. UFO
  3. 20things I learned
  4. カヤック

1-5.Webサイト

  1. HTML5 Experiment
  2. Canvas Cycle

1-6.共有サイト

  1. jsdoit

#2.HTML5マークアップ

2-1.要素

  1. 新マークアップ
  2. viewport
  3. 数値実体参照
  4. base64

2-2.ゲーム

  1. 進捗の要素

#3.CSS3

基礎

  1. 優先順位
  2. 結合子
  3. 色コード
  4. RGBA
  5. HSLA

3-1.リッチ

  1. 枠線
  2. リッチ・変形・三次元
  3. まるこ
  4. まるこメイキング
  5. ピカ
  6. CSS演習

3-2.アニメーション

  1. サンタのアニメ
  2. 3次元アニメ1
  3. 3次元アニメ2
  4. 3次元アニメ3
  5. 3次元アニメ4
  6. 3次元アニメをJSで操作
  7. スクロールでCSSを操作

3-3.擬似クラス・要素

  1. 擬似クラス
  2. 擬似要素
  3. 属性セレクタ
  4. 疑似セレクタ

#4.JavaScript

4-1.計算

  1. 占いアプリ
  2. 計算機アプリ
  3. BMI計算機アプリ

4-2.要素の取得

  1. HTML置き換え
  2. 大阪弁変換
  3. CSS変形
  4. CSSページ切替
  5. 500px競争

4-3.アプリ

  1. 自然時計
  2. カウントダウン

4-4.WoT

  1. Web of Things
  2. ロボットアーム

#5.API

  1. シンセサイザ
  2. 音声
  3. 映像
  4. ようこそ
  5. GPS
  6. 体重記録計
  7. チャット
  8. 録音と読み上げ
  9. 人工知能
  10. 高速処理

#6.Canvas API

6-1.座標

  1. 座標の取得
  2. (重力)加速度

6-2実用

  1. ホワイトボード
  2. シンプルテキストエディタ
  3. お絵かき
  4. ビットDraw
  5. JavaScript練習エディタ
  6. 電力使用量

6-3.学習

  1. ハート
  2. 放物線
  3. フラクタル図形
  4. 線グラフ
  5. 棒グラフ
  6. 円グラフ
  7. all balls go straight
  8. bang
  9. めいろ
  10. 円周率の求め方

6-4.ゲーム

  1. UFO重力ゲーム
  2. タッチゲーム
  3. 横スクロールゲーム
  4. 放物ゲーム
  5. 習字
  6. 午年パズル

6-5.アートスクリプティング

  1. 湘南
  2. クリスマスツリー
  3. パックマン
  4. ハート
  5. 新年
  6. 花火
  7. 風鈴
  8. もみじ
  9. かぼちゃ
  10. クレヨン
  11. どら焼き
  12. リズムボックス
  13. 9
  14. 太陽系
  15. CO
  16. トーラス

#7.Link

  1. W3C用語集と辞書
  2. WHATWG
  3. HTML文法
  4. HTML5の差異
  5. ブラウザチェック
  6. JavaScriptの基礎
  7. HTML5エキスパート