SlideShare uma empresa Scribd logo
1 de 26
Baixar para ler offline
Smart Canvasで作るWebサイト

2013年7月
Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
http://smartcanvas.net/

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
http://smartcanvas.net/
「プログラミング無しでWebアプリを作成」
スマートフォンWebアプリ 作成ツール
Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
Smart Canvasで出来ること

項目

出来る?

アニメーション

○

画面遷移

○

サーバー通信

×

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
Smart Canvas

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
Smart Canvas

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
Smart Canvas

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
まずは登録
①ブラウザでhttp://smartcanvas.net
にアクセス
※是非「いいね」してください
②会員登録

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
新規作成
①マイページの「新規作成」ボタンを押して、
新しいアプリを作る

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
アイテムの配置
① 基本アイテムを選択
② 基本アイテムをドラッグ&ドロップ
テキスト
ドラッグ&ドロップ

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
プロパティの設定

① 位置・サイズを調節します

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
他の要素の設定
背景色

透明度
Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日

文字色
アニメーションの設定
① アニメーションタブを選択
② アニメーション作成ボタンを押す

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
アニメーションの設定
アニメーション
条件

起動
タップ

対象
変化値

変化量
Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日

x,y座標
透明度・角度
アニメーションの設定 具体例
アニメーション
条件
アイテム1をタップ

対象

アイテム1

変化値
x座標を90px

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
プレビュー

プレビューを選択

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
プレビュー確認
タップ(クリック)

アニメーション!

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
画像のアップロード
選択

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
画像のアップロード
選択

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
ページの追加

ページ追加を選択

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
ページの追加

全体モードを選択

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
ページの追加

ページの追加を確認
Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
アイテムにページのリンクを貼る

アイテムにリンク
が張られている状態

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
リンクの確認

プレビューを選択

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
リンクの確認
タップ(クリック)

ページ遷移

Copyright © 2013 / HITOKUSE Inc
13年11月17日日曜日
是非面白いアプリをいっぱい作って下さい!
本日はありがとうございました!

13年11月17日日曜日

Mais conteúdo relacionado

Destaque

شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)
شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)
شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)ghalamogroup
 
presentacion de dalia, tic
presentacion de dalia, ticpresentacion de dalia, tic
presentacion de dalia, ticpenimeta
 
practica de word
 practica de word practica de word
practica de wordC C
 
Pepsico India Holdings, Gurgaon
Pepsico India Holdings, GurgaonPepsico India Holdings, Gurgaon
Pepsico India Holdings, GurgaonIndia Water Portal
 
Marcus Sheridan - How To Give Incredible Inbound Marketing Workshops
Marcus Sheridan - How To Give Incredible Inbound Marketing WorkshopsMarcus Sheridan - How To Give Incredible Inbound Marketing Workshops
Marcus Sheridan - How To Give Incredible Inbound Marketing WorkshopsINBOUND
 
Guide2007
Guide2007Guide2007
Guide2007MAYOUFI
 
BearingPoint Sends Employees to Yale (Consulting magazine)
BearingPoint Sends Employees to Yale (Consulting magazine)BearingPoint Sends Employees to Yale (Consulting magazine)
BearingPoint Sends Employees to Yale (Consulting magazine)Jacqueline Durett
 
Plagiarism (For Dr. Cassity)
Plagiarism (For Dr. Cassity)Plagiarism (For Dr. Cassity)
Plagiarism (For Dr. Cassity)Cody3607
 
Bibliografía del blogger
Bibliografía del bloggerBibliografía del blogger
Bibliografía del bloggerVaLe VaLenciia
 
MacOS Runtime for Java (MRJ) 2,1 導入方法
MacOS Runtime for Java (MRJ) 2,1 導入方法MacOS Runtime for Java (MRJ) 2,1 導入方法
MacOS Runtime for Java (MRJ) 2,1 導入方法Yukio Saito
 
Keranigonj text part 1
Keranigonj text part 1Keranigonj text part 1
Keranigonj text part 1Nasrul Hamid
 
In defense of citizen journalism
In defense of citizen journalism In defense of citizen journalism
In defense of citizen journalism Tecee Boley
 
MARTIN FINN CV 10:15
MARTIN FINN CV 10:15 MARTIN FINN CV 10:15
MARTIN FINN CV 10:15 Martin Finn
 

Destaque (19)

شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)
شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)
شیوه ارائه مطالب علمی و فنی (دروس 9 تا 16)
 
