SlideShare a Scribd company logo
1 of 53
Download to read offline
授業外・教室外の学習を
見据えた教材設計
2014 PC CONFERENCE(2014.08.09)
hello@shokuto.com
角南 北斗(Web Designer)
角南 北斗
Sunami Hokuto
Web 学習
Webサイトや教材制作:
日本語教育業界を中心に
講師&授業設計:
Web・情報教育・プレゼン
執筆:
プレゼン・IT活用
2005: 目的と実践の符号を ∼ホームページ作成を例に
2006: 検索力ってどうよ
2007: ひとつ下のプレゼン。
2008: お料理のコツと情報教育
2009: 日記じゃないのよブログは ∼じぶんチャンネルのススメ
2010: 勝たないプレゼンテーションの学びかた
2011: 名刺デザインで学ぶプレゼンテーション
2012: スマホ時代のWeb教材制作アプローチ
2013 : 3分ではじめるお仕着せのe-Learningからの卒業
2014 : 授業外・教室外の学習を見据えた教材設計
祝PCC 10年連続発表達成。
授業外・教室外の学習を
見据えた教材設計
教材の設計、してますか?
今までしたことがありますか?
その教材、使いやすいですか?
学習者から支持されてますか?
授業中に教師が指示をして
その教材が使われるのは当たり前。
授業の時間以外でも使われる、
強制でなく自主的に学習者が使う、
そういう教材って魅力的ですよね?
その鍵は、スマホ。
紙やPC教材の問題点
紙の教材は重い&かさばる
PC教材は環境が未整備だと使えない
✴ 教室には端末やネット環境がない
✴ PC教室はそこに行くこと自体が面倒
学習者はPCの操作に不慣れ
スマホの利点
小さなPCとも言うべき高い性能
ネットには常時接続という認識
学習者が肌身離さないアイテム
日常的でパーソナルな愛着あるもの
スマホが教材のメディアだと...
使い方のレクチャーが不要
教材を常に持ち歩いてもらえる
スキマ時間に使ってもらえるかも
学習への抵抗感が弱まる場合も
授業の時間以外でも使われる、
強制でなく自主的に学習者が使う、
スマホならそんな教材が作れそう。
ただし、その教材が
使いたくなる魅力を持っている
という前提をクリアしていれば...
スマホを活かした教材は
実際はまだまだ少ない。
スマホ教材のありがちな失敗
スマホの小さな画面に収まらない
✴ PC向けそのままでは表示要素が多すぎる
スマホの操作感に合わない
✴ PC向けのインターフェースは操作しにくい
スマホで使いたくなる内容でない
✴ スマホ対応する意味の薄い教材を選んでいる
スマホ対応に失敗する理由
教師がスマホに不慣れ
✴ 教師自身がガラケーを使っているから、
メディアの特性を体感的に理解していない。
✴ 使い慣れた紙と同じ発想で教材を捉えている
スマホ対応に失敗する理由
スマホを活かした教材に関する知見、
開発ノウハウが共有されていない。
✴ 失敗事例は公開しにくいけれども...
✴ Web制作やアプリ開発の業界などでは
共有知識やドキュメントがけっこうある。
Web制作やアプリ開発の知見を、
教育業界でもシェアすることで
教材開発も進むのでは?
IT 教育ITを活かした教材
IT 教育
IT 教育
教師側の守備範囲の拡大
教師もITを学ぶべき
質が良く使いやすい教材の実現には
メディアや技術の理解が不可欠。
✴ これまで教材開発に成功していたのは
紙に対するノウハウの日々の蓄積のおかげ。
技術は技術者に丸投げ...では限界
✴ 教材の根幹部分は助け合って設計すべき
では、何をまず学べばいい?
教師は何を知っておくべき?
教材設計の「新しい基本」
1. 利用は短時間&高頻度
2. 既存の学習プロセスの改善を
3. 学習者にも愛される教材を
利用は短時間&高頻度
教材設計の新しい基本:1
スマホ用のアプリは
必要なときだけサッと使う。
PC用アプリ スマホ用アプリ
タイミング
まとまった
時間を用意して
思い立ったら
すぐに
起動まで 手間がかかる タップで一瞬
利用内容 複雑・多工程 単純・単工程
利用時間 長めを1回 短時間を何度も
スマホ用アプリの特徴
必要な場面に即したシンプルな機能
✴ アレ使おう!と思い出してもらえるように
間時間でも起動から終了まで可能
✴ 利用者から支持されるゲームの多くは
間時間のプレイにも対応している
スマホ用教材として考えると..
機能を限定し場面と結びつくように
✴ 必要な場面で存在を思い出せる分かりやすさ
短い時間でも使う価値のあるものを
✴ 授業のようにまとまった時間は期待できない
ながら利用を視野に
✴ 他のメインの活動の補助が向いている
既存の学習プロセスの
改善に役立てるものを作る
教材設計の新しい基本:2
従来のPC用教材
学習の全要素を1つにパッケージし、
PCの画面で机を置き換えるアプローチ
ダイアログ
映像 音声
図版
練習問題
解説
従来のPC用教材
学習の全要素を1つにパッケージし、
PCの画面で机を置き換えるアプローチ
✴ 教室での既存の学習プロセスのすべてを
PC上で再構成するようなものが多かった。
✴ 従来との学習スタイルの大きなギャップを
教師や学習者が埋められない場合も。
スマホはシングルタスク向き
PCに比べ多くの情報を表示できない
ウィンドウは1つだけ表示が基本
アプリを何度も切り替えるのは手間
✴ PCは、広いデスクトップで全体が見渡せ
マルチウィンドウで並行作業ができる。
スマホを生かす教材デザイン
紙の教科書やノートなどと併用する
道具の1つとしてのスマホ教材。
既存のアナログ教材の不便な点を
スマホで補えないかを考えるべき。
✴ たとえば、辞書などのリファレンス、
反復練習問題、カメラを使った記録。
学習者にも愛される教材を
目指そう
教材設計の新しい基本:3
アイコンがダサいと
使う気にならない。
アイコンが気に入らない
ホーム画面には置きたくない
普段アイコンを目にしなくなる
アプリの存在を忘れてしまう
そのアプリは使われない
これって商用アプリだけの話?
いえいえ、これからの教材にも
同じことが言えます。
これまでの教材
教師が学習者に配布する形で、
指示して強制的に使わせるもの。
学習者が教材をどう感じるかは
問題にされにくかった。
✴ 学習者からすれば、たとえ好みでなくても
学ぶために使うしかない
これからのスマホ教材
スマホ教材は他にも数多くあり、
学習者が自ら好みのものを選べる。
✴ 教材選択も学習者主導、ということ
気に入ったら教室外でも自主的に使う
✴ 便利で、使いやすく、愛される教材を
まとめ
教材設計の「新しい基本」
1. 利用は短時間&高頻度
2. 既存の学習プロセスの改善を
3. 学習者にも愛される教材を
学習パラダイムの変化
技術が学習に選択肢を増やした
✴ リソースが限られる環境にだけでなく、
学習者個々人のスタイルや好みにも対応。
教師が選んで与える学習から、
学習者自らが選び取る学習への移行。
✴ 教材選択の自由は学習設計の意識につながる
学習パラダイムの変化
こうした学習パラダイムの変化を
教師がきちんと認識すべき。
✴ 情報とツールを得た学習者は
教師の指示に従うだけの弱い存在ではない。
✴ いまや教材だけでなく教師や業界もまた
学習者から選ばれる存在である。
技術の変化に教師も対応すべき
古いパラダイムの学習観や、
紙教材に依存したノウハウだけでは、
デジタルな教材は作れない。
足りない部分を制作会社に丸投げ...では
学習者に支持される教材作りは困難。
スマホを活かした教材の開発には、
新しい教材観が求められる。
それは、新しい学習者観と、
新しい教師観を伴うものである。
デジタルの世界を学ぶところからも
教育を考えてみませんか?
Blog: withcomputer.jp
Site: sunamihokuto.com
Twitter: @shokuto
Sunami Hokuto

