Suche senden
Hochladen
Menu
•
0 gefällt mir
•
1,111 views
Jun Chiba
Folgen
Melden
Teilen
Melden
Teilen
1 von 12
Empfohlen
Mg2
Mg2
mgiebu
Bootstrap
Bootstrap
Jun Chiba
System1 ajax
System1 ajax
Jun Chiba
Shindan
Shindan
Jun Chiba
Geolocation
Geolocation
Jun Chiba
HEART QUAKEインターン
HEART QUAKEインターン
Jun Chiba
System4 detail
System4 detail
Jun Chiba
Reservation
Reservation
Jun Chiba
Empfohlen
Mg2
Mg2
mgiebu
Bootstrap
Bootstrap
Jun Chiba
System1 ajax
System1 ajax
Jun Chiba
Shindan
Shindan
Jun Chiba
Geolocation
Geolocation
Jun Chiba
HEART QUAKEインターン
HEART QUAKEインターン
Jun Chiba
System4 detail
System4 detail
Jun Chiba
Reservation
Reservation
Jun Chiba
Db
Db
Jun Chiba
D
D
mgiebu
Api geocoding
Api geocoding
Jun Chiba
System insert hint_h
System insert hint_h
Jun Chiba
Youtube embedded
Youtube embedded
Jun Chiba
Api twitter2
Api twitter2
Jun Chiba
System1
System1
Jun Chiba
Array twitter
Array twitter
Jun Chiba
Multi table select
Multi table select
Jun Chiba
Php embedded
Php embedded
Jun Chiba
Api
Api
Jun Chiba
System2 for h
System2 for h
Jun Chiba
Ppt pune partand_parcel
Ppt pune partand_parcel
Reddy Katkam
Library login3
Library login3
Jun Chiba
System4 like
System4 like
Jun Chiba
Image register
Image register
Jun Chiba
System1 for h
System1 for h
Jun Chiba
Stristr
Stristr
Jun Chiba
Geolocation system
Geolocation system
Jun Chiba
Img select hint_for_h
Img select hint_for_h
Jun Chiba
Bootstrap s1
Bootstrap s1
Jun Chiba
Bootstrap
Bootstrap
Jun Chiba
Weitere ähnliche Inhalte
Andere mochten auch
Db
Db
Jun Chiba
D
D
mgiebu
Api geocoding
Api geocoding
Jun Chiba
System insert hint_h
System insert hint_h
Jun Chiba
Youtube embedded
Youtube embedded
Jun Chiba
Api twitter2
Api twitter2
Jun Chiba
System1
System1
Jun Chiba
Array twitter
Array twitter
Jun Chiba
Multi table select
Multi table select
Jun Chiba
Php embedded
Php embedded
Jun Chiba
Api
Api
Jun Chiba
System2 for h
System2 for h
Jun Chiba
Ppt pune partand_parcel
Ppt pune partand_parcel
Reddy Katkam
Library login3
Library login3
Jun Chiba
System4 like
System4 like
Jun Chiba
Image register
Image register
Jun Chiba
System1 for h
System1 for h
Jun Chiba
Stristr
Stristr
Jun Chiba
Geolocation system
Geolocation system
Jun Chiba
Img select hint_for_h
Img select hint_for_h
Jun Chiba
Andere mochten auch
(20)
Db
Db
D
D
Api geocoding
Api geocoding
System insert hint_h
System insert hint_h
Youtube embedded
Youtube embedded
Api twitter2
Api twitter2
System1
System1
Array twitter
Array twitter
Multi table select
Multi table select
Php embedded
Php embedded
Api
Api
System2 for h
System2 for h
Ppt pune partand_parcel
Ppt pune partand_parcel
Library login3
Library login3
System4 like
System4 like
Image register
Image register
System1 for h
System1 for h
Stristr
Stristr
Geolocation system
Geolocation system
Img select hint_for_h
Img select hint_for_h
Ähnlich wie Menu
Bootstrap s1
Bootstrap s1
Jun Chiba
Bootstrap
Bootstrap
Jun Chiba
Bootstrap s2
Bootstrap s2
Jun Chiba
(たぶん)やさしいUnity
(たぶん)やさしいUnity
dj_kusuha
Xebra
Xebra
guest25a74a
Yocto Project ハンズオン / 参加者用資料
Yocto Project ハンズオン / 参加者用資料
Nobuhiro Iwamatsu
マイコン入門(2)
マイコン入門(2)
拓海 岡本
Perl入学式 #1
Perl入学式 #1
Takayuki Fukumoto
もろもろの AI ツールを Windows のローカル環境にインストールする手順
もろもろの AI ツールを Windows のローカル環境にインストールする手順
Hide Koba
RPAって何、どんなことできるの
RPAって何、どんなことできるの
株式会社オプト 仙台ラボラトリ
簡単なTYPO3エクステンションの作成
簡単なTYPO3エクステンションの作成
株式会社ミツエーリンクス
Hubotを使ってbotをつくろう!
Hubotを使ってbotをつくろう!
Daisuke Kikuchi
Ähnlich wie Menu
(12)
Bootstrap s1
Bootstrap s1
Bootstrap
Bootstrap
Bootstrap s2
Bootstrap s2
(たぶん)やさしいUnity
(たぶん)やさしいUnity
Xebra
Xebra
Yocto Project ハンズオン / 参加者用資料
Yocto Project ハンズオン / 参加者用資料
マイコン入門(2)
マイコン入門(2)
Perl入学式 #1
Perl入学式 #1
もろもろの AI ツールを Windows のローカル環境にインストールする手順
もろもろの AI ツールを Windows のローカル環境にインストールする手順
RPAって何、どんなことできるの
RPAって何、どんなことできるの
簡単なTYPO3エクステンションの作成
簡単なTYPO3エクステンションの作成
Hubotを使ってbotをつくろう!
Hubotを使ってbotをつくろう!
Mehr von Jun Chiba
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
Jun Chiba
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
Jun Chiba
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
Jun Chiba
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
Jun Chiba
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
Jun Chiba
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
Jun Chiba
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
Jun Chiba
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
Jun Chiba
図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」
Jun Chiba
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
Jun Chiba
無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル
Jun Chiba
ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」
Jun Chiba
ベストチームオンライン説明スライド
ベストチームオンライン説明スライド
Jun Chiba
死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版
Jun Chiba
地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料
Jun Chiba
プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料
Jun Chiba
死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料
Jun Chiba
ヘリウムリング&フープリレー
ヘリウムリング&フープリレー
Jun Chiba
世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ
Jun Chiba
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
Jun Chiba
Mehr von Jun Chiba
(20)
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル
ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」
ベストチームオンライン説明スライド
ベストチームオンライン説明スライド
死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版
地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料
プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料
死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料
ヘリウムリング&フープリレー
ヘリウムリング&フープリレー
世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
Menu
1.
1 メニュー(ポータル画⾯面) Copyright
(c) HEART QUAKE All rights reserved . の作成
2.
2 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(1/7) l メニュー画⾯面を作ろう - まずはシステムのメインとなるメニュー画⾯面を作りましょう。 ü メニュー画⾯面から登録画⾯面にリンクするなど、 ü ポータルとしての役割となります。 - 今回はBootstrapのdashboardというテンプレートを使います。
3.
3 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(2/7) l Bootstrapの使い⽅方(version 3.2.0時点 2014/10/23) - Step1:Download Sourceから開発キッドをデスクトップに ダウンロードする これをクリック - Step2:ダウンロードしたbootstrap-3.2.0.zipを ダブルクリックする(Zipとは圧縮という意味) ü bootstrap-3.2.0フォルダが作成される
4.
4 Copyright (c)
HEART QUAKE All rights reserved . Windowsの⽅方へ - Windowsの⼈人限定! - Step1. Zipファイルがデスクトップにできる ü zipとは圧縮されているファイルであり、 ü 解凍しないと使えない - Step2. ダブルクリックするとフォルダが - 表⽰示される - Step3. フォルダをデスクトップに - 移動する zipファイル 解凍後の フォルダ 補⾜足
5.
5 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(3/7) - Step3: デスクトップにできたフォルダの中の - docs examples dashboard index.html - をダブルクリックする
6.
6 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(4/7) - Step4:以下の様なサイトが表⽰示されたらOKです
7.
7 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(5/7) - Step5: index.htmlを右クリックでSublime Text2で開いてみま しょう。 ü Windowsの⽅方は「プログラムから開く」でSublimeを選択し ましょう。 ü 上⼿手く出来なかった⼈人はSublime Text2の左上の - File Open から開いてみましょう。
8.
8 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(6/7) - Step6: 右のサイトの Overviewという⽂文字を 変えてみましょう - Step7: 64⾏行行⽬目の Overview の⽂文字を 「登録する」にしてみましょう。 ü classをactiveにすると背景が⻘青くなるようですね。
9.
9 Copyright (c)
HEART QUAKE All rights reserved . メニューを作ろう(7/7) - Step8: 変更更できたら上書き保存してみましょう。 - Step9: index.htmlを ダブルクリックすると 変更更が反映されています。
10.
10 Bootstrapをアップロードする(1/2) -
Bootstrapをアップロードするには ü docsフォルダの中の、assets、dist、examples ü の3つのフォルダをフォルダごとアップロードする 必要があります。 Copyright (c) HEART QUAKE All rights reserved .
11.
11 Bootstrapをアップロードする(2/2) -
動作を確認しましょう ü マイフォルダから examples dashboardを開くと ü 以下の様なサイトが表⽰示されました Copyright (c) HEART QUAKE All rights reserved .
12.
12 Copyright (c)
HEART QUAKE All rights reserved . お疲れ様でした!!