SlideShare a Scribd company logo
1 of 19
Download to read offline
WEB系(エンジニア|デザイナ)
はBRACKETSを使ってみたら?
@stakaya
⾃自⼰己紹介
• プログラマ
• ここ数年年、スマホアプリの開発してました
• デザイン勉強中
• 仕事はしてませんw
プログラマが⼀一番使っているアプリって
なんでしょうね?
ズバリ、エディタじゃないでしょうか?
(Excelの⼈人もいる?)
なので、プログラマにとってエディタっ
て超重要ですよね。
最近、「Emacsからxcodeに移⾏行行した」と
か「VimからIntelliJに移った」とか聞いた
りします。
アプリ開発はIDEが主流流に
なっていますね。
(というか、エディタじゃ無理理ゲー。)
じゃあ、Web系の⼈人たちってどうなの?
「PHPStorm・WebStormとかデフォで
しょ。」って⼈人もいたりするので、
Web開発にもIDEが浸透している気はし
ますね。  
じゃあ皆エディタとか使わなくなるの?
と⾔言ったらそうでは無い!
最近、巷でこんなエディタが流流⾏行行ってる
• Visual Studio Code
• Atom
• Brackets
共通している特徴
• 重くはないが軽くもない  
• javascriptでできている(node.js)
• ⼀一般的なエディタに⽐比べて⾼高機能
• 無償利利⽤用可能
• プラグインが充実
• Markdownプレビュー(地味に嬉しい)
今、エディタと⾔言ったらこの辺が熱い!
• 機能が少なく軽量量なエディタ  
• 少し重いが⾼高機能でカスタマイズも程々で
きるエディタ
• カスタマイズにより⾊色々出来るエディタ
時代として、そんなに軽くなくてもいい
ので、そこそこの機能は欲しいってこと
なのかもしれません。
3つとも使ってみて、Bracketsが実⽤用的
でよかったので紹介します。
Bracketsのどこがいいの?
• エディタ⾃自体のデバックが可能
(プログラマフレンドリー)
• ブラウザ連携が強⼒力力
• Adobe製品との連携  
誰にお勧め?
• Web系のフロントエンドエンジニア
• マークアップエンジニア
• Webデザイナ  
じゃあデモ!
皆も使ってみて!

More Related Content

What's hot

endeworksでのWebAppの作り方
endeworksでのWebAppの作り方endeworksでのWebAppの作り方
endeworksでのWebAppの作り方
33rpm
 
Visual Studio といえば 当然 Visual Studio for Mac だよね!
Visual Studio といえば当然 Visual Studio for Mac だよね!Visual Studio といえば当然 Visual Studio for Mac だよね!
Visual Studio といえば 当然 Visual Studio for Mac だよね!
Tomohiro Suzuki
 
スマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAA
スマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAAスマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAA
スマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAA
Koji Hasegawa
 
ひと目でわからん Metro アプリ開発入門
ひと目でわからん Metro アプリ開発入門ひと目でわからん Metro アプリ開発入門
ひと目でわからん Metro アプリ開発入門
Masuda Tomoaki
 
Universal Windows app 入門
Universal Windows app 入門Universal Windows app 入門
Universal Windows app 入門
一希 大田
 

What's hot (20)

テストがあればなんとかなる〜効率化までの道程〜
テストがあればなんとかなる〜効率化までの道程〜テストがあればなんとかなる〜効率化までの道程〜
テストがあればなんとかなる〜効率化までの道程〜
 
ScalaからGoへ
ScalaからGoへScalaからGoへ
ScalaからGoへ
 
endeworksでのWebAppの作り方
endeworksでのWebAppの作り方endeworksでのWebAppの作り方
endeworksでのWebAppの作り方
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
 
Swift5_1 swift_ui
Swift5_1 swift_uiSwift5_1 swift_ui
Swift5_1 swift_ui
 
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
モバイルアプリ開発未経験でJavaもKotlinも触ったことがない人とFluxアーキテクチャでAndroidアプリ開発する話
 
Visual Studio といえば 当然 Visual Studio for Mac だよね!
Visual Studio といえば当然 Visual Studio for Mac だよね!Visual Studio といえば当然 Visual Studio for Mac だよね!
Visual Studio といえば 当然 Visual Studio for Mac だよね!
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
 
ポストJenkins時代のCI戦略
ポストJenkins時代のCI戦略ポストJenkins時代のCI戦略
ポストJenkins時代のCI戦略
 
ギルドワークスの現場コーチ
ギルドワークスの現場コーチギルドワークスの現場コーチ
ギルドワークスの現場コーチ
 
Swiftビギナーズ勉強会 第1回 @Co-Edo
Swiftビギナーズ勉強会 第1回 @Co-EdoSwiftビギナーズ勉強会 第1回 @Co-Edo
Swiftビギナーズ勉強会 第1回 @Co-Edo
 
インフラざっくり会
インフラざっくり会インフラざっくり会
インフラざっくり会
 
スマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAA
スマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAAスマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAA
スマートフォンアプリ開発と自動化 〜なじむ。実に!なじむぞ!〜 #AsianAA
 
自動テストとJenkinsの活用 公開版
自動テストとJenkinsの活用 公開版自動テストとJenkinsの活用 公開版
自動テストとJenkinsの活用 公開版
 