More Related Content

What's hot

【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜Aimi Shinohara
 
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめAimi Shinohara
 
スマホ時代のWeb制作アプローチ
スマホ時代のWeb制作アプローチスマホ時代のWeb制作アプローチ
スマホ時代のWeb制作アプローチSunami Hokuto
 
私の(なんくるないさぁ)勉強法
私の(なんくるないさぁ)勉強法私の(なんくるないさぁ)勉強法
私の(なんくるないさぁ)勉強法Naoki Takaesu
 
継続的目標達成メソッド
継続的目標達成メソッド継続的目標達成メソッド
継続的目標達成メソッドKazuki Murahama
 

What's hot (7)

【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
【学生向け】就活ポートフォリオビフォー・アフター 〜書類審査を突破するポートフォリオを作ろう〜
 
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
 
スマホ時代のWeb制作アプローチ
スマホ時代のWeb制作アプローチスマホ時代のWeb制作アプローチ
スマホ時代のWeb制作アプローチ
 
研修デザインとプレゼンテクニックでディープラーニング活用の裾野を広げる
研修デザインとプレゼンテクニックでディープラーニング活用の裾野を広げる研修デザインとプレゼンテクニックでディープラーニング活用の裾野を広げる
研修デザインとプレゼンテクニックでディープラーニング活用の裾野を広げる
 