presentacion de dalia, tic
presentacion de dalia, ticpresentacion de dalia, tic
presentacion de dalia, tic
 
practica de word
 practica de word practica de word
practica de word
 
Pt report(cert)
Pt report(cert)Pt report(cert)
Pt report(cert)
 
Rhin
RhinRhin
Rhin
 
Pepsico India Holdings, Gurgaon
Pepsico India Holdings, GurgaonPepsico India Holdings, Gurgaon
Pepsico India Holdings, Gurgaon
 
Letter For Nci Mecc Szmc
Letter For Nci Mecc SzmcLetter For Nci Mecc Szmc
Letter For Nci Mecc Szmc
 
DFES Storm Preparedness
DFES Storm PreparednessDFES Storm Preparedness
DFES Storm Preparedness
 
Marcus Sheridan - How To Give Incredible Inbound Marketing Workshops
Marcus Sheridan - How To Give Incredible Inbound Marketing WorkshopsMarcus Sheridan - How To Give Incredible Inbound Marketing Workshops
Marcus Sheridan - How To Give Incredible Inbound Marketing Workshops
 
Guide2007
Guide2007Guide2007
Guide2007
 
BearingPoint Sends Employees to Yale (Consulting magazine)
BearingPoint Sends Employees to Yale (Consulting magazine)BearingPoint Sends Employees to Yale (Consulting magazine)
BearingPoint Sends Employees to Yale (Consulting magazine)
 
Plagiarism (For Dr. Cassity)
Plagiarism (For Dr. Cassity)Plagiarism (For Dr. Cassity)
Plagiarism (For Dr. Cassity)
 
Bibliografía del blogger
Bibliografía del bloggerBibliografía del blogger
Bibliografía del blogger
 
MacOS Runtime for Java (MRJ) 2,1 導入方法
MacOS Runtime for Java (MRJ) 2,1 導入方法MacOS Runtime for Java (MRJ) 2,1 導入方法
MacOS Runtime for Java (MRJ) 2,1 導入方法
 
Plep inteligencia humana
Plep inteligencia humanaPlep inteligencia humana
Plep inteligencia humana
 
Keranigonj text part 1
Keranigonj text part 1Keranigonj text part 1
Keranigonj text part 1
 
In defense of citizen journalism
In defense of citizen journalism In defense of citizen journalism
In defense of citizen journalism
 
MARTIN FINN CV 10:15
MARTIN FINN CV 10:15 MARTIN FINN CV 10:15
MARTIN FINN CV 10:15
 
Bibliografía
BibliografíaBibliografía
Bibliografía
 

Mais de Hiroki Nigorinuma

Mais de Hiroki Nigorinuma (8)

デジタル信号処理をDSP入札に応用
デジタル信号処理をDSP入札に応用デジタル信号処理をDSP入札に応用
デジタル信号処理をDSP入札に応用
 
若手Webエンジニア勉強会公開用
若手Webエンジニア勉強会公開用若手Webエンジニア勉強会公開用
若手Webエンジニア勉強会公開用
 
Sassの魅力
Sassの魅力Sassの魅力
Sassの魅力
 
TDD一連の流れ
TDD一連の流れTDD一連の流れ
TDD一連の流れ
 
Vagrant chef
Vagrant chefVagrant chef
Vagrant chef
 
Git learn
Git learnGit learn
Git learn
 
Seo対策勉強会
Seo対策勉強会Seo対策勉強会
Seo対策勉強会
 
Gitを使った運用方法
Gitを使った運用方法Gitを使った運用方法
Gitを使った運用方法
 

Último

リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライドリアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライドKen Fukui
 
International Politics I - Lecture 1
International Politics I - Lecture 1International Politics I - Lecture 1
International Politics I - Lecture 1Toru Oga
 
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
 
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
 
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
 
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
 
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドリアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドKen Fukui
 
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
 
TEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdfTEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdfyukisuga3
 
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
 
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
 
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」inspirehighstaff03
 
リアル戦国探究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
 

Último (20)

リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライドリアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
 
International Politics I - Lecture 1
International Politics I - Lecture 1International Politics I - Lecture 1
International Politics I - Lecture 1
 
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「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
 
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    「孤独は敵なのか?」
 
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      「家族とは何か」
 
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
 
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドリアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
 
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
 
TEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdfTEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdf
 
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
 
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スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
 
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
 
リアル戦国探究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 「本当の『悪者』って何?」
 

【ヒトクセ】Smart canvasの使い方