Soumettre la recherche
Mettre en ligne
SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
•
Télécharger en tant que PPTX, PDF
•
1 j'aime
•
699 vues
Atsushi Handa
Suivre
オープンソースのエディタ、Bracketsで出来る数々の魅力的なことを紹介したスライドです! (2015/9/12 札幌で開催されたSaCSS Vol.69にて使用)
Lire moins
Lire la suite
Technologie
Affichage du diaporama
Signaler
Partager
Affichage du diaporama
Signaler
Partager
1 sur 36
Télécharger maintenant
Recommandé
SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!
Atsushi Handa
About SnapKit - Open source lab -
About SnapKit - Open source lab -
Daisuke Yamashita
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
Seiko Kuchida
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
schoowebcampus
タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜
Masaya Kogawa
E2E CSS Testing at HTML5 Conference 2016
E2E CSS Testing at HTML5 Conference 2016
Takeharu Igari
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
今日から使える! HTML/CSS/JSの シンプルテクニック15選
今日から使える! HTML/CSS/JSの シンプルテクニック15選
Horiguchi Seito
Recommandé
SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!
Atsushi Handa
About SnapKit - Open source lab -
About SnapKit - Open source lab -
Daisuke Yamashita
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
Seiko Kuchida
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
schoowebcampus
タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜
Masaya Kogawa
E2E CSS Testing at HTML5 Conference 2016
E2E CSS Testing at HTML5 Conference 2016
Takeharu Igari
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
今日から使える! HTML/CSS/JSの シンプルテクニック15選
今日から使える! HTML/CSS/JSの シンプルテクニック15選
Horiguchi Seito
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
Enduring CSS
Enduring CSS
Takazudo
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
20190621_RDBMSのVIEWを使ってRailsのデータアクセスをいい感じにする【銀座Rails#10】
20190621_RDBMSのVIEWを使ってRailsのデータアクセスをいい感じにする【銀座Rails#10】
Masato Mori
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
あなたはインフラエンジニアですか? いいえ、私はソフトウェアエンジニアです。
あなたはインフラエンジニアですか? いいえ、私はソフトウェアエンジニアです。
Terui Masashi
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
Muyuu Fujita
Jsのビルド環境
Jsのビルド環境
fourside
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
Masashi Murakami
141115 making web site
141115 making web site
Himi Sato
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
Seiko Kuchida
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
hideaki honda
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
Css Architecture for the future 未来を見据えるCSS設計
Css Architecture for the future 未来を見据えるCSS設計
Horiguchi Seito
雑食系エンジニアの作りかた
雑食系エンジニアの作りかた
Hiroshi Maekawa
Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
schoowebcampus
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
Yasuhito Yabe
Contenu connexe
Tendances
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
Enduring CSS
Enduring CSS
Takazudo
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
20190621_RDBMSのVIEWを使ってRailsのデータアクセスをいい感じにする【銀座Rails#10】
20190621_RDBMSのVIEWを使ってRailsのデータアクセスをいい感じにする【銀座Rails#10】
Masato Mori
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
あなたはインフラエンジニアですか? いいえ、私はソフトウェアエンジニアです。
あなたはインフラエンジニアですか? いいえ、私はソフトウェアエンジニアです。
Terui Masashi
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
Muyuu Fujita
Jsのビルド環境
Jsのビルド環境
fourside
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
Masashi Murakami
141115 making web site
141115 making web site
Himi Sato
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
Seiko Kuchida
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
hideaki honda
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
Css Architecture for the future 未来を見据えるCSS設計
Css Architecture for the future 未来を見据えるCSS設計
Horiguchi Seito
雑食系エンジニアの作りかた
雑食系エンジニアの作りかた
Hiroshi Maekawa
Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Tendances
(20)
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Enduring CSS
Enduring CSS
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
20190621_RDBMSのVIEWを使ってRailsのデータアクセスをいい感じにする【銀座Rails#10】
20190621_RDBMSのVIEWを使ってRailsのデータアクセスをいい感じにする【銀座Rails#10】
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
あなたはインフラエンジニアですか? いいえ、私はソフトウェアエンジニアです。
あなたはインフラエンジニアですか? いいえ、私はソフトウェアエンジニアです。
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
Jsのビルド環境
Jsのビルド環境
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
SaCSS vol.63 動的なサイトの開発でgulpとBrowserSyncを使ってみる
141115 making web site
141115 making web site
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Css Architecture for the future 未来を見据えるCSS設計
Css Architecture for the future 未来を見据えるCSS設計
雑食系エンジニアの作りかた
雑食系エンジニアの作りかた
Createjsについて@jsCafe20
Createjsについて@jsCafe20
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Similaire à SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
schoowebcampus
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
Yasuhito Yabe
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Kazuma Sekiguchi
Browser oh browser browser
Browser oh browser browser
Teppei Sato
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Akira Maruyama
これから始める Bot Builder 開発のコツと舞台裏
これから始める Bot Builder 開発のコツと舞台裏
Yuta Matsumura
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Kazumi IWANAGA
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
Keisuke Todoroki
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Hideki Akiba
C#メタプログラミング概略 in 2021
C#メタプログラミング概略 in 2021
Atsushi Nakamura
20090410 Idcon Stomita
20090410 Idcon Stomita
Shinichi Tomita
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
ハッカソンに使うSwift & Swift 3.0のGCD
ハッカソンに使うSwift & Swift 3.0のGCD
翔新 史
.NET 7におけるBlazorの新機能
.NET 7におけるBlazorの新機能
TomomitsuKusaba
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Kentaro Matsui
ScratchとAzure FunctionsのBlocklyな関係
ScratchとAzure FunctionsのBlocklyな関係
Masuda Tomoaki
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
Kazumi IWANAGA
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
Akira Maruyama
Similaire à SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
(20)
ブラウザだけで学ぶWebアプリ開発【デザイン編】
ブラウザだけで学ぶWebアプリ開発【デザイン編】
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Browser oh browser browser
Browser oh browser browser
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
これから始める Bot Builder 開発のコツと舞台裏
これから始める Bot Builder 開発のコツと舞台裏
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
C#メタプログラミング概略 in 2021
C#メタプログラミング概略 in 2021
20090410 Idcon Stomita
20090410 Idcon Stomita
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
ハッカソンに使うSwift & Swift 3.0のGCD
ハッカソンに使うSwift & Swift 3.0のGCD
.NET 7におけるBlazorの新機能
.NET 7におけるBlazorの新機能
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がソーシャルゲーム開発を成功させるための10のポイント
ScratchとAzure FunctionsのBlocklyな関係
ScratchとAzure FunctionsのBlocklyな関係
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
Plus de Atsushi Handa
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
Atsushi Handa
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
Atsushi Handa
マーケティングオートメーションを始めるには②
マーケティングオートメーションを始めるには②
Atsushi Handa
Webを勉強中の方々へ
Webを勉強中の方々へ
Atsushi Handa
CSSの新しい設計思想 PRECSSを作りました
CSSの新しい設計思想 PRECSSを作りました
Atsushi Handa
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
Atsushi Handa
効率化という病気にかかった男の末路 Ver2.0
効率化という病気にかかった男の末路 Ver2.0
Atsushi Handa
SaCSS vol.70 アウトプットすること
SaCSS vol.70 アウトプットすること
Atsushi Handa
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
Atsushi Handa
Plus de Atsushi Handa
(9)
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには②
マーケティングオートメーションを始めるには②
Webを勉強中の方々へ
Webを勉強中の方々へ
CSSの新しい設計思想 PRECSSを作りました
CSSの新しい設計思想 PRECSSを作りました
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
効率化という病気にかかった男の末路 Ver2.0
効率化という病気にかかった男の末路 Ver2.0
SaCSS vol.70 アウトプットすること
SaCSS vol.70 アウトプットすること
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
Dernier
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Dernier
(11)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
1.
ライブデモで学ぶ! 無料で使えるコーダー必見のエディタ 『Brackets』魅力紹介! 2015.09.12 SaCSS vol.69 1
2.
氏名:半田 惇志 @assialiholic 会社:Web制作会社
イデアシーディー 職種:Webクリエイター 持病:効率化をしないと気がすまない病 すきなこともの:ぶらぶらすること、素敵カフェ探し 2
3.
それとやっぱり、Brackets。 3
4.
4
5.
5
6.
生きるのが辛い。 6
7.
7 • Bracketsとは • デフォルト機能でできること •
ライブデモで紹介するエクステンション
8.
Bracketsとは 8
9.
Webによる、Webのための次世代エディタ Web開発に特化したエディタ。 オープンソースで開発されており、Brackets自身が HTML・CSS・JavaScriptで出来ている。 9
10.
プレーンエディタ < Brackets
< IDE 単なるテキストエディタよりは高機能だが、IDEほど機能は 多くなくまた動作も重くない。 とてもバランスが良く、シンプルなテキストエディタと高機 能なIDEのちょうど良い中間あたりの使い心地。 10
11.
Adobeサポート Adobeによりプロジェクトが設立され、GitHubのリポジトリ もAdobeにより管理されている。 Adobeのサービス、ソフトととても親和性が高い。 11
12.
デフォルト機能でできること 12
13.
13 • ライブプレビュー • クイックエディット •
ホバークイックビュー
14.
ライブプレビュー 14 ライブプレビュー > クイックエディット
> ホバークイックビュー
15.
ライブプレビュー 15
16.
ライブプレビュー 16
17.
クイックエディット 17 ライブプレビュー > クイックエディット
> ホバークイックビュー
18.
クイックエディット - HTML 18
19.
クイックエディット - HTML 19
20.
クイックエディット - CSS 20
21.
クイックエディット - CSS 21
22.
クイックエディット - JavaScript 22
23.
クイックエディット - JavaScript 23
24.
ホバークイックビュー 24 ライブプレビュー > クイックエディット
> ホバークイックビュー
25.
ホバークイックビュー - Imagas 25
26.
ホバークイックビュー - Imagas 26
27.
ホバークイックビュー - CSS 27
28.
ホバークイックビュー - CSS 28
29.
ライブデモで紹介するエクステンション 29
30.
30 HTML+CSS系 HTML Block Selector 開始・終了タグどちらかにフォーカスが当たっている状態で実行すると、 対応するタグまでの範囲を選択してくれます。(Ctrl+Shift+T) Brackets
Css Color Preview 色指定をしている行の左側に、実際の色を表示してくれます。 Brackets CSS Class Code hint プロジェクト内で使用しているCSSセレクタを取得し、HTMLコーディング 中にコードヒントとして表示してくれます。
31.
31 HTML+CSS系 Brackets SASS BracketsでSassのリアルタイムライブプレビューを実現します。 libSassを用いているため、RubyのSassとはアウトプットスタイル等の挙 動が若干異なります。→解説記事 CSSFier HTMLコードをコピーしてCSSに貼り付けるだけで、自動的にHTMLをCSS セレクタに変換してくれます。 読み方は「フィエル」がどうやら正しそうです。(すみません)
32.
32 JavaScript系 JavaScript Globals JSコード内のグローバル変数を分かりやすく表示してくれます。 Rename JavaScript
Identifier 変更したい変数・関数名上で実行、名前を編集すると、他使用箇所にも自 動で編集内容を反映してくれます。(Ctrl+R)
33.
33 デザインデータ連携系 Swatcher スウォッチファイル(.aco)を読み込み、SASS/LESSにインポートします。 カラーピッカーによるインポートも可能です。 Extract for Brackets
(Preview) 通称PSD Extract。 PSDを読み込み下部に表示させ、コーディングに必要 な様々な情報をその場で取得できます。
34.
34 その他機能拡張系 Brackets Editor Bookmarks ソースコード内にブックマークを設定し、いつでもブックマーク箇所へジ ャンプ出来るようにします。 ブックマークの追加・削除:⇧⌘K(Mac)
Ctrl+Shift+K(Win) 次のブックマークへ:⌘PK(Mac) Ctrl+P(Win) 前のブックマークへ:⇧⌘PK(Mac)+Shift+P(Win) Brackets Outline List HTML/CSS、JavaScriptを始めとする各種ファイルの構造をアウトライン 表示してくれます。
35.
35 その他機能拡張系 Brackets Snippets (by
edc) 各種言語のスニペットを管理・展開出来るようにするエクステンションで す。編集や新規作成も容易で、より効率的なコーディングを実現します。 →解説記事 Interactive Linter 各種lint/hint系の結果をリアルタイムに表示してくれます。ただしシンタッ クスエラーは指摘してくれますが、セマンティックエラーは指摘してくれ ません。 Edge Inspect extension for Brackets and Edge code BracketsとAdobe Edge Inspect CCを連携させるエクステンションです。 リアルタイムにスマートフォン・タブレットでの実機確認が可能になりま す。
36.
36 • Bracketsの機能紹介、使い方解説 • Brackets
おすすめエクステンション集・解説 • Bracketsショートカット集 for more info
Télécharger maintenant