厂痴骋を使った顿罢笔ファイル连携アプリ実例
1 like874 views
SVGの活用事例についてお話します。 Illustrator CCなどのベクターデータをXMLとして保存をしたり開いたりできるSVG。 メモ帳で開けるファイルになっていることで、プログラミングで解析や変更ができます。 例えば、ショッピングモールのフロアガイドなどのDTPデータと、 アプリなどのインタラクティブなコンテンツとの橋渡しとしてSVGを活用いています。 更新性を保てるアプリ?サービスの運用を実現するための「SVG」の魅力についてお話しできればと思います。
1 of 36
Download to read offline
Ad
Recommended
URA ONI GOCCO-VR JUM ハッカソン結果報告
URA ONI GOCCO-VR JUM ハッカソン結果報告Takeshi Yanagiya
?
2015 11/27-28に行われた30時間でのUNITY+OCULUSでのゲーム開発ハッカソンに参加しました。30人弱のエンジニアが集まり、尾倉さん中奥さん鼠家さん柳谷でチームを組むことになりました。重力が真逆の球面内の世界を歩き回れるよう基本の仕組みづくりに注力することになり、時間内に8割位の完成度までもっていくことができいました。プレイヤーや遊び相手のアニマルキャラで鬼ごっこします。鬼になったキャラは鬼の御面がくっつきます。
?詳細ページ
http://sharefl.jp/blog/20151128vrjum/
?タイトル
URA ONI GOCCO
?メンバー
尾倉 侑也
?昼と夜ライティング
?移動プログラム
?オーサリング
中奥 貴浩
?環境音プログラム
?アニメーション
?モデリング
鼠家 正則
?うろうろAI
?鬼切り替え
?裏返し移動
柳谷 武
?コンセプト
?ゲームルール
?ステージ
?デザイン
実用的デジタルファブリケーション「みのるファブ」イントロ
実用的デジタルファブリケーション「みのるファブ」イントロTakeshi Yanagiya
?
WTM84 INTRODUCTION
1.
自己紹介
?柳谷 武 / ヤンプー
?SHAREFL / CANDO CORPORATION
?ウェブ/アプリ/ＤＴＰの仕事をしています
?広島に来て18年 / 実家は鳥取市湖山
2.
みなさんの分野は?
教育?行政
メーカー
映像?放送
ファッション
ファブ?3D
学生ウェブ?プログラム
グラフィック?広告
建築?インテリア
3.
AIR SHODOUというインスタレーションを運営しています。
4.
行灯
5.
看板
はじめてのFAB
WOOD PROさんの端材を渋谷FABCAFEさんで
6.7.
WORKS
普段はデジタルサイネージの仕事などをもしています。
YOUME TOWN TOUCH SIGNAGE APP
#TOUCH PANEL
#APP
#DESIGN
#PROGRAM
#UI
8.9.
アニメーションの仕事のついでにiPadカバーを
iPad16:9 WOOD COVER
#EVENT SUPPORT
#FAB DESIGN
#ANIMATION
10.11.12
otta inc.
スマート防犯グッズのサービスのデザインを担当しています。
アプリとウェブとDTP全般とアニメーションとイベント運営など。
新サービスのデバイスづくり。
まず3Dプリンタで試すそうです。
※量産は”型”で
※プロダクトデザインは、他のデザイナーさんがつくったものです
13.14.
otta PRODUCT TRY
エキスポイベント用などにデバイスを飾るトレイをつくりました。
15.
ウェブデザイナー目線でもこれだけ色々
提案できます
16.
ウェブも紙も建築もイベントも
映像も木工もいろんな分野で
これからはじぶんだけでつくれること増!!
17.18.19.20.21.22.
デジタルファブリケーション
受付でお渡ししたクラフト紙を取り出してください
FABRICATE / FABULOUS
カードを明るく見るか/暗く逆行で見るかで文字が変わるインスタレーション
23.
?レーザーカッター
?3Dプリンタ
?CNC
?ペーパーカッター
?デジタルミシン
上3つを紹介
24.
工具別の特徴
レーザーカッター / 3Dプリンタ / CNC
切る ○/×/△
削る △/×/○
盛る ×/○/×
細さ 0.2mm / 0.1mm / 6mm
厚み 0.5cm / 30cm / 5cm
広さ A3-A1 / 30x30cm / A5-1畳
借賃 1分100円 / 1分30円 / ？
※機種によりますがざっくりとこんなかんじです。※専門の工場価格ではありません。
25.
ハンズにファブがはいっているのは全国で広島だけ！
レーザーカッター
1分/100円
26.
広島のファブスポット
27.
本日のスピーカー
レーザーカッター
柳谷 環さん / MC 柳谷 武
3Dプリンタ
三谷 歩さん / MC 中山 慎一郎さん
CNC
椙原 俊典さん / MC 杉田 宗さん
地方で集うビジネスにしない滨罢ラボ
地方で集うビジネスにしない滨罢ラボTakeshi Yanagiya
?
地方で集うビジネスにしない滨罢ラボ
SHAREFL 柳谷 武
http://sharefl.jp/
受託系の制作会社に勤務しながら、将来のことを考えたとき。
「もっとこんな仕事ができたらいいのに」「もっとこんなことできるようになりたい」という思いと、
そうならない悪循環から抜け出すために取り組んでいることを、広島でクリエイティブ系の非営利の活動
「シェアフル」でのビジネスにしない新しいITものづくりを通して、振り返ります。
お金のやりとりではないコラボギブアンドテイクやコラボでつくれるものをどうノウハウとして蓄積するか、
どういうルールで進めているか、シェアフルの活動がすべての悩みに効くわけではないのですが、
来ていただく方のほんの少しのヒントになれば幸いです。
-------------------------------------------------------------------
?自己紹介
?AIR SHODOU実演
?SUGIT
?imagraph
?コンセプト
?ギブファーストでやってみたこと
?まとめ
■自己紹介
?柳谷武
?広島
?ウェブの仕事をしています
?仕事以外にビジネスにしないものづくりの場シェアフルをやってます
■AIR SHODOU実演
?だれか壇上に上がってもらって実演
?平面書き
?立体ビュー
?立体書道の面白さ
http://sharefl.jp/projects/airshodou/
■SUGIT
?デジタルサイネージ屋さんとシェアフルとパン屋さん
?提供しあう：実機とアプリと実店舗
http://sharefl.jp/projects/sugit/
■imagraph
?トラックメーカーとファッションデザイナーとインスタレーション開発
?ファッションとデジタルのコラボ
http://sharefl.jp/projects/imagraph/
■コンセプト
?テイク アンド ギブ
?ビジネスにしない新ものづくり
?趣味です
?受託の仕事で新しい試みができない悪循環
?悪：実績なし→提案が通らない→つくらない→実績が増えない→
?ギブファーストで好循環へ
?企業のものづくり：テイクファースト お金もらう約束→つくる
?シェアフルのものづくり：ギブファースト つくる→実績と知的資産
?好：実績から→依頼→制作→完成→実績が増える→
■ギブファーストでやってみたこと
?(図)企業企業企業 人人人 シェアフル
?(図のフォーカスが変化)
?企業をまたいで人がコラボ
?新しいものづくり(アプリやサービス)
?※趣味の活動です
?いろんなチームで色々プロジェクト
?新作つくった
?企業の実績にはなりません
?あくまでも人の実績です
?ノウハウは企業の資産
?提案の事例で企業も使える
?企業が売り物にしない
?クライアントをつらない、ビジネスをしない
?シェアフ?Lucky strike
Lucky strikeInnokentiy Stepanov
?
The document describes an educational game called "Lucky Strike" that aims to expand students' linguistic knowledge and develop their cognitive abilities. It lists characters from English folktales and their brief descriptions, including Winnie-the-Pooh, Snow White, Robin the Bobin, Tom and Jerry, Harry Potter, Cinderella, and others. It also includes some trivia questions about holidays, foods, geography, history, science, and literature. The game is meant to motivate students to learn English and culture through interactive group work.創業知能 2017中小企業商機媒合會徵展須知及報名表-詹翔霖副教授
創業知能 2017中小企業商機媒合會徵展須知及報名表-詹翔霖副教授文化大学
?
本文件介绍了2017年中小公司商机媒合会，旨在帮助国内公司拓展市场与技术合作，聚焦于智慧生活主题。活动将在台北举行，面向符合中小公司标准的公司，申请者需提供相关技术和产物信息，并会经过评审选拔。参与公司将获得后续的市场拓展建议和资源支持。Future simple
Future simpleInnokentiy Stepanov
?
Документ объясняет использование будущего простого времени (future simple) в английском языке для вопросов и отрицаний. Он описывает, как формируются вопросительные и отрицательные предложения, а также основные случаи использования этого времени для повторных действий, цепей последовательных действий и однократных действий в будущем. Приведены примеры временных выражений, указывающих на будущее.Jeová e o ministério pre mortal e a cria??o?lida Rolim
?
1) O documento discute o ministério pré-mortal de Jeová, incluindo Sua cria??o da Terra e outros mundos para que os filhos de Deus pudessem progredir.
2) Explica que na Batalha nos Céus, Satanás foi derrotado por meio de palavras e ideias, n?o por for?a, e foi expulso do mundo pré-mortal por rebeldia.
3) Discute como a Queda de Ad?o e Eva no Jardim do ?den contribuiu para o cumprimento do plano de Deus,ウェブ制作と复合力
ウェブ制作と复合力Takeshi Yanagiya
?
「ウェブ制作と复合力」
--------------------
柳谷武
CANDO CORPORATIOM / SHAREFL
カンドウ(仕事)
シェアフル(趣味)
スキマ(家業)
--------------------
ウェブタッチミーティング
過去いろいろ登壇
スピーカー14回
100 ウェブと複合力
96 厂痴骋を使った顿罢笔ファイル连携アプリ実例
84 みのるファブ(横川シネマ) 横川商店街劇場
72 大スクリーンで考える静と動(横川シネマ) 横川商店街劇場
60 ウェブとデジタルサイネージ
51 インスタレーションイベントのその後のウェブ再現
48 ウェブと写真
46 ウェブとロゴ
39 AIRならではのアプリ開発
33 KINECT openNIについて
30 FlashMediaServerについて
28 ウェブならではの仕組みを盛り込んだゲームについて
22 Flashで作る、身振り?くちぱくするキャラクターを安価でつくる方法
12 Flashを開かずにswfを使いまわす汎用swfの解説と配布法
CSS Nite in HIROSHIMA, Vol.2 ライトニングトーク
CSS Nite in HIROSHIMA, Vol.1 スピーカー
--------------------
家業でメーカーで
?イメージ訴求
?原価計算
?販路のこと
?掛け率
などいろいろ身近に
考えさせられることを体験。
じぶんごとに。
--------------------
通常のスタンス
メーカー→ウェブデザイナー
「こうしたらどうでしょう」
発注→提案
--------------------
じぶんごと
メーカー→ウェブデザイナー兼メーカー
「自分の場合こうしてます」
相談→解決
--------------------
将来の目標
パラレルキャリア有効活用の模索
--------------------
パラレれる人に
?ディレクターのいらないカメラマン
?デザイナーがプランニング提案
?エンジニアリングを理解した企画
--------------------
実例
?アフターエンド
?ウェブ
?楽天ECサイト制作
?デザイン
?撮影
?機材選定
?プロっぽく撮れるレクチャー
?SNS
?Instagram/Facebook
?発信方法
?仕入れ
?卸
--------------------
?とつくる
?ウェブサイト
?取材
?紙媒体
?ペルソナ
?方針整理
--------------------
日々勉強
?紙媒体
?映像
?アニメーション
?ウェブ
?プログラム
?差ｙシン
?デジタルアート
?ファブ
?プロダクト
--------------------
ウェブの中面
いろいろ仕事があるけど
?サイトデザイン
?CMS
?フォーム
?決済
?顧客管理
?SNS拡散
?アクセス解析
?SEO/リスティング
--------------------
ウェブの外側にも
合わせて提供で消えると
オリジナリティーになることがたくさん
近くにも広がっている。
?卸先
?パッケージ
?撮影
?ライティング
?紙媒体
?動画
?店舗
?看板
?展示会
?什器
?採用
?ピッチブック
?経営方針
--------------------
ウェブの外へ
総合的に
じぶんごと化。
--------------------
パラレれる人
?自分が理解されやすい
?相手を理解しやすい
--------------------
ウェブ と ＿＿＿
何か皆さんのお仕事の
ヒントになれば幸いです。
レーザーカッターで広がる顿罢笔とプロダクトデザイン
レーザーカッターで広がる顿罢笔とプロダクトデザインTakeshi Yanagiya
?
WTM84 SESSION1
1.
レーザーカッターで広がる顿罢笔とプロダクトデザイン
2.
自己紹介
柳谷環(やなぎや たまき)
広島出身
旦那/娘(6)/息子(3)
レーザーカッター
ミニメーカー
3.
?自己紹介
?レーザーカッター購入
?テーマのあるものづくりと制限
?削りと切断
?レーザーカッターの製作画面プレビュー
?挿し木をやてみる
?職人とメーカーの隙間
?まとめ
4.
ウェブ制作会社退職。
そしてレーザーカッター購入。
家に置いてます。
5.
2015.1/1 START
6.
INTUS.
Sukima.
7.
ちらかっても風景になる
おもちゃづくり。
8.
子育てママのイライラ軽減。
9.
レーザー加工に制限がある
?薄いもの(厚み3-5mm)
?誤差(焼失0.2mm)
?側面が焦げる
?削りは遅い
?重ねると燃える
?大物が入らない(A3(HAJIME)-A1(HANDS FAB)まで)
10.
制限の中で付加価値のあるもの
11.
親子で遊びながらお金の勉強
12.13.14.
紙物型抜き繊細加工一枚から。
15.
二枚紙を削ってエンボス加工。
16.
資格を削る/切断
削る時間(弱遅)
切断時間(速強)
17.
量産するプロダクトは切断設計が低コスト
18.19.
挿し木
20.
挿し木をやってみる
21.
Aiファイルを用意
22.23.
隠れた線もパスが交差しているとバラバラに切れてしまう
24.25.
焦げる線が重なり二重切断
26.27.28.
寸分たがわずなデータだと焼失0.2mm
29.30.31
0.01mmごとにシルエットを太くし具合を確認。
32.33.34.
入稿データを0.1mm外に厚くすると仕上がる輪郭がちょうどぴったりにくる
35.
しっかりベクターデータが編集できる人はアイデアしだい！
36.
INTUS.のたちいち
ミニメーカーと職人とメーカーの隙間
37.
クオリティー/量産ロット
職人/ミニメーカー/メーカー
38.
量産ロットはメーカーが多く作れ、職人は多く作れない
開発人数は職人が少なく、メーカーが多い
新プロダクト開発に時間画家からず進めれるのはミニメーカー
39.
新しいものをつくりやすい環境
(とりあえずやってみて形にできる)
40.
販売も販路も自分の責任。
卸す
rakuten.ne.jp/gold/favor
販売
sukima.gift
41.
イベントごとに新プロダクト
ggm(中央公園)
weekend base(ヒカリエ)
pantastic(パルコ)
42.
パルコにパングッズのガチャガチャを設置してみました
43.
うれゆきペース
平日60こ
休日100こ
44.
予想外に売れました→つくって翌日補充
45.
トーストマグネットも連鎖的に完売!!!!!!!!!!
つくって2日後補充
46.
ファブだ??WEB TOUCH MEETING 60 ウェブとサイネージ
WEB TOUCH MEETING 60 ウェブとサイネージTakeshi Yanagiya
?
パフォーマンスの高いサイネージのハードやタブレット端末で
ウェブのノウハウがデジタルサイネージで活かせるようになってきました。
ウェブでの考え方をまるまる移植しても意味が薄れることもあり
デジタルサイネージならではの考え方を模索して行く必要もあるとおもいます。
シェアフルとしては実験的にデジタルサイネージのポテンシャルを探る試みを始めました。
そのことについておはなしさせてもらえたら、
今の皆さんの技術が活かせる場が広がるがるかもしれません。 Jimdo
JimdoTakeshi Yanagiya
?
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.More Related Content
More from Takeshi Yanagiya (13)
ウェブ制作と复合力
ウェブ制作と复合力Takeshi Yanagiya
?
「ウェブ制作と复合力」
--------------------
柳谷武
CANDO CORPORATIOM / SHAREFL
カンドウ(仕事)
シェアフル(趣味)
スキマ(家業)
--------------------
ウェブタッチミーティング
過去いろいろ登壇
スピーカー14回
100 ウェブと複合力
96 厂痴骋を使った顿罢笔ファイル连携アプリ実例
84 みのるファブ(横川シネマ) 横川商店街劇場
72 大スクリーンで考える静と動(横川シネマ) 横川商店街劇場
60 ウェブとデジタルサイネージ
51 インスタレーションイベントのその後のウェブ再現
48 ウェブと写真
46 ウェブとロゴ
39 AIRならではのアプリ開発
33 KINECT openNIについて
30 FlashMediaServerについて
28 ウェブならではの仕組みを盛り込んだゲームについて
22 Flashで作る、身振り?くちぱくするキャラクターを安価でつくる方法
12 Flashを開かずにswfを使いまわす汎用swfの解説と配布法
CSS Nite in HIROSHIMA, Vol.2 ライトニングトーク
CSS Nite in HIROSHIMA, Vol.1 スピーカー
--------------------
家業でメーカーで
?イメージ訴求
?原価計算
?販路のこと
?掛け率
などいろいろ身近に
考えさせられることを体験。
じぶんごとに。
--------------------
通常のスタンス
メーカー→ウェブデザイナー
「こうしたらどうでしょう」
発注→提案
--------------------
じぶんごと
メーカー→ウェブデザイナー兼メーカー
「自分の場合こうしてます」
相談→解決
--------------------
将来の目標
パラレルキャリア有効活用の模索
--------------------
パラレれる人に
?ディレクターのいらないカメラマン
?デザイナーがプランニング提案
?エンジニアリングを理解した企画
--------------------
実例
?アフターエンド
?ウェブ
?楽天ECサイト制作
?デザイン
?撮影
?機材選定
?プロっぽく撮れるレクチャー
?SNS
?Instagram/Facebook
?発信方法
?仕入れ
?卸
--------------------
?とつくる
?ウェブサイト
?取材
?紙媒体
?ペルソナ
?方針整理
--------------------
日々勉強
?紙媒体
?映像
?アニメーション
?ウェブ
?プログラム
?差ｙシン
?デジタルアート
?ファブ
?プロダクト
--------------------
ウェブの中面
いろいろ仕事があるけど
?サイトデザイン
?CMS
?フォーム
?決済
?顧客管理
?SNS拡散
?アクセス解析
?SEO/リスティング
--------------------
ウェブの外側にも
合わせて提供で消えると
オリジナリティーになることがたくさん
近くにも広がっている。
?卸先
?パッケージ
?撮影
?ライティング
?紙媒体
?動画
?店舗
?看板
?展示会
?什器
?採用
?ピッチブック
?経営方針
--------------------
ウェブの外へ
総合的に
じぶんごと化。
--------------------
パラレれる人
?自分が理解されやすい
?相手を理解しやすい
--------------------
ウェブ と ＿＿＿
何か皆さんのお仕事の
ヒントになれば幸いです。
レーザーカッターで広がる顿罢笔とプロダクトデザイン
レーザーカッターで広がる顿罢笔とプロダクトデザインTakeshi Yanagiya
?
WTM84 SESSION1
1.
レーザーカッターで広がる顿罢笔とプロダクトデザイン
2.
自己紹介
柳谷環(やなぎや たまき)
広島出身
旦那/娘(6)/息子(3)
レーザーカッター
ミニメーカー
3.
?自己紹介
?レーザーカッター購入
?テーマのあるものづくりと制限
?削りと切断
?レーザーカッターの製作画面プレビュー
?挿し木をやてみる
?職人とメーカーの隙間
?まとめ
4.
ウェブ制作会社退職。
そしてレーザーカッター購入。
家に置いてます。
5.
2015.1/1 START
6.
INTUS.
Sukima.
7.
ちらかっても風景になる
おもちゃづくり。
8.
子育てママのイライラ軽減。
9.
レーザー加工に制限がある
?薄いもの(厚み3-5mm)
?誤差(焼失0.2mm)
?側面が焦げる
?削りは遅い
?重ねると燃える
?大物が入らない(A3(HAJIME)-A1(HANDS FAB)まで)
10.
制限の中で付加価値のあるもの
11.
親子で遊びながらお金の勉強
12.13.14.
紙物型抜き繊細加工一枚から。
15.
二枚紙を削ってエンボス加工。
16.
資格を削る/切断
削る時間(弱遅)
切断時間(速強)
17.
量産するプロダクトは切断設計が低コスト
18.19.
挿し木
20.
挿し木をやってみる
21.
Aiファイルを用意
22.23.
隠れた線もパスが交差しているとバラバラに切れてしまう
24.25.
焦げる線が重なり二重切断
26.27.28.
寸分たがわずなデータだと焼失0.2mm
29.30.31
0.01mmごとにシルエットを太くし具合を確認。
32.33.34.
入稿データを0.1mm外に厚くすると仕上がる輪郭がちょうどぴったりにくる
35.
しっかりベクターデータが編集できる人はアイデアしだい！
36.
INTUS.のたちいち
ミニメーカーと職人とメーカーの隙間
37.
クオリティー/量産ロット
職人/ミニメーカー/メーカー
38.
量産ロットはメーカーが多く作れ、職人は多く作れない
開発人数は職人が少なく、メーカーが多い
新プロダクト開発に時間画家からず進めれるのはミニメーカー
39.
新しいものをつくりやすい環境
(とりあえずやってみて形にできる)
40.
販売も販路も自分の責任。
卸す
rakuten.ne.jp/gold/favor
販売
sukima.gift
41.
イベントごとに新プロダクト
ggm(中央公園)
weekend base(ヒカリエ)
pantastic(パルコ)
42.
パルコにパングッズのガチャガチャを設置してみました
43.
うれゆきペース
平日60こ
休日100こ
44.
予想外に売れました→つくって翌日補充
45.
トーストマグネットも連鎖的に完売!!!!!!!!!!
つくって2日後補充
46.
ファブだ??WEB TOUCH MEETING 60 ウェブとサイネージ
WEB TOUCH MEETING 60 ウェブとサイネージTakeshi Yanagiya
?
パフォーマンスの高いサイネージのハードやタブレット端末で
ウェブのノウハウがデジタルサイネージで活かせるようになってきました。
ウェブでの考え方をまるまる移植しても意味が薄れることもあり
デジタルサイネージならではの考え方を模索して行く必要もあるとおもいます。
シェアフルとしては実験的にデジタルサイネージのポテンシャルを探る試みを始めました。
そのことについておはなしさせてもらえたら、
今の皆さんの技術が活かせる場が広がるがるかもしれません。 Jimdo
JimdoTakeshi Yanagiya
?
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.