Submit Search
Upload
Development tools for WordPress
•
Download as PPTX, PDF
•
3 likes
•
2,022 views
BREN
Follow
brenのWordPress開発環境の紹介です。 NetBeans, SCSS, Vagrant について触れています。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 30
Download now
Recommended
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Makoto Kato
Modern frontend overview_r3
Modern frontend overview_r3
makotunes
フロントエンド開発環境
フロントエンド開発環境
Masaki Kawaguchi
20080627 1
20080627 1
小野 修司
[MW01] ご注文は Linux + Docker ですか? Windows だけじゃない App Service を使い切る
[MW01] ご注文は Linux + Docker ですか? Windows だけじゃない App Service を使い切る
de:code 2017
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
de:code 2017
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
[MR09] デスクトップ アプリをストアから配布するための A to Z
[MR09] デスクトップ アプリをストアから配布するための A to Z
de:code 2017
Recommended
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Makoto Kato
Modern frontend overview_r3
Modern frontend overview_r3
makotunes
フロントエンド開発環境
フロントエンド開発環境
Masaki Kawaguchi
20080627 1
20080627 1
小野 修司
[MW01] ご注文は Linux + Docker ですか? Windows だけじゃない App Service を使い切る
[MW01] ご注文は Linux + Docker ですか? Windows だけじゃない App Service を使い切る
de:code 2017
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
de:code 2017
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
[MR09] デスクトップ アプリをストアから配布するための A to Z
[MR09] デスクトップ アプリをストアから配布するための A to Z
de:code 2017
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
日本マイクロソフト株式会社
Getting Started .NET Core
Getting Started .NET Core
Yuta Matsumura
いまさらComposer
いまさらComposer
Mika Kane
Visual studio extensibility
Visual studio extensibility
Takeshi Fujimoto
.NET Core 1.0
.NET Core 1.0
Akira Inoue
Web matrix2とvisual studio
Web matrix2とvisual studio
Tadahiro Ishisaka
C# で Single Page Web アプリを開発できる Blazor ― その魅力
C# で Single Page Web アプリを開発できる Blazor ― その魅力
Jun-ichi Sakamoto
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
de:code 2017
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
Takayoshi Tanaka
ROS.js の紹介
ROS.js の紹介
Honma Masashi
Falconjsの始め方 (share)
Falconjsの始め方 (share)
Jun Funakura
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
de:code 2017
ASP.NETの進化とASP.NET Core Blazorの凄さ
ASP.NETの進化とASP.NET Core Blazorの凄さ
Sho Okada
.NETクロスプラットフォーム
.NETクロスプラットフォーム
Yasushi Kato
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
Takao Tetsuro
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
Akira Inoue
Microsoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれから
Osamu Monoe
phpcon2013_zf
phpcon2013_zf
sasezaki
Yamaguchi webgroup06 subversion
Yamaguchi webgroup06 subversion
Ohishi Mikage
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
BREN
WordPressのCSSを 理解しよう!
WordPressのCSSを 理解しよう!
BREN
More Related Content
What's hot
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
日本マイクロソフト株式会社
Getting Started .NET Core
Getting Started .NET Core
Yuta Matsumura
いまさらComposer
いまさらComposer
Mika Kane
Visual studio extensibility
Visual studio extensibility
Takeshi Fujimoto
.NET Core 1.0
.NET Core 1.0
Akira Inoue
Web matrix2とvisual studio
Web matrix2とvisual studio
Tadahiro Ishisaka
C# で Single Page Web アプリを開発できる Blazor ― その魅力
C# で Single Page Web アプリを開発できる Blazor ― その魅力
Jun-ichi Sakamoto
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
de:code 2017
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
Takayoshi Tanaka
ROS.js の紹介
ROS.js の紹介
Honma Masashi
Falconjsの始め方 (share)
Falconjsの始め方 (share)
Jun Funakura
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
de:code 2017
ASP.NETの進化とASP.NET Core Blazorの凄さ
ASP.NETの進化とASP.NET Core Blazorの凄さ
Sho Okada
.NETクロスプラットフォーム
.NETクロスプラットフォーム
Yasushi Kato
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
Takao Tetsuro
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
Akira Inoue
Microsoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれから
Osamu Monoe
phpcon2013_zf
phpcon2013_zf
sasezaki
Yamaguchi webgroup06 subversion
Yamaguchi webgroup06 subversion
Ohishi Mikage
What's hot
(20)
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
Getting Started .NET Core
Getting Started .NET Core
いまさらComposer
いまさらComposer
Visual studio extensibility
Visual studio extensibility
.NET Core 1.0
.NET Core 1.0
Web matrix2とvisual studio
Web matrix2とvisual studio
C# で Single Page Web アプリを開発できる Blazor ― その魅力
C# で Single Page Web アプリを開発できる Blazor ― その魅力
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
ROS.js の紹介
ROS.js の紹介
Falconjsの始め方 (share)
Falconjsの始め方 (share)
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
ASP.NETの進化とASP.NET Core Blazorの凄さ
ASP.NETの進化とASP.NET Core Blazorの凄さ
.NETクロスプラットフォーム
.NETクロスプラットフォーム
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
.NET Core 5 ~ Windows, Linux, OS X そして Docker まで ~
Microsoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれから
phpcon2013_zf
phpcon2013_zf
Yamaguchi webgroup06 subversion
Yamaguchi webgroup06 subversion
Viewers also liked
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
BREN
WordPressのCSSを 理解しよう!
WordPressのCSSを 理解しよう!
BREN
What is WordPress Theme
What is WordPress Theme
BREN
神戸ITフェスティバル2013 - About WordPress
神戸ITフェスティバル2013 - About WordPress
BREN
2013年のWordBench神戸
2013年のWordBench神戸
BREN
WordPress 3.8 RC1
WordPress 3.8 RC1
BREN
WordPressの学習方法 プログラマー編
WordPressの学習方法 プログラマー編
BREN
Viewers also liked
(7)
Word press 3.5RC2 - パーフェクト functions.php -
Word press 3.5RC2 - パーフェクト functions.php -
WordPressのCSSを 理解しよう!
WordPressのCSSを 理解しよう!
What is WordPress Theme
What is WordPress Theme
神戸ITフェスティバル2013 - About WordPress
神戸ITフェスティバル2013 - About WordPress
2013年のWordBench神戸
2013年のWordBench神戸
WordPress 3.8 RC1
WordPress 3.8 RC1
WordPressの学習方法 プログラマー編
WordPressの学習方法 プログラマー編
Similar to Development tools for WordPress
20090328
20090328
小野 修司
Azure serverless!! azure functionsでサーバーを意識しない開発
Azure serverless!! azure functionsでサーバーを意識しない開発
Yuki Hattori
【BS13】チーム開発がこんなにも快適に!コーディングもデバッグも GitHub 上で。 GitHub Codespaces で叶えられるシームレスな開発
【BS13】チーム開発がこんなにも快適に!コーディングもデバッグも GitHub 上で。 GitHub Codespaces で叶えられるシームレスな開発
日本マイクロソフト株式会社
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
Etsuji Nakai
20060419
20060419
小野 修司
EWD 3トレーニングコース#1 Node.jsとCacheの連携
EWD 3トレーニングコース#1 Node.jsとCacheの連携
Kiyoshi Sawada
20070310
20070310
小野 修司
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
日本マイクロソフト株式会社
Play framework 2.0のおすすめと1.2からのアップグレード
Play framework 2.0のおすすめと1.2からのアップグレード
Kazuhiro Hara
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Kazumi IWANAGA
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
Talend Studioのビッグデータ対応機能のご紹介 - Hadoop, HDFS, Hive, HBase, Spark, NoSQL
Talend Studioのビッグデータ対応機能のご紹介 - Hadoop, HDFS, Hive, HBase, Spark, NoSQL
QlikPresalesJapan
TokyoWebminig カジュアルなHadoop
TokyoWebminig カジュアルなHadoop
Teruo Kawasaki
JavaScript And Keywords
JavaScript And Keywords
uupaa
クラウド開発に役立つ OSS あれこれ
クラウド開発に役立つ OSS あれこれ
Masataka MIZUNO
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
Akira Inoue
play framework 勉強会 in 関西
play framework 勉強会 in 関西
Shinichi Kozake
Java on Microsoft Azure
Java on Microsoft Azure
Yoshio Terada
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28
光一 原田
Similar to Development tools for WordPress
(20)
20090328
20090328
Azure serverless!! azure functionsでサーバーを意識しない開発
Azure serverless!! azure functionsでサーバーを意識しない開発
【BS13】チーム開発がこんなにも快適に!コーディングもデバッグも GitHub 上で。 GitHub Codespaces で叶えられるシームレスな開発
【BS13】チーム開発がこんなにも快適に!コーディングもデバッグも GitHub 上で。 GitHub Codespaces で叶えられるシームレスな開発
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
20060419
20060419
EWD 3トレーニングコース#1 Node.jsとCacheの連携
EWD 3トレーニングコース#1 Node.jsとCacheの連携
20070310
20070310
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
Play framework 2.0のおすすめと1.2からのアップグレード
Play framework 2.0のおすすめと1.2からのアップグレード
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
Talend Studioのビッグデータ対応機能のご紹介 - Hadoop, HDFS, Hive, HBase, Spark, NoSQL
Talend Studioのビッグデータ対応機能のご紹介 - Hadoop, HDFS, Hive, HBase, Spark, NoSQL
TokyoWebminig カジュアルなHadoop
TokyoWebminig カジュアルなHadoop
JavaScript And Keywords
JavaScript And Keywords
クラウド開発に役立つ OSS あれこれ
クラウド開発に役立つ OSS あれこれ
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
play framework 勉強会 in 関西
play framework 勉強会 in 関西
Java on Microsoft Azure
Java on Microsoft Azure
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28
Recently uploaded
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
atsushi061452
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
NTT DATA Technology & Innovation
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
yassun7010
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
harmonylab
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
Sony - Neural Network Libraries
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
atsushi061452
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
ssuserbefd24
Recently uploaded
(14)
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
Development tools for WordPress
1.
WordPressの開発環境 - プログラマー編 第31回
WordBench神戸 @bren_boss
2.
Index 1. 2. 3. 4. NetBeans NetBeans Plugin Sass(SCSS) Vagrant /
VirtualBox
3.
1. NetBeans 統合開発環境について
4.
About NetBeans • Javaで作られた統合開発環境(IDE)。 •
Javaで作られているので、WindowsでもMacでも 同じ。 • 基本機能以外はプラグインで拡張。 • HTML5とPHPを開発するためのプラグインが同梱 されたパッケージがある(HTML5 & PHP)。 https://netbeans.org/downloads/?pagelang=ja • Gitは、標準で対応済み。
5.
強力なコード解析と入力補完 • PHP関数 PHPDoc形式のコメント内容を表示。 • HTML要素 要素内も補完。 •
CSS 関連のある全CSSの中から、ID/クラスの候補を 表示。 名前間違いとは、もうサヨウナラ。
6.
サーバー設定 • ローカル環境、テスト環境、リリース環境など、 開発状況によって異なる設定を作成。 • FTPアップロード先を別々に指定でき、ファイル 保存時の自動アップロードも可能。 ※リリース環境には自動アップロードしないほ うが安全。 もうFTP専用アプリは使ってません。
7.
デバッグ機能 • サーバーにXdebugモジュールが設定されている 場合、NetBeans上でデバッグが可能。 • var_dump関数で変数を表示して確認することが、 劇的に減る。 これ無しでは、動作確認で時間かかりすぎ。
8.
9.
2. NetBeans Plugin プラグインによるWordPress開発の効率化
10.
使用している追加プラグイン • • • • PHP WordPress Blog/CMS CSSプリプロセッサ(Less/Sass) Vagrant Git
toolbar
11.
PHP WordPress Blog/CMS •
@junichi_11さん作。 • プロジェクトツリーに、「plugins」「themes」 というフォルダーが表示され、よく編集する ファイルが探しやすくなる。 • ステータスバーに、WordPressアイコン、 WordPressバージョン、wp-config.phpのDEBUG状 態が表示される。
12.
13.
CSSプリプロセッサ • Less/Sassファイルの監視フォルダー、作成先 フォルダーを指定。 • 各オプションを指定可能(Compass使用時など)。
14.
15.
Vagrant • @junichi_11さん作。 • プロジェクト内に「Vagrantfile」があれば、黒い 画面で入力するVagrantのコマンド操作をメ ニューから指定。 •
ステータスバーに、Vagrantで作成した仮想マシ ン状態を表示。
16.
17.
Git toolbar • NetBeansでは標準でGit操作に対応しているが、 右クリックでメニューを辿るのが手間かかるの で、代わりにツールバーに表示。
18.
プラグインまとめ NetBeansコミュニティーの皆様、@junichi_11さん、 ありがとうございます!
19.
3. Sass(SCSS) CSSプリプロセッサーのWordPress活用
20.
Sass(SCSS)について 僕は使い始めて1ヶ月なので、「Web制作者のため のSassの教科書」という書籍を読んでください! • Amazon • サポートサイト ※WordBench東京のメガネパーマ(ソウラボ)も 著者のひとりです。
21.
目的 • 構造化することで、可読性が向上。 • 関数化することで、部品の再利用。 •
変数化することで、変更を楽にする。 あと、 • WordPressのeditor-style.cssが作りやすくなる!!
22.
SCSSファイル構成 • content.scss WordPress投稿内容のための記述。 • style.scss content.scssを読み込む。 •
editor-style.scss content.scssを読み込む。
23.
content.scss %content { h1 { padding:
0; margin: 1em 0; letter-spacing: 0.07em; } ul { margin: 2em 0; } }
24.
style.scss @import 'content'; .hentry { @extend
%content; }
25.
editor-style.scss @import 'content'; .editor-content { @extend
%content; width: 700px; }
26.
4. Vagrant /
VirtualBox 開発PC内に仮想サーバーを作る
27.
Vagrantとは • VirtualBoxやVmwareなどの仮想PC環境をコントー ルするツールセット。 • コマンドライン(黒い画面)から、仮想PCの追 加、起動、停止、再起動など行える。 •
Vagrantプラグインを追加することで、Chef対応、 IPアドレスとホスト名(wordpress.local)のヒモ 付け、その他色々が可能。 • 開発PC内に仮想PCを作成するので、インター ネットが接続されていなくても平気。
28.
VagrantでWordPress開発 WordBench和歌山の宮内さんが作成されたVagrant 設定ファイル一式を使うと、イッパツでWordPress 環境が完成!(すごいね) • 宮内さんブログ • Vagrant設定ファイル一式の入手先 ※僕は、Vagrant向けboxファイルとVagrantfileを自 作して使っています。
29.
Vagrantを使う理由 • VirtualBoxの「共有フォルダ」機能を使い、仮想 PCと開発PCのフォルダをヒモ付けられる。 • 仮想PCのApacheで設定されたDocumentRoot (例:/var/www/html)と開発PCのWordPress フォルダーをヒモ付けた結果、開発PCから仮想 PCのファイル転送が必要なくなる。 •
案件ごとに仮想PCを作成するので、案件と同じ 環境を作ることが可能。
30.
ご質問があればどうぞ。 なければ実演します。
Download now