ひと目でわからん Metro アプリ開発入門
ひと目でわからん Metro アプリ開発入門ひと目でわからん Metro アプリ開発入門
ひと目でわからん Metro アプリ開発入門
 
老舗大企業からスタートアップへの挑戦
老舗大企業からスタートアップへの挑戦老舗大企業からスタートアップへの挑戦
老舗大企業からスタートアップへの挑戦
 
Railsのソースコードを読みはじめて変わったこと
Railsのソースコードを読みはじめて変わったことRailsのソースコードを読みはじめて変わったこと
Railsのソースコードを読みはじめて変わったこと
 
フロントエンドというカオスな世界について
フロントエンドというカオスな世界についてフロントエンドというカオスな世界について
フロントエンドというカオスな世界について
 
Wantedlyのテスト事情
Wantedlyのテスト事情Wantedlyのテスト事情
Wantedlyのテスト事情
 
Universal Windows app 入門
Universal Windows app 入門Universal Windows app 入門
Universal Windows app 入門
 

Viewers also liked (6)

グレープフルーツの剥き方
グレープフルーツの剥き方グレープフルーツの剥き方
グレープフルーツの剥き方
 
Amazon product advertising apiで遊んでみた
Amazon product advertising apiで遊んでみたAmazon product advertising apiで遊んでみた
Amazon product advertising apiで遊んでみた
 
Forkwell Meetup #3 Productivity Engineering スポンサーLT - 株式会社エクストーン
Forkwell Meetup #3 Productivity Engineering スポンサーLT - 株式会社エクストーンForkwell Meetup #3 Productivity Engineering スポンサーLT - 株式会社エクストーン
Forkwell Meetup #3 Productivity Engineering スポンサーLT - 株式会社エクストーン
 
ABTest
ABTestABTest
ABTest
 
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかなぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
 
How to fight against “full scratch disease”
How to fight against  “full scratch disease”How to fight against  “full scratch disease”
How to fight against “full scratch disease”
 

Similar to Bracketsについて

パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
 
チームラボ スマホアプリチームの面白い仕事の作り方
チームラボ スマホアプリチームの面白い仕事の作り方チームラボ スマホアプリチームの面白い仕事の作り方
チームラボ スマホアプリチームの面白い仕事の作り方
Wataru Sakashita
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
 

Similar to Bracketsについて (20)

アプリ開発の勉強の始め方
アプリ開発の勉強の始め方アプリ開発の勉強の始め方
アプリ開発の勉強の始め方
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
 
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.000からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
 
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
 
チームラボ スマホアプリチームの面白い仕事の作り方
チームラボ スマホアプリチームの面白い仕事の作り方チームラボ スマホアプリチームの面白い仕事の作り方
チームラボ スマホアプリチームの面白い仕事の作り方
 
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えることデザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
Electron + java scriptによる デスクトップアプリの開発
Electron + java scriptによる デスクトップアプリの開発Electron + java scriptによる デスクトップアプリの開発
Electron + java scriptによる デスクトップアプリの開発
 
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
 
事業企画
事業企画事業企画
事業企画
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
 
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
 
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKIデザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
 
20140321 makershub 専門家が手を動かしながら、
20140321 makershub 専門家が手を動かしながら、20140321 makershub 専門家が手を動かしながら、
20140321 makershub 専門家が手を動かしながら、
 
クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜
クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜
クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜
 
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLTVue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
 

More from Shuichi Takaya

フラッシャーはこれからどうしたらいいのか。
フラッシャーはこれからどうしたらいいのか。フラッシャーはこれからどうしたらいいのか。
フラッシャーはこれからどうしたらいいのか。
Shuichi Takaya
 

More from Shuichi Takaya (10)

svelte と tailwind で始めるフロントエンド開発
svelte と tailwind で始めるフロントエンド開発svelte と tailwind で始めるフロントエンド開発
svelte と tailwind で始めるフロントエンド開発
 
とあるムービーを作った話
とあるムービーを作った話とあるムービーを作った話
とあるムービーを作った話
 
Android O で開発者が気をつけること
Android O で開発者が気をつけることAndroid O で開発者が気をつけること
Android O で開発者が気をつけること
 
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったことAndroidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
 
Test the web forward に行きました。
Test the web forward に行きました。Test the web forward に行きました。
Test the web forward に行きました。
 
フラッシャーはこれからどうしたらいいのか。
フラッシャーはこれからどうしたらいいのか。フラッシャーはこれからどうしたらいいのか。
フラッシャーはこれからどうしたらいいのか。
 
普段はAndroid開発やってるけど、Tizenをさわってみたよ
普段はAndroid開発やってるけど、Tizenをさわってみたよ普段はAndroid開発やってるけど、Tizenをさわってみたよ
普段はAndroid開発やってるけど、Tizenをさわってみたよ
 
Androidアプリのリバースエンジニアリング
AndroidアプリのリバースエンジニアリングAndroidアプリのリバースエンジニアリング
Androidアプリのリバースエンジニアリング
 
Android端末のroot化について
Android端末のroot化についてAndroid端末のroot化について
Android端末のroot化について
 
Androidアプリ開発を楽にするために
Androidアプリ開発を楽にするためにAndroidアプリ開発を楽にするために
Androidアプリ開発を楽にするために
 

Bracketsについて