Submit Search
Upload
⑰jQueryをおぼえよう!その3
•
4 likes
•
1,159 views
Nishida Kansuke
Follow
https://www.facebook.com/TonosamaLabo
Read less
Read more
Report
Share
Report
Share
1 of 52
Recommended
実践Sass 後編
実践Sass 後編
kosei27
HTML5 Conference 2012 で使用したスライドです。 前編のスライドはこちらです。 http://www.slideshare.net/azusatomita3/sass-14212266
実践Sass 前編
実践Sass 前編
Azusa Tomita
HTML5 Conference 2012で使用したスライドです。
メディア芸術基礎 Ⅰ 第5回:CSSレイアウト
メディア芸術基礎 Ⅰ 第5回:CSSレイアウト
Atsushi Tadokoro
メディア芸術基礎 Ⅰ 第4回:CSS入門 情報の形を視覚化する
メディア芸術基礎 Ⅰ 第4回:CSS入門 情報の形を視覚化する
Atsushi Tadokoro
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
Hiroki Shibata
Sassに少し慣れた人のためのSassの便利な使い方の解説。
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Sass/Compassを「触って覚える」を目的とした講習会スライド。 実習で使用するファイルは以下からダウンロード頂けます。 http://webnaut.jp/download/markup_140204/sass.zip 目次: 1. Sassとは/機能紹介 2. Sassを触ってみよう 3. Sass開発環境の設定 4. [Work1]ネストとインポート※ 5. Compassとは/機能紹介 6. Compassの設定 7. [Work2]Compassを使ったCSS Sprite実践※ 8. [Work3]納品時の作業※ 9. 書籍、参考サイト紹介 10. [Work4]追加課題※ =========================== 紹介記事 http://webnaut.jp/markup/663.html ===========================
Enchant講座
Enchant講座
Maki Shimamura
Recommended
実践Sass 後編
実践Sass 後編
kosei27
HTML5 Conference 2012 で使用したスライドです。 前編のスライドはこちらです。 http://www.slideshare.net/azusatomita3/sass-14212266
実践Sass 前編
実践Sass 前編
Azusa Tomita
HTML5 Conference 2012で使用したスライドです。
メディア芸術基礎 Ⅰ 第5回:CSSレイアウト
メディア芸術基礎 Ⅰ 第5回:CSSレイアウト
Atsushi Tadokoro
メディア芸術基礎 Ⅰ 第4回:CSS入門 情報の形を視覚化する
メディア芸術基礎 Ⅰ 第4回:CSS入門 情報の形を視覚化する
Atsushi Tadokoro
ネストを覚えた人のためのSassの便利な使い方
ネストを覚えた人のためのSassの便利な使い方
Hiroki Shibata
Sassに少し慣れた人のためのSassの便利な使い方の解説。
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
Sass/Compass講習会
Sass/Compass講習会
Beeworks
Sass/Compassを「触って覚える」を目的とした講習会スライド。 実習で使用するファイルは以下からダウンロード頂けます。 http://webnaut.jp/download/markup_140204/sass.zip 目次: 1. Sassとは/機能紹介 2. Sassを触ってみよう 3. Sass開発環境の設定 4. [Work1]ネストとインポート※ 5. Compassとは/機能紹介 6. Compassの設定 7. [Work2]Compassを使ったCSS Sprite実践※ 8. [Work3]納品時の作業※ 9. 書籍、参考サイト紹介 10. [Work4]追加課題※ =========================== 紹介記事 http://webnaut.jp/markup/663.html ===========================
Enchant講座
Enchant講座
Maki Shimamura
First sass
First sass
Toshiaki Sasaki
2013年1月11日に行った社内勉強会用スライド。『初めてのSass』的な内容です。
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーー
画像を縮小するお話
画像を縮小するお話
technocat
北海道MovableType勉強会の20分枠で使ったスライドです。
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Sassを使った共同作業について
Sassを使った共同作業について
Kanako Urabe
Sass(SCSS)について
Sass(SCSS)について
Kazufumi Miyamoto
HTML5 勉強会@福岡 - 第16回 「LESS/Sass」について
20131222 第8回シェル芸勉強会スライド
20131222 第8回シェル芸勉強会スライド
Ryuichi Ueda
2013/12/22 シェル芸勉強会@KDDIウェブコミュニケーションズ
Css3でキャラクターアニメーションに挑戦してみた
Css3でキャラクターアニメーションに挑戦してみた
Shinichi Sato
20130413シェル芸勉強会スライド
20130413シェル芸勉強会スライド
Ryuichi Ueda
2013年4月13日に開催したシェル芸勉強会のスライド完全版。
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
㉑CSSでアニメーション!その2
㉑CSSでアニメーション!その2
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Ruby を用いた超絶技巧プログラミング(夏のプログラミングシンポジウム 2012)
Ruby を用いた超絶技巧プログラミング(夏のプログラミングシンポジウム 2012)
mametter
内容は後で修正して再アップロードするかもしれません
㉘HTML5+CSS3でアニメーション!
㉘HTML5+CSS3でアニメーション!
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Hello css animation_public
Hello css animation_public
Shinichiro Kumeuchi
AITC女子会 第一回勉強会「最新技術を学ぶ〜Web編〜」&交流会にて発表した内容になります。
⑱jQueryをおぼえよう!その4
⑱jQueryをおぼえよう!その4
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Tokyo r33 beginner
Tokyo r33 beginner
Takashi Minoda
マークアップ講座 02 CSS
マークアップ講座 02 CSS
eiji sekiya
Mu seminor2014 02
CSS の歩き方
CSS の歩き方
Seiichiro Mishiba
2015年7月29日 松戸WordPress部勉強会スライド
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
メタ言語であるSassの未経験者向けスライド。 ・Sassってなに? ・なぜSassがいるのか? ・Sassの最も簡単な導入方法 ・基本テクニック を紹介
More Related Content
What's hot
First sass
First sass
Toshiaki Sasaki
2013年1月11日に行った社内勉強会用スライド。『初めてのSass』的な内容です。
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーー
画像を縮小するお話
画像を縮小するお話
technocat
北海道MovableType勉強会の20分枠で使ったスライドです。
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Sassを使った共同作業について
Sassを使った共同作業について
Kanako Urabe
Sass(SCSS)について
Sass(SCSS)について
Kazufumi Miyamoto
HTML5 勉強会@福岡 - 第16回 「LESS/Sass」について
20131222 第8回シェル芸勉強会スライド
20131222 第8回シェル芸勉強会スライド
Ryuichi Ueda
2013/12/22 シェル芸勉強会@KDDIウェブコミュニケーションズ
Css3でキャラクターアニメーションに挑戦してみた
Css3でキャラクターアニメーションに挑戦してみた
Shinichi Sato
20130413シェル芸勉強会スライド
20130413シェル芸勉強会スライド
Ryuichi Ueda
2013年4月13日に開催したシェル芸勉強会のスライド完全版。
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
What's hot
(10)
First sass
First sass
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
画像を縮小するお話
画像を縮小するお話
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Sassを使った共同作業について
Sassを使った共同作業について
Sass(SCSS)について
Sass(SCSS)について
20131222 第8回シェル芸勉強会スライド
20131222 第8回シェル芸勉強会スライド
Css3でキャラクターアニメーションに挑戦してみた
Css3でキャラクターアニメーションに挑戦してみた
20130413シェル芸勉強会スライド
20130413シェル芸勉強会スライド
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Similar to ⑰jQueryをおぼえよう!その3
㉑CSSでアニメーション!その2
㉑CSSでアニメーション!その2
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Ruby を用いた超絶技巧プログラミング(夏のプログラミングシンポジウム 2012)
Ruby を用いた超絶技巧プログラミング(夏のプログラミングシンポジウム 2012)
mametter
内容は後で修正して再アップロードするかもしれません
㉘HTML5+CSS3でアニメーション!
㉘HTML5+CSS3でアニメーション!
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Hello css animation_public
Hello css animation_public
Shinichiro Kumeuchi
AITC女子会 第一回勉強会「最新技術を学ぶ〜Web編〜」&交流会にて発表した内容になります。
⑱jQueryをおぼえよう!その4
⑱jQueryをおぼえよう!その4
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
Tokyo r33 beginner
Tokyo r33 beginner
Takashi Minoda
マークアップ講座 02 CSS
マークアップ講座 02 CSS
eiji sekiya
Mu seminor2014 02
CSS の歩き方
CSS の歩き方
Seiichiro Mishiba
2015年7月29日 松戸WordPress部勉強会スライド
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
Horiguchi Seito
メタ言語であるSassの未経験者向けスライド。 ・Sassってなに? ・なぜSassがいるのか? ・Sassの最も簡単な導入方法 ・基本テクニック を紹介
What's Sketch.app
What's Sketch.app
littlebustersreply
Ps / Ai / Fw / Sketch ガチンコバトル勉強会 in 岡山で発表した、Sketch.appのスライドです。発表時はでも中心だったので、それなりに分かるよう加筆しています。
Aaなゲームをjsで
Aaなゲームをjsで
Moriyoshi Koizumi
Aaなゲームをjsで
Aaなゲームをjsで
Moriyoshi Koizumi
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Hishikawa Takuro
Css preprocessorの始めかた
Css preprocessorの始めかた
Hiroki Shibata
前知識がない人のためのSassの始めかたです。
openFrameworks Workshop in Kanazawa v001
openFrameworks Workshop in Kanazawa v001
Teruaki Tsubokura
2012年6月2日に金沢で行われたopenFrameworksワークショップで使用したスライドです。
Mikrotikルーターが仮想通貨採掘マルウェアに感染していました
Mikrotikルーターが仮想通貨採掘マルウェアに感染していました
teruyaono1
マンションの共用ルータがマイニングマルウェアに感染していた話です。 サークルで発表した時の資料なので少し冗長な説明になっています。 元となった記事はこちら https://cha-shu00.hatenablog.com/entry/2018/08/25/122848
フロント作業の効率化
フロント作業の効率化
Yuto Yoshinari
サイバーエージェント、フロントエンドCAMP第一日程の技術講義資料です
Similar to ⑰jQueryをおぼえよう!その3
(20)
㉑CSSでアニメーション!その2
㉑CSSでアニメーション!その2
Ruby を用いた超絶技巧プログラミング(夏のプログラミングシンポジウム 2012)
Ruby を用いた超絶技巧プログラミング(夏のプログラミングシンポジウム 2012)
㉘HTML5+CSS3でアニメーション!
㉘HTML5+CSS3でアニメーション!
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Hello css animation_public
Hello css animation_public
⑱jQueryをおぼえよう!その4
⑱jQueryをおぼえよう!その4
Tokyo r33 beginner
Tokyo r33 beginner
マークアップ講座 02 CSS
マークアップ講座 02 CSS
CSS の歩き方
CSS の歩き方
Sassをはじめからていねいに<概要−基礎編>
Sassをはじめからていねいに<概要−基礎編>
What's Sketch.app
What's Sketch.app
Aaなゲームをjsで
Aaなゲームをjsで
Aaなゲームをjsで
Aaなゲームをjsで
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Css preprocessorの始めかた
Css preprocessorの始めかた
openFrameworks Workshop in Kanazawa v001
openFrameworks Workshop in Kanazawa v001
Mikrotikルーターが仮想通貨採掘マルウェアに感染していました
Mikrotikルーターが仮想通貨採掘マルウェアに感染していました
フロント作業の効率化
フロント作業の効率化
More from Nishida Kansuke
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
Nishida Kansuke
https://robtstart.connpass.com/event/87115/
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
Nishida Kansuke
https://robtstart.connpass.com/event/81577/
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
Nishida Kansuke
developer summit 2017
20170131 新潟セミナー
20170131 新潟セミナー
Nishida Kansuke
新潟県:コミュニケーションロボット関連ビジネスへの参入促進に向けたセミナーの資料 http://www.pref.niigata.lg.jp/sangyoshinko/1356859182533.html
PHP×コミニュケーションロボット
PHP×コミニュケーションロボット
Nishida Kansuke
PHPカンファレンス2016 セッション資料です。
Mizuho.hack 未来の銀行に必要なサービス
Mizuho.hack 未来の銀行に必要なサービス
Nishida Kansuke
Mizuho.hack 未来の銀行に必要なサービス
20160314 すしルート#3 資料
20160314 すしルート#3 資料
Nishida Kansuke
【本日開催】すしルート inヒカ☆ラボ 〜リクルートジョブズ主催の寿司がつなぐエンジニアMeetup〜 : ATND https://atnd.org/events/74664
ロボ年表を作ってみた
ロボ年表を作ってみた
Nishida Kansuke
満員御礼!! JSオジサン #6 「まさかの3日間連続開催だよ!」 3日目の資料 です。
Pepper用課金ボックス「ロボコイン」
Pepper用課金ボックス「ロボコイン」
Nishida Kansuke
Pepper用課金ボックス「ロボコイン」の紹介です。
jsおじさん#5 ペッパーとjavascript
jsおじさん#5 ペッパーとjavascript
Nishida Kansuke
とのさまラボ https://www.facebook.com/TonosamaLabo
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
Nishida Kansuke
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
Nishida Kansuke
http://www.softbank.jp/robot/special/app-challenge
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
Nishida Kansuke
http://www.softbank.jp/robot/special/app-challenge
JSを使ったアプリ開発!(JSオジサン#3)
JSを使ったアプリ開発!(JSオジサン#3)
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
Nishida Kansuke
tonosamalabo https://www.facebook.com/TonosamaLabo
iBeaconを使ったアプリ開発
iBeaconを使ったアプリ開発
Nishida Kansuke
https://www.facebook.com/TonosamaLabo
㊱タイルマップに挑戦
㊱タイルマップに挑戦
Nishida Kansuke
クリスマスハッカソン2013:サンタロスをUNITYで作った
クリスマスハッカソン2013:サンタロスをUNITYで作った
Nishida Kansuke
http://hackathon.doorkeeper.jp/events/7320
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
Nishida Kansuke
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
Nishida Kansuke
More from Nishida Kansuke
(20)
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#3】
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
【東京】ドコモのAIエージェント基盤「セバスチャン」勉強会【#1】資料
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
デブサミ2017 【16-D-5】複数台のロボットと音楽をする取り組み(太田智美・西田寛輔) -
20170131 新潟セミナー
20170131 新潟セミナー
PHP×コミニュケーションロボット
PHP×コミニュケーションロボット
Mizuho.hack 未来の銀行に必要なサービス
Mizuho.hack 未来の銀行に必要なサービス
20160314 すしルート#3 資料
20160314 すしルート#3 資料
ロボ年表を作ってみた
ロボ年表を作ってみた
Pepper用課金ボックス「ロボコイン」
Pepper用課金ボックス「ロボコイン」
jsおじさん#5 ペッパーとjavascript
jsおじさん#5 ペッパーとjavascript
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
【3/13】【女性限定】ロボットで、何が出来る?ペッパーにふれてみよう&ミニアイデアソン【とのさまラボ】 powered by 朝日新聞メディアラボ
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
忍者ゲーム【ペッパーアプリコンテスト2015決勝進出作品】
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
ペッパービンゴ【ペッパーアプリコンテスト2015決勝進出作品】
JSを使ったアプリ開発!(JSオジサン#3)
JSを使ったアプリ開発!(JSオジサン#3)
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
ハッカソン発表資料(朝日新聞 × モバイルファクトリー 異業種ハッカソン!)
iBeaconを使ったアプリ開発
iBeaconを使ったアプリ開発
㊱タイルマップに挑戦
㊱タイルマップに挑戦
クリスマスハッカソン2013:サンタロスをUNITYで作った
クリスマスハッカソン2013:サンタロスをUNITYで作った
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
㉟cocos2d-x勉強会:簡単なアプリをつくってみよう
㉞cocos2d-xの開発環境をインストールしてみよう
㉞cocos2d-xの開発環境をインストールしてみよう
Recently uploaded
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
azuma satoshi
設計ナイト2024にて発表した内容になります。
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
Takayuki Nakayama
キンドリルネットワークアセスメントサービス
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
嶋 是一 (Yoshikazu SHIMA)
進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~ 2024/6/12~14まで幕張メッセで開催されました、インターロップ併設アプリジャパンの展示会場内ROOM Bで、10:30~11:10の枠で登壇させてもらいましたセッション資料を公開します。
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
harmonylab
Generating Automatic Feedback on UI Mockups with Large Language Modelsを和訳紹介したものです
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
RIZAPテクノロジーズ株式会社の会社説明資料です。
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
我々はこれまで,新たなモノを産出する過程において「便利にすること」によって副次的に生じる課題を「便利の副作用」と定義し,その低減を目的としてアイディアの発想支援手法を提案してきた. これまでの研究では,便利前後の行為の増減に着目することにより便利の副作用への気づきの誘発が示唆されたものの,行為の増減の提示による便利の副作用への気づきへの影響は十分に検討できていなかった. そのため,本稿では行為の提示により便利の副作用に気づき,それを防いだアイディアの発想の支援が可能かの検証を目的として実験を行い,その有効性について検証する. 実験では,行為の増減の提示の有無によりアイディア発想にどのような影響を与えるか検証を行う.
生成AIがもたらすコンテンツ経済圏の新時代 The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代 The New Era of Content Economy Brought by Generative AI
Osaka University
、コンテンツ制作の主体をプロのクリエーターからユーザーへと移行させている現状をご存じの方も多いでしょう。現在、画像コンテンツ制作現場では生成AIがクリエーターを支援するツールとして利用されています。セミナーでは、画像生成における自動化の境界についての議論が予定されています。 AIの利用には著作権や倫理的な問題も伴いますが、クリエーターとAIが共存し、センシング技術と統合することで新しい形のコンテンツが生み出されることが期待されています。
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Toru Tamaki
Ce Zheng, Wenhan Wu, Chen Chen, Taojiannan Yang, Sijie Zhu, Ju Shen, Nasser Kehtarnavaz, Mubarak Shah, "Deep Learning-Based Human Pose Estimation: A Survey" arXiv2020 https://arxiv.org/abs/2012.13392
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
tazaki1
HVAC2024第1回 技術講習会 スライド
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
osamut
Hyper-V and SCVMM
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
t m
オープンエンドな進化から着想を得て、個々の大規模言語モデル(LLM)が、グループとして学習を進めながら、ノームエージェントとして機能するという概念を探求しています。これは、単一のモデルでは難しい複雑な問題を解決することを目的としています。具体的な方法として、遺伝的アルゴリズムと知識蒸留を組み合わせた学習プロセスを提案しています。知識蒸留によって学習を進め、同時に遺伝的アルゴリズムでハイパーパラメータを最適化することで、より効率的な学習を目指します。ドメインタスクとして、指示からPythonコードを生成するコード生成タスクを選択しました。実験では、学習に3つの学習モデルと1つの教師モデルを使用しました。その結果、HumanEvalのpass@1で精度が1.2%向上し、学習が進むにつれて学習率が最適化された兆候が見られました。しかし、大幅な精度向上を達成し、さまざまなハイパーパラメータを最適化するには、まだ課題が残っています。
Recently uploaded
(12)
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
ロジックから状態を分離する技術/設計ナイト2024 by わいとん @ytnobody
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
「進化するアプリ イマ×ミライ ~生成AIアプリへ続く道と新時代のアプリとは~」Interop24Tokyo APPS JAPAN B1-01講演
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
生成AIがもたらすコンテンツ経済圏の新時代 The New Era of Content Economy Brought by Generative AI
生成AIがもたらすコンテンツ経済圏の新時代 The New Era of Content Economy Brought by Generative AI
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
Humanoid Virtual Athletics Challenge2024 技術講習会 スライド
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
ハイブリッドクラウド研究会_Hyper-VとSystem Center Virtual Machine Manager セッションMM
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
⑰jQueryをおぼえよう!その3
1.
HTML5入門&jQuery 勉強会
⑰HTML5とかjQueryを おぼえよう!その3
2.
はじめに • HTML5とかjQueryをざっくり覚えよう! • もう少し実践的なことをしよう!
3.
注意事項 • この資料の中には、2012/05時点での事実が書いてあるつもりです
が、時代とともに移り変わる情報もあるので最新情報のチェックも 忘れずに! • 主観に基づく事柄もあります。そんな場合は、この色でコメントす るようにしています!信じるか信じないかはあなた次第! • ざっくり説明するために、簡単に説明しています。厳密にいうと ちょっと違う部分もあるかと思います。でもまあ、だいたいあって る(はず)。 • 過去の環境(IE6とかIE7とか、PHP4とか)には採用されていない 話もあるので、その辺をターゲットにする場合は注意(無視してい いと思うけど) • リンクは日本語訳がある場合はそっちにリンクしています。公式情 報ではないので、仕事で使う場合は原文を確認しましょう。
4.
もくじ • とりあえずおさらい • canvasを使ってみよう
5.
とりあえずおさらい • XAMPPをたちあげよう • ホームディレクトリに、test2というフォルダを
作ろう • test2.htmlを作ろう • firefoxでアクセスしよう – http://localhost/test2/
6.
test2.html <!DOCTYPE HTML> <html lang="ja"> <head> <meta
charset="utf-8" /> <title>HTML5</title> <style> </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></ script> <script> $(function(){ }); </script> </head> <body> </body> </html>
7.
できた • じゅんびかんりょう!
test2_01.zip
8.
canvasを使ってみよう •
canvasってなに? • canvasを作ってみよう • jQueryからアクセスしよう • コンテキストって何? • 線を引いてみよう • パスって何? • おえかきくんをつくってみよう • まとめ
9.
canvasってなに? • Web上で画像を描画する技術 • HTML5に採用予定 •
canvasタグで指定した範囲内に自由に描画 することができる • クライアントで描画できるため、動的な画像 (グラフ、カウンタ、時計など)やゲームな どに採用するといいと思う。 • Canvas チュートリアル – https://developer.mozilla.org/ja/ Canvas_tutorial
10.
canvasを作ってみよう <body>
<canvas id="canvas" width="480px" height="320px"></ canvas> </body>
11.
できた • 白い・・・。
12.
canvasを作ってみよう② <style> body{
background-color:#BECBAD; } canvas{ margin:20px 20px 20px 30px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); } </style>
13.
できた • なんか、ちゃんと枠ができてる!。
14.
jQueryからアクセスしよう <script> $(function(){
var canvas = $('#canvas').get(0); var context = canvas.getContext('2d'); context.fillStyle = "rgb(255, 255, 255)"; context.fillRect(0, 0, canvas.width, canvas.height); }); </script>
15.
できた • それっぽい!。
16.
かいせつ var canvas =
$('#canvas').get(0); ↑canvasのDOM elementを取得 var context = canvas.getContext('2d'); ↑canvasのcontextを取得 context.fillStyle = "rgb(255, 255, 255)"; ↑塗りつぶしの色を決めて context.fillRect(0, 0, canvas.width, canvas.height); ↑(0,0)-(canvas.width, canvas.height)の矩形を塗りつぶし
17.
コンテキストって何? • なんか、描画の設定とか命令とかがあつ
まったやつ。 • コンテキストに何かすると、canvasに反 映されるイメージ • 2dのコンテキスト(2d)と、3dのコンテ キスト(webgl)がある。
18.
線を引いてみよう context.strokeStyle = "#f00"; context.lineWidth
= 2; context.beginPath(); context.moveTo(10, 10); context.lineTo(100, 100); context.stroke();
19.
できた • 線が出た!
20.
かいせつ context.strokeStyle = "#f00"; ↑線の色を決める context.lineWidth
= 2; ↑線の太さを決める context.beginPath(); ↑パスを初期化 context.moveTo(10, 10); ↑(10,10)に移動 context.lineTo(100, 100); ↑線を引きながら(100,100)に移動 context.stroke(); ↑パスを描画
21.
パスってなに? • 図形を表す線のあつまりみたいなやつ • 線だけのパスと、塗りつぶされたパスが
つかえる
22.
やってみよう① context.strokeStyle = "#f00"; context.lineWidth
= 2; context.beginPath(); context.moveTo(110, 10); context.lineTo(200, 100); context.lineTo(150, 200); context.closePath(); context.stroke();
23.
やってみよう② context.fillStyle = "#f0f"; context.lineWidth
= 2; context.beginPath(); context.moveTo(210, 10); context.lineTo(300, 100); context.lineTo(250, 200); context.closePath(); context.fill();
24.
やってみよう③ context.strokeStyle = "#f00"; context.fillStyle
= "#f0f"; context.lineWidth = 2; context.beginPath(); context.moveTo(310, 10); context.lineTo(400, 100); context.lineTo(350, 200); context.closePath(); context.fill(); context.stroke();
25.
できた • なるほど!
test2_02.zip
26.
おえかきくんをつくってみよう •
じゅんび • せんをひくかんすう • せんをひくには・・・ • せんをひこう! • はみでたら • いろえらびきのう • おしたら色を変えよう • ぺんのふとさを変えよう • クリアをつくろう • データのほぞん • こまかいとこ
27.
じゅんび <script> $(function(){
var canvas = $('#canvas').get(0); var context = canvas.getContext('2d'); context.fillStyle = "rgb(255, 255, 255)"; context.fillRect(0, 0, canvas.width, canvas.height); }); </script>
28.
できた • この状態からスタート!
29.
せんをひくかんすう • 線を引く関数を作っておこう • 開始位置から終了位置まで線を引く!
30.
こんなかんじ function drawLine(x1, y1,
x2, y2){ context.beginPath(); context.moveTo(x1, y1); context.lineTo(x2, y2); context.stroke(); }
31.
せんをひくには・・・ • 線を引くには、開始位置と終了位置が必
要! • マウスが押されたら、開始位置を変数に とっておこう! • ついでに、「いまボタン押しっぱなし」て いう情報もとっておこう
32.
こんなかんじ① $(function(){
var sx = 0; var sy = 0; var isDraw = false;
33.
こんなかんじ $('#canvas').mousedown(function(e){
isDraw = true; sx = e.pageX - $(this).offset().left; sy = e.pageY - $(this).offset().top; console.log(sx, sy); e.preventDefault(); }); $('#canvas').mouseup(function() { isDraw = false; });
34.
できた • マウスのボタンを押すとログが出る!
35.
かいせつ① • sx =
e.pageX - $(this).offset().left; マウスカーソルのページ上の座標 (pageX)から、canvasのページ上の座標 を引くことで、canvas上の座標を計算!
36.
かいせつ② • e.preventDefault(); ブラウザのデフォルトのイベント(クリッ ク処理)を行わなくする!chromで変にな るのを防止できます。
37.
せんをひこう! • マウスが動いたら、その場所まで線を引
こう!
38.
やってみよう $('#canvas').mousemove(function(e){
if(isDraw){ var ex = e.pageX - $('canvas').offset().left; var ey = e.pageY - $('canvas').offset().top; drawLine(sx, sy, ex, ey); sx = ex; sy = ey; } });
39.
できた • せんがひける!
test2_03.zip
40.
はみでたら • ボタン押しっぱなしでcanvasから、はみ
でたら、うごきがへん! • はみ出た状態でボタンはなしてもへん! • はみでたら、線を引いてボタンをはなした 状態にしよう。 • あとついでに、mousedownのログも消そ う。かくかくするから。
41.
こんなかんじ $('#canvas').mouseleave(function(e){
if(isDraw){ var ex = e.pageX - $('canvas').offset().left; var ey = e.pageY - $('canvas').offset().top; drawLine(sx, sy, ex, ey); sx = ex; sy = ey; } isDraw = false; });
42.
できた • いいかんじー
test2_04.zip
43.
いろえらびきのう • いろえらびきのうをつくろう!
44.
がめん① .tools{
clear:both; width:600px; } .color{ -moz-border-radius:0 50px 50px 50px; -webkit-border-radius:0 50px 50px 50px; border-radius:0 50px 50px 50px; }
45.
がめん② .tools div{
float:left; font-size:40px; font-weight:bolder; color:#fff; margin:10px; width:50px; height:50px; text-align:center; line-height:50px; border:5px solid #fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); }
46.
がめん③ #color1{
background-color:#F00; } #color2{ background-color:#F9C; } #color3{ background-color:#FF0; } #color4{ background-color:#FFF; } #color5{ background-color:#00F; }
47.
がめん④ #color6{
background-color:#0F0; } #color7{ background-color:#060; } #color8{ background-color:#000; } #color9{ background-color:#8D4B15; }
48.
がめん⑤ <div class="tools"> <div class="color"
id="color1"></div> <div class="color" id="color2"></div> <div class="color" id="color3"></div> <div class="color" id="color4"></div> <div class="color" id="color5"></div> <div class="color" id="color6"></div> <div class="color" id="color7"></div> <div class="color" id="color8"></div> <div class="color" id="color9"></div> </div>
49.
できた • いいかんじー
test2_05.zip
50.
かいせつ • .tools div{}で、基本的な大きさとかを定
義しています。 • .color{}で、形を定義しています。 border-radius:0 50px 50px 50px; 左上は四角で、のこりの角は丸にしてます。 • 色は、#color1{}のように、idを指定して決めて います。
51.
つづく • 次の資料に続きます!
52.
おわり 主催(共同開催): 株式会社 gooya http://www.gooya.co.jp/ メドレー株式会社 http://www.medley.co.jp/ 講師:西田 寛輔
(Tonosamart) http://www.facebook.com/tonosamart