私の(なんくるないさぁ)勉強法
私の(なんくるないさぁ)勉強法私の(なんくるないさぁ)勉強法
私の(なんくるないさぁ)勉強法
 
継続的目標達成メソッド
継続的目標達成メソッド継続的目標達成メソッド
継続的目標達成メソッド
 
J Module1 Intro
J Module1 IntroJ Module1 Intro
J Module1 Intro
 

Viewers also liked

Setting Your Terms
Setting Your TermsSetting Your Terms
Setting Your TermsJane Lambert
 
An Introduction to Intellectual Property for Commercial Lawyers
An Introduction to Intellectual Property for Commercial LawyersAn Introduction to Intellectual Property for Commercial Lawyers
An Introduction to Intellectual Property for Commercial LawyersJane Lambert
 
Bibliotheekinstructie 3 aba chemie
Bibliotheekinstructie 3 aba chemieBibliotheekinstructie 3 aba chemie
Bibliotheekinstructie 3 aba chemieRia Schildermans
 
M&CSAATCHI.GAD Snack Planning Vol.8
M&CSAATCHI.GAD Snack Planning Vol.8M&CSAATCHI.GAD Snack Planning Vol.8
M&CSAATCHI.GAD Snack Planning Vol.8Benoît Pellevoizin
 
что помогает животным выживать
что помогает животным выживатьчто помогает животным выживать
что помогает животным выживатьRaikhanaM
 
Maryland Summer Food
Maryland Summer FoodMaryland Summer Food
Maryland Summer Foodmambrosefrac
 
Mes Rosiers
Mes RosiersMes Rosiers
Mes Rosierschlud
 
What Is The Atmosphere
What Is The AtmosphereWhat Is The Atmosphere
What Is The Atmospheresrenshaw
 
PCC2010 勝たないプレゼンテーションの学びかた
PCC2010 勝たないプレゼンテーションの学びかたPCC2010 勝たないプレゼンテーションの学びかた
PCC2010 勝たないプレゼンテーションの学びかたSunami Hokuto
 
Meet On The Street
Meet On The StreetMeet On The Street
Meet On The StreetNL.M.S.R
 
Atmosphere As A Fluid
Atmosphere As A FluidAtmosphere As A Fluid
Atmosphere As A Fluidsrenshaw
 
Taking Products to Market
Taking Products to MarketTaking Products to Market
Taking Products to MarketJane Lambert
 
地図を描けば未来は見える
地図を描けば未来は見える地図を描けば未来は見える
地図を描けば未来は見えるSunami Hokuto
 
Web2 Voorbeeldpresentatie
Web2 VoorbeeldpresentatieWeb2 Voorbeeldpresentatie
Web2 VoorbeeldpresentatieElienj
 
Informatie zoeken in de KHLimmediatheek
Informatie zoeken in de KHLimmediatheekInformatie zoeken in de KHLimmediatheek
Informatie zoeken in de KHLimmediatheekRia Schildermans
 

Viewers also liked (19)

De La Balea La Moldoveanu
De La Balea La MoldoveanuDe La Balea La Moldoveanu
De La Balea La Moldoveanu
 
God First To Know
God First To KnowGod First To Know
God First To Know
 
Copiii Lumii
Copiii LumiiCopiii Lumii
Copiii Lumii
 
Setting Your Terms
Setting Your TermsSetting Your Terms
Setting Your Terms
 
An Introduction to Intellectual Property for Commercial Lawyers
An Introduction to Intellectual Property for Commercial LawyersAn Introduction to Intellectual Property for Commercial Lawyers
An Introduction to Intellectual Property for Commercial Lawyers
 
