Submit Search
Upload
デザイナーさんでもできる Browsersync からはじめる作業効率化
•
1 like
•
1,163 views
Kumiko SHIMIZU
Follow
2016年1月23日 Dorpamine Vol.1 「みんなの開発環境」LT スライド
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 24
Download now
Download to read offline
Recommended
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Knock!Knork! Webデザイントレンド2016(2016年3月12日開催)の発表資料です。
Bootstrap
Bootstrap
Masaki Kusuhata
Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!
Marie Suenaga
ゆるふわ勉強会第3回にてhttp://suema-r.com/blog/photoshop_basic_01/
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
regret raym
第4回 Creators MeetUpで発表したスライドです。
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
windowsにgulpを導入するまでの流れを説明したものです。未完成に見えて完成です。タイトル詐欺。
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
WP-D Fes #03 in GMO Yours Web制作の最新事情を理解制作現場をいまこそアップデートしましょう!! Tokyo 2015.02.22.sun Osaka 2015.03.07.sat
Recommended
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Knock!Knork! Webデザイントレンド2016(2016年3月12日開催)の発表資料です。
Bootstrap
Bootstrap
Masaki Kusuhata
Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!
Marie Suenaga
ゆるふわ勉強会第3回にてhttp://suema-r.com/blog/photoshop_basic_01/
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
regret raym
第4回 Creators MeetUpで発表したスライドです。
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
windowsにgulpを導入するまでの流れを説明したものです。未完成に見えて完成です。タイトル詐欺。
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
WP-D Fes #03 in GMO Yours Web制作の最新事情を理解制作現場をいまこそアップデートしましょう!! Tokyo 2015.02.22.sun Osaka 2015.03.07.sat
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
JavaScriptを使ったタイピングゲームのスライドです qiitaに詳しいコードも一部載せてるのでよかったらどうぞ →https://qiita.com/papyrustaro/items/7f3133569ec363670cd6
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Erina Takei
第29回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/15401/ 昨今、非エンジニアの間でもGitが浸透してきましたが、コマンド操作に慣れない方も多いのではないでしょうか? GUIツールでコマンドいらずなGitライフをオススメします。 コマンドだと複雑な操作もラクラクなので、エンジニアの方でもこの機にぜひ。 武井絵利菜@skyguild http://skyguild.jp
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Yuusuke Takeuchi
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
2009/07/02 三鷹プログラマーズカフェにて
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
sairoutine
関西ゲーム勉強会 LT
Gatsby.js完全に理解した
Gatsby.js完全に理解した
ssuser953388
【オンライン】エンジニア達の「〇〇完全に理解した」Talk #10 https://easy2.connpass.com/event/190477/ 上記イベントの登壇資料です じわじわきている静的サイトジェネレータのGatsby.jsを紹介しています
毎日ブログを書いてみた ブロガーズフェスティバル 2015
毎日ブログを書いてみた ブロガーズフェスティバル 2015
Mayuko Moriyama
ブロガーズフェスティバル 2015 のライトニングトークのスライドです。
プログラミング初心者向け情報サイト「プロスタ」
プログラミング初心者向け情報サイト「プロスタ」
Yosuke Homma
プログラミング初心者のための情報サイトであるプロスタの紹介です。CodeCamp2周年記念イベントのライトニングトークにて登壇した際の資料です。
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
第44回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/39585/ フリーランスミートアップというイベントを主催したので、その中の気付きや学び。 そして、イベント主催をもっと気軽に色んな人にやってもらいたい!っていう話です。 武井絵利菜@skyguild http://skyguild.jp
FireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
YUKI YAMAGUCHI
PHPでやった画像処理のいろいろのお話です。間違っていたらごめんなさい…!
Wcan 2013 autumn_trident_mizuno
Wcan 2013 autumn_trident_mizuno
TRIDENT
WCAN 2013 Autumnライトニングトーク資料。 トライデントコンピュータ専門学校1年水野裕太 「Web歴半年!? プログラムど素人の僕がThree.jsを使って3D描画にチャレンジしてみた」
通信対戦ゲームを作った話
通信対戦ゲームを作った話
mipsparc
ConbGig2で話すスライド.ご意見ください
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
momo yagi
https://bitbank.connpass.com/event/97311/
2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho1
2021-01-25日にN高等学校で発表したLT
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
Sapporo.js-2010.11.27 での発表資料です。
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
Erina Takei
Genesis Lightning Talks vol. 50(ほぼ忘年会) のLT資料です! https://connpass.com/event/45256/ 渋谷もくもく会やフリーランスミートアップなど勉強会を開催したり、色んな勉強会に参加したよ―って話。 来年はもっと積極的にアウトプットしていきます。 武井絵利菜@skyguild http://skyguild.jp
ブラウザのブックマークの小咄
ブラウザのブックマークの小咄
Akira HIRATA
多くの人がなんとなく使っているブラウザのブックマークについて、意外と知らなそうな小テクニックを紹介します。 U-NEXTの第1回社内勉強会「TECH NIGHT」 で発表したLTのスライドです。 スライド内で紹介してるリンクは以下にまとめます。
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
Yuki Kuroki
お互い工夫してコミニケーションコストを下げてゆこう
More Related Content
What's hot
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
JavaScriptを使ったタイピングゲームのスライドです qiitaに詳しいコードも一部載せてるのでよかったらどうぞ →https://qiita.com/papyrustaro/items/7f3133569ec363670cd6
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Erina Takei
第29回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/15401/ 昨今、非エンジニアの間でもGitが浸透してきましたが、コマンド操作に慣れない方も多いのではないでしょうか? GUIツールでコマンドいらずなGitライフをオススメします。 コマンドだと複雑な操作もラクラクなので、エンジニアの方でもこの機にぜひ。 武井絵利菜@skyguild http://skyguild.jp
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Yuusuke Takeuchi
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
2009/07/02 三鷹プログラマーズカフェにて
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
sairoutine
関西ゲーム勉強会 LT
Gatsby.js完全に理解した
Gatsby.js完全に理解した
ssuser953388
【オンライン】エンジニア達の「〇〇完全に理解した」Talk #10 https://easy2.connpass.com/event/190477/ 上記イベントの登壇資料です じわじわきている静的サイトジェネレータのGatsby.jsを紹介しています
毎日ブログを書いてみた ブロガーズフェスティバル 2015
毎日ブログを書いてみた ブロガーズフェスティバル 2015
Mayuko Moriyama
ブロガーズフェスティバル 2015 のライトニングトークのスライドです。
プログラミング初心者向け情報サイト「プロスタ」
プログラミング初心者向け情報サイト「プロスタ」
Yosuke Homma
プログラミング初心者のための情報サイトであるプロスタの紹介です。CodeCamp2周年記念イベントのライトニングトークにて登壇した際の資料です。
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
第44回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/39585/ フリーランスミートアップというイベントを主催したので、その中の気付きや学び。 そして、イベント主催をもっと気軽に色んな人にやってもらいたい!っていう話です。 武井絵利菜@skyguild http://skyguild.jp
FireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
YUKI YAMAGUCHI
PHPでやった画像処理のいろいろのお話です。間違っていたらごめんなさい…!
Wcan 2013 autumn_trident_mizuno
Wcan 2013 autumn_trident_mizuno
TRIDENT
WCAN 2013 Autumnライトニングトーク資料。 トライデントコンピュータ専門学校1年水野裕太 「Web歴半年!? プログラムど素人の僕がThree.jsを使って3D描画にチャレンジしてみた」
通信対戦ゲームを作った話
通信対戦ゲームを作った話
mipsparc
ConbGig2で話すスライド.ご意見ください
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
momo yagi
https://bitbank.connpass.com/event/97311/
2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho1
2021-01-25日にN高等学校で発表したLT
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
Sapporo.js-2010.11.27 での発表資料です。
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
Erina Takei
Genesis Lightning Talks vol. 50(ほぼ忘年会) のLT資料です! https://connpass.com/event/45256/ 渋谷もくもく会やフリーランスミートアップなど勉強会を開催したり、色んな勉強会に参加したよ―って話。 来年はもっと積極的にアウトプットしていきます。 武井絵利菜@skyguild http://skyguild.jp
What's hot
(20)
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Make TypingGame in JavaScript
Make TypingGame in JavaScript
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
プログラマのためのPC自動化
プログラマのためのPC自動化
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
Gatsby.js完全に理解した
Gatsby.js完全に理解した
毎日ブログを書いてみた ブロガーズフェスティバル 2015
毎日ブログを書いてみた ブロガーズフェスティバル 2015
プログラミング初心者向け情報サイト「プロスタ」
プログラミング初心者向け情報サイト「プロスタ」
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
FireFoxによるWebデザイン
FireFoxによるWebデザイン
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
Wcan 2013 autumn_trident_mizuno
Wcan 2013 autumn_trident_mizuno
通信対戦ゲームを作った話
通信対戦ゲームを作った話
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
2021 01-25 lt sho kato
2021 01-25 lt sho kato
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
もくもくと過ごした2016年振り返り
もくもくと過ごした2016年振り返り
Similar to デザイナーさんでもできる Browsersync からはじめる作業効率化
ブラウザのブックマークの小咄
ブラウザのブックマークの小咄
Akira HIRATA
多くの人がなんとなく使っているブラウザのブックマークについて、意外と知らなそうな小テクニックを紹介します。 U-NEXTの第1回社内勉強会「TECH NIGHT」 で発表したLTのスライドです。 スライド内で紹介してるリンクは以下にまとめます。
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
Yuki Kuroki
お互い工夫してコミニケーションコストを下げてゆこう
Effective web performance tuning for smartphone
Effective web performance tuning for smartphone
dena_study
第三回DeNAゲーム開発勉強会の資料です。 https://atnd.org/events/59594
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
典子 松本
11/18(土)に福岡で開催した「LogicFlow-ja Offline #1」の発表資料です。
みくみくまうすについて&Unity で使えるコーディングノウハウ
みくみくまうすについて&Unity で使えるコーディングノウハウ
torisoup
2014/12/20 プログラミング生放送勉強会 第32回@GMO Yours で発表した講演資料です ・ニコ生配信支援ツール「みくみくまうす」についての紹介 ・コーディングする上で意識すべきこと -名前の付け方 -機能の分離 -SOLID原則 -MVCパターンとUnity ・C#の便利機能 -拡張メソッド -LINQ -UniRx
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
yuitoakatsukijp
UniProject's Workshop in April 28th. Let's make a Discord Bot with JavaScript.
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
わんくま名古屋#33(20141115) モノ作り半生
わんくま名古屋#33(20141115) モノ作り半生
Yasuhiko Yamamoto
わんくま名古屋 #33 (20141115) MVP受賞記念セッション 「モノ作り半生」 .pptx / .pdf は OneDrive からダウンロードできます > http://1drv.ms/1uoiCKs
Webデザイナー視点で使ってみたMicrosoft Azureの話
Webデザイナー視点で使ってみたMicrosoft Azureの話
典子 松本
2015/11/21に行われた「プログラミング生放送勉強会 第37回@福岡」で発表したスライドです。
Django ORM道場:クエリの基本を押さえ,より良い形を身に付けよう
Django ORM道場:クエリの基本を押さえ,より良い形を身に付けよう
Takayuki Shimizukawa
Django ORMはSQLの知識がなくてもある程度のデータベース操作ができる便利な技術ですが、その知識だけでDB操作をしていると、気がつかないうちにとても効率の悪い実装をしてしまいます。Web開発からプログラミングを始めた人はWebフレームワークを使ってしばらくしてからDBに関心を持つようになる、何ならDBのことはあまり考えたくない、という方も多いのではないでしょうか。このDjango ORM道場では、そんな「Django ORMあるある」を正し、本来やりたかったはずの処理を効率良く行うことができるよう、基本の形を紹介します。 デモコード https://github.com/shimizukawa/pycon-apac-2023-django-orm-dojo トーク情報 https://2023-apac.pycon.jp/timetable?id=GJJGPS
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
Yasuhiko Yamamoto
わんくま名古屋#31 2014/05/24 PowerPoint資料: http://1drv.ms/1oqxino
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
WordBench大分 第10回勉強会 【芸術の秋 Webデザインフェス】 2014年10月26日 @ホルトホール大分 内容は諸事情によりカットして公開。
今日から始めるC3.js
今日から始めるC3.js
Wataru Nakaseko
D3のラッパーライブラリであるC3.jsの紹介
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
Interact 2019でしゃべってきた資料です、。
Chrome 拡張のご紹介
Chrome 拡張のご紹介
Tetsunosuke Saito
2012/12/12 にChrome拡張についての紹介をお話してきた時のスライドです
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
2018年6月9日に開催されたABC2018Springの講演資料。 濫立するデザインツール、プロトタイプツールの選び方。 先日Googleから発表されたMaterial Theme Editorを使ってみた結果の共有。
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
interact 2019でセッションしてきました
うちの開発におけるXD利用法
うちの開発におけるXD利用法
Kazuma Sekiguchi
Adobe XD Meeting #15で話をしたときの資料です。
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
まべ☆てっく運営
2017/03/09に弊社で開催された技術勉強会、まべ☆てっくvol.3「Unity®のお道具箱」の登壇資料です
Similar to デザイナーさんでもできる Browsersync からはじめる作業効率化
(20)
ブラウザのブックマークの小咄
ブラウザのブックマークの小咄
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
Effective web performance tuning for smartphone
Effective web performance tuning for smartphone
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
みくみくまうすについて&Unity で使えるコーディングノウハウ
みくみくまうすについて&Unity で使えるコーディングノウハウ
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
わんくま名古屋#33(20141115) モノ作り半生
わんくま名古屋#33(20141115) モノ作り半生
Webデザイナー視点で使ってみたMicrosoft Azureの話
Webデザイナー視点で使ってみたMicrosoft Azureの話
Django ORM道場:クエリの基本を押さえ,より良い形を身に付けよう
Django ORM道場:クエリの基本を押さえ,より良い形を身に付けよう
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
わんくま名古屋#31(20140524) ユニバーサルWindowsアプリ開発の勧め
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
今日から始めるC3.js
今日から始めるC3.js
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Chrome 拡張のご紹介
Chrome 拡張のご紹介
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
うちの開発におけるXD利用法
うちの開発におけるXD利用法
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
Recently uploaded
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
Toru Miyahara
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
Yuuitirou528 default
深海探査を行うロボットについてざっくりと初心者向け?に解説したおはなし会の資料です。 https://x.com/INHI_UV2B/status/1796712335765369263
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
miyp
ビジュアルプログラミングIoTLT17資料です。
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
Masatsugu Matsushita
下記の会の感想 https://kichijojipm.connpass.com/event/315276/presentation/
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
K Kinzal
Solana Developer Hub Online #6 https://lu.ma/evx8jtpi
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Toru Miyahara
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Toru Miyahara
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Recently uploaded
(7)
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
デザイナーさんでもできる Browsersync からはじめる作業効率化
1.
デザイナーさんでもできる Browsersyncからはじめる作業効率化 2016.01.23 Dorpamine vol.1
qumiko totoco (@oratnin) Ŏ
2.
自己紹介 • 静岡県西部を中心に活動しているWeb系おかん • デザイナー兼マークアップエンジニア •
趣味はフィルム写真と映画鑑賞 • Webアクセシビリティ興味のある方お友達になりましょう qumiko totoco トトコトデザイン @oratnin
3.
本日の ターゲット
4.
コーディングもこなす デザイナーさん 早く家に帰りたい マークアッパーさん
5.
ところで コーディングするとき 1日何回ブラウザをリロードしていますか? 指、疲れるよ…ね?
6.
そこで 本日のお題
7.
それ、 Browsersync で解決しちゃいましょう
8.
ファイルの変更を検知して ブラウザをリロードしてくれる 便利なツール
9.
使うもの Node.js黒い画面 Browsersync …と、少しのやる気 今日はMacの場合で説明します。
10.
DEMO デモファイルのダウンロード https://github.com/oratnin/dorpamine01_demo
11.
環境を 作ってみよう
12.
STEP 1 Node.jsをインストール https://nodejs.org/
13.
STEP 2 npm
の設定ファイルを作る package.json $ cd ~/project-name $ npm init
14.
STEP 3 Browsersyncをインストール $
npm install browser-sync https://www.browsersync.io/Browsersync
15.
STEP 4 package.jsonにリロード対象と 起動するための設定を追記する package.json "scripts":{ "start":"browser-sync start
--server --files='./*'" } • ここでは package.json と同階層(~/project-name)のファイ ルに変更があったとき、リロードするようにしています。
16.
STEP 5 起動してみよう! $
npm start
17.
STEP 6 ブラウザが起動して localhost:3000
が表示される ファイルを修正して保存すると… リロードされた!
18.
たったの、これだけ! できそうな気が…しませんか?
19.
こんなこともできる • 複数のブラウザで同時にリロードや スクロール、ページ遷移も同期 • 同じネットワーク(Wi-Fi)内のモバイル端末や PCでも動作の確認が可能 •
他のツールを組み合わせで出来ることが広がる
20.
まとめ
21.
小さな自動化の積み重ねで 時間と気持ちにゆとりを! 1. 日々の小さな作業は自動化ができる 3. ツールの組み合わせで出来ることが広がる 2.
Browsersync はファイル変更を検知・リロード Browsersyncの詳しい設定方法は、追ってブログで公開予定です。 http://totoco.org/
22.
Browsersync から 作業効率化はじめよう!
23.
ご清聴ありがとうございました! Thank You
24.
All photographs taken
by me. https://creativemarket.com/pixelbazaar/ Thanks to FLATILICIOUS by Pixel Bazaar and https://www.eyeem.com/u/fotoco_org
Download now