Bibliotheekinstructie 3 aba chemie
Bibliotheekinstructie 3 aba chemieBibliotheekinstructie 3 aba chemie
Bibliotheekinstructie 3 aba chemie
 
M&CSAATCHI.GAD Snack Planning Vol.8
M&CSAATCHI.GAD Snack Planning Vol.8M&CSAATCHI.GAD Snack Planning Vol.8
M&CSAATCHI.GAD Snack Planning Vol.8
 
что помогает животным выживать
что помогает животным выживатьчто помогает животным выживать
что помогает животным выживать
 
Maryland Summer Food
Maryland Summer FoodMaryland Summer Food
Maryland Summer Food
 
Mes Rosiers
Mes RosiersMes Rosiers
Mes Rosiers
 
What Is The Atmosphere
What Is The AtmosphereWhat Is The Atmosphere
What Is The Atmosphere
 
PCC2010 勝たないプレゼンテーションの学びかた
PCC2010 勝たないプレゼンテーションの学びかたPCC2010 勝たないプレゼンテーションの学びかた
PCC2010 勝たないプレゼンテーションの学びかた
 
10630
1063010630
10630
 
Meet On The Street
Meet On The StreetMeet On The Street
Meet On The Street
 
Atmosphere As A Fluid
Atmosphere As A FluidAtmosphere As A Fluid
Atmosphere As A Fluid
 
Taking Products to Market
Taking Products to MarketTaking Products to Market
Taking Products to Market
 
地図を描けば未来は見える
地図を描けば未来は見える地図を描けば未来は見える
地図を描けば未来は見える
 
Web2 Voorbeeldpresentatie
Web2 VoorbeeldpresentatieWeb2 Voorbeeldpresentatie
Web2 Voorbeeldpresentatie
 
Informatie zoeken in de KHLimmediatheek
Informatie zoeken in de KHLimmediatheekInformatie zoeken in de KHLimmediatheek
Informatie zoeken in de KHLimmediatheek
 

Similar to 授業外・教室外の学習を見据えた教材設計

デザインに騙されないデザイン
デザインに騙されないデザインデザインに騙されないデザイン
デザインに騙されないデザインGyoda Nawoshi
 
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)kenji goto
 
ワードプレスとは? 竜胆(りんどう)Webデザイン
ワードプレスとは? 竜胆(りんどう)Webデザインワードプレスとは? 竜胆(りんどう)Webデザイン
ワードプレスとは? 竜胆(りんどう)Webデザイン古川 恵子
 
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)Motoho Jitsukawa
 
【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方
【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方
【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方Tomofumi Ueba
 
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験Daichi Aoki
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美schoowebcampus
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことMasakazu Muraoka
 
知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナーukkyo
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインHiroyuki Makishita
 
Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01Maki Daigaku
 
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~愛 増子
 
TENTO 2012/01 筑波大学プレゼン資料
TENTO 2012/01 筑波大学プレゼン資料TENTO 2012/01 筑波大学プレゼン資料
TENTO 2012/01 筑波大学プレゼン資料Shinichi Kusano
 
Engineer can change the world with Drew
Engineer can change the world with DrewEngineer can change the world with Drew
Engineer can change the world with DrewYoshio Terada
 
2012年度webゼミ前期発表
2012年度webゼミ前期発表2012年度webゼミ前期発表
2012年度webゼミ前期発表Chihiro Koyama
 
プレゼンテーション講義スライド
プレゼンテーション講義スライドプレゼンテーション講義スライド
プレゼンテーション講義スライドTokai University
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮schoowebcampus
 
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜Shohei Oda
 

Similar to 授業外・教室外の学習を見据えた教材設計 (20)

デザインに騙されないデザイン
デザインに騙されないデザインデザインに騙されないデザイン
デザインに騙されないデザイン
 
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
 
ワードプレスとは? 竜胆(りんどう)Webデザイン
ワードプレスとは? 竜胆(りんどう)Webデザインワードプレスとは? 竜胆(りんどう)Webデザイン
ワードプレスとは? 竜胆(りんどう)Webデザイン
 
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)
 
【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方
【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方
【ベンチャーを目指す方向け】データとデザインの関係性-スクーを創るUXデザインの考え方
 
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 
知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー知ってるようで知らないWeb基礎セミナー
知ってるようで知らないWeb基礎セミナー
 
X Design Academy
X Design Academy X Design Academy
X Design Academy
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01
 
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
 
TENTO 2012/01 筑波大学プレゼン資料
TENTO 2012/01 筑波大学プレゼン資料TENTO 2012/01 筑波大学プレゼン資料
TENTO 2012/01 筑波大学プレゼン資料
 
Engineer can change the world with Drew
Engineer can change the world with DrewEngineer can change the world with Drew
Engineer can change the world with Drew
 
2012年度webゼミ前期発表
2012年度webゼミ前期発表2012年度webゼミ前期発表
2012年度webゼミ前期発表
 
プレゼンテーション講義スライド
プレゼンテーション講義スライドプレゼンテーション講義スライド
プレゼンテーション講義スライド
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
Visual Studio for Mac × Azureで簡単アプリ開発! 〜古くなったDocumentに立ち向かってみるテスト(´Д` )〜
 

More from Sunami Hokuto

プール監視員な私と学習環境のデザイン
プール監視員な私と学習環境のデザインプール監視員な私と学習環境のデザイン
プール監視員な私と学習環境のデザインSunami Hokuto
 
教室の外の学習環境のデザインに対して教師ができること
教室の外の学習環境のデザインに対して教師ができること教室の外の学習環境のデザインに対して教師ができること
教室の外の学習環境のデザインに対して教師ができることSunami Hokuto
 
持続可能な教材開発プロジェクトのために教師がWebですべきこと
持続可能な教材開発プロジェクトのために教師がWebですべきこと持続可能な教材開発プロジェクトのために教師がWebですべきこと
持続可能な教材開発プロジェクトのために教師がWebですべきことSunami Hokuto
 
3分ではじめる、お仕着せのe-Learningからの卒業
3分ではじめる、お仕着せのe-Learningからの卒業3分ではじめる、お仕着せのe-Learningからの卒業
3分ではじめる、お仕着せのe-Learningからの卒業Sunami Hokuto
 
目的と実践の符号を 〜ホームページ作成を例に〜
目的と実践の符号を 〜ホームページ作成を例に〜目的と実践の符号を 〜ホームページ作成を例に〜
目的と実践の符号を 〜ホームページ作成を例に〜Sunami Hokuto
 
プレゼンテーションを学ぶ(講義イントロ部分)
プレゼンテーションを学ぶ(講義イントロ部分)プレゼンテーションを学ぶ(講義イントロ部分)
プレゼンテーションを学ぶ(講義イントロ部分)Sunami Hokuto
 
スマートフォンが変えた学習者の学習観
スマートフォンが変えた学習者の学習観スマートフォンが変えた学習者の学習観
スマートフォンが変えた学習者の学習観Sunami Hokuto
 
体験をデザインするとは何か
体験をデザインするとは何か体験をデザインするとは何か
体験をデザインするとは何かSunami Hokuto
 
私の本棚(リクリチャット2008)
私の本棚(リクリチャット2008)私の本棚(リクリチャット2008)
私の本棚(リクリチャット2008)Sunami Hokuto
 
ひとつ下のプレゼン。(PCカンファレンス2007)
ひとつ下のプレゼン。(PCカンファレンス2007)ひとつ下のプレゼン。(PCカンファレンス2007)
ひとつ下のプレゼン。(PCカンファレンス2007)Sunami Hokuto
 
利用者の日本語を意識した「日本語でケアナビ」の検索機能
利用者の日本語を意識した「日本語でケアナビ」の検索機能利用者の日本語を意識した「日本語でケアナビ」の検索機能
利用者の日本語を意識した「日本語でケアナビ」の検索機能Sunami Hokuto
 
プロダクト開発における事例発表の価値
プロダクト開発における事例発表の価値プロダクト開発における事例発表の価値
プロダクト開発における事例発表の価値Sunami Hokuto
 
検索力ってどうよ(PCカンファレンス2006分科会)
検索力ってどうよ(PCカンファレンス2006分科会)検索力ってどうよ(PCカンファレンス2006分科会)
検索力ってどうよ(PCカンファレンス2006分科会)Sunami Hokuto
 
今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」Sunami Hokuto
 
名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)
名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)
名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)Sunami Hokuto
 
a-blog cms 1.4紹介セミナー(大阪)でのプレゼン
a-blog cms 1.4紹介セミナー(大阪)でのプレゼンa-blog cms 1.4紹介セミナー(大阪)でのプレゼン
a-blog cms 1.4紹介セミナー(大阪)でのプレゼンSunami Hokuto
 
Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7
Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7
Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7Sunami Hokuto
 
伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2
伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2
伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2Sunami Hokuto
 
PCカンファレンス2009 日記じゃないのよブログは
PCカンファレンス2009 日記じゃないのよブログはPCカンファレンス2009 日記じゃないのよブログは
PCカンファレンス2009 日記じゃないのよブログはSunami Hokuto
 
Design about "Nihongo de Carenavi"
Design about "Nihongo de Carenavi"Design about "Nihongo de Carenavi"
Design about "Nihongo de Carenavi"Sunami Hokuto
 

More from Sunami Hokuto (20)

プール監視員な私と学習環境のデザイン
プール監視員な私と学習環境のデザインプール監視員な私と学習環境のデザイン
プール監視員な私と学習環境のデザイン
 
教室の外の学習環境のデザインに対して教師ができること
教室の外の学習環境のデザインに対して教師ができること教室の外の学習環境のデザインに対して教師ができること
教室の外の学習環境のデザインに対して教師ができること
 
持続可能な教材開発プロジェクトのために教師がWebですべきこと
持続可能な教材開発プロジェクトのために教師がWebですべきこと持続可能な教材開発プロジェクトのために教師がWebですべきこと
持続可能な教材開発プロジェクトのために教師がWebですべきこと
 
3分ではじめる、お仕着せのe-Learningからの卒業
3分ではじめる、お仕着せのe-Learningからの卒業3分ではじめる、お仕着せのe-Learningからの卒業
3分ではじめる、お仕着せのe-Learningからの卒業
 
目的と実践の符号を 〜ホームページ作成を例に〜
目的と実践の符号を 〜ホームページ作成を例に〜目的と実践の符号を 〜ホームページ作成を例に〜
目的と実践の符号を 〜ホームページ作成を例に〜
 
プレゼンテーションを学ぶ(講義イントロ部分)
プレゼンテーションを学ぶ(講義イントロ部分)プレゼンテーションを学ぶ(講義イントロ部分)
プレゼンテーションを学ぶ(講義イントロ部分)
 
スマートフォンが変えた学習者の学習観
スマートフォンが変えた学習者の学習観スマートフォンが変えた学習者の学習観
スマートフォンが変えた学習者の学習観
 
体験をデザインするとは何か
体験をデザインするとは何か体験をデザインするとは何か
体験をデザインするとは何か
 
私の本棚(リクリチャット2008)
私の本棚(リクリチャット2008)私の本棚(リクリチャット2008)
私の本棚(リクリチャット2008)
 
ひとつ下のプレゼン。(PCカンファレンス2007)
ひとつ下のプレゼン。(PCカンファレンス2007)ひとつ下のプレゼン。(PCカンファレンス2007)
ひとつ下のプレゼン。(PCカンファレンス2007)
 
利用者の日本語を意識した「日本語でケアナビ」の検索機能
利用者の日本語を意識した「日本語でケアナビ」の検索機能利用者の日本語を意識した「日本語でケアナビ」の検索機能
利用者の日本語を意識した「日本語でケアナビ」の検索機能
 
プロダクト開発における事例発表の価値
プロダクト開発における事例発表の価値プロダクト開発における事例発表の価値
プロダクト開発における事例発表の価値
 
検索力ってどうよ(PCカンファレンス2006分科会)
検索力ってどうよ(PCカンファレンス2006分科会)検索力ってどうよ(PCカンファレンス2006分科会)
検索力ってどうよ(PCカンファレンス2006分科会)
 
今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」
 
名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)
名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)
名刺デザインで学ぶプレゼンテーション(@PCカンファレンス2011)
 
a-blog cms 1.4紹介セミナー(大阪)でのプレゼン
a-blog cms 1.4紹介セミナー(大阪)でのプレゼンa-blog cms 1.4紹介セミナー(大阪)でのプレゼン
a-blog cms 1.4紹介セミナー(大阪)でのプレゼン
 
Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7
Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7
Client 2.0のためのディレクションを考える - CSS Nite in OSAKA Vol.7
 
伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2
伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2
伝わるプレゼンの組み立てかたを考える - 関西アンカンファレンス#2
 
PCカンファレンス2009 日記じゃないのよブログは
PCカンファレンス2009 日記じゃないのよブログはPCカンファレンス2009 日記じゃないのよブログは
PCカンファレンス2009 日記じゃないのよブログは
 
Design about "Nihongo de Carenavi"
Design about "Nihongo de Carenavi"Design about "Nihongo de Carenavi"
Design about "Nihongo de Carenavi"
 

Recently uploaded

My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」inspirehighstaff03
 
My Inspire High Award 2024 「AIと仲良くなるには?」
My Inspire High Award 2024 「AIと仲良くなるには?」My Inspire High Award 2024 「AIと仲良くなるには?」
My Inspire High Award 2024 「AIと仲良くなるには?」inspirehighstaff03
 
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライドリアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライドKen Fukui
 
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライドリアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライドKen Fukui
 
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」inspirehighstaff03
 
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdfMy Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdfinspirehighstaff03
 
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライドリアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライドKen Fukui
 
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」inspirehighstaff03
 
My Inspire High Award 2024 「本当の『悪者』って何?」
My Inspire High Award 2024 「本当の『悪者』って何?」My Inspire High Award 2024 「本当の『悪者』って何?」
My Inspire High Award 2024 「本当の『悪者』って何?」inspirehighstaff03
 
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slidessusere0a682
 
Establishment and operation of medical corporations.pdf
Establishment and operation of medical corporations.pdfEstablishment and operation of medical corporations.pdf
Establishment and operation of medical corporations.pdfoganekyokoi
 
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」inspirehighstaff03
 
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」inspirehighstaff03
 
My Inspire High Award 2024  「正義って存在するの?」
My Inspire High Award 2024  「正義って存在するの?」My Inspire High Award 2024  「正義って存在するの?」
My Inspire High Award 2024  「正義って存在するの?」inspirehighstaff03
 
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドリアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドKen Fukui
 
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」inspirehighstaff03
 
Divorce agreements in administrative work.pdf
Divorce agreements in administrative work.pdfDivorce agreements in administrative work.pdf
Divorce agreements in administrative work.pdfoganekyokoi
 
My Inspire High Award 2024      「家族とは何か」
My Inspire High Award 2024      「家族とは何か」My Inspire High Award 2024      「家族とは何か」
My Inspire High Award 2024      「家族とは何か」inspirehighstaff03
 
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
My Inspire High Award 2024「なぜ議会への関心が低いのか?」My Inspire High Award 2024「なぜ議会への関心が低いのか?」
My Inspire High Award 2024「なぜ議会への関心が低いのか?」inspirehighstaff03
 
What I did before opening my business..pdf
What I did before opening my business..pdfWhat I did before opening my business..pdf
What I did before opening my business..pdfoganekyokoi
 

Recently uploaded (20)

My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
 
My Inspire High Award 2024 「AIと仲良くなるには?」
My Inspire High Award 2024 「AIと仲良くなるには?」My Inspire High Award 2024 「AIと仲良くなるには?」
My Inspire High Award 2024 「AIと仲良くなるには?」
 
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライドリアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
 
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライドリアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
 
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
 
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdfMy Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
 
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライドリアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
 
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
 
My Inspire High Award 2024 「本当の『悪者』って何?」
My Inspire High Award 2024 「本当の『悪者』って何?」My Inspire High Award 2024 「本当の『悪者』って何?」
My Inspire High Award 2024 「本当の『悪者』って何?」
 
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
 
Establishment and operation of medical corporations.pdf
Establishment and operation of medical corporations.pdfEstablishment and operation of medical corporations.pdf
Establishment and operation of medical corporations.pdf
 
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
 
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
 
My Inspire High Award 2024  「正義って存在するの?」
My Inspire High Award 2024  「正義って存在するの?」My Inspire High Award 2024  「正義って存在するの?」
My Inspire High Award 2024  「正義って存在するの?」
 
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドリアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
 
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
 
Divorce agreements in administrative work.pdf
Divorce agreements in administrative work.pdfDivorce agreements in administrative work.pdf
Divorce agreements in administrative work.pdf
 
My Inspire High Award 2024      「家族とは何か」
My Inspire High Award 2024      「家族とは何か」My Inspire High Award 2024      「家族とは何か」
My Inspire High Award 2024      「家族とは何か」
 
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
My Inspire High Award 2024「なぜ議会への関心が低いのか?」My Inspire High Award 2024「なぜ議会への関心が低いのか?」
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
 
What I did before opening my business..pdf
What I did before opening my business..pdfWhat I did before opening my business..pdf
What I did before opening my business..pdf
 

授業外・教室外の学習を見据えた教材設計