SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
口田 聖子
Web Designer


   webbingstudio
WebbingStudio
http://webbingstudio.com/
CMSのテーマ制作が主な業務
CSS Nite in SAPPORO実行委員
   http://cssnite-sapporo.jp/
サーバー部に
来てみた理由
CMS関連の制作は
  デザイナーでも
かなりサーバーと関わる
設置予定サーバーが専用鯖
権限がなくてページを書き出せない
モジュールが足りない
SSH?なにそれおいしいの?
このままでは
 殺られる
(社会的に)
個人の技術サイトを
さくらVPSに移転しました
 http://code1616.net/
黒い画面とお友達になったよ :D
http://webbingstudio.com/weblog/cms/entry-635.html
メールサーバーは
 挫折しました。
  _(:3」 )_
Gitのリポジトリも
 挫折しました。
   _(;3」 )_
_(;3」 )_ しくしく
くじけちゃだめよ
 うぇびんさん
  _(;-; 」 )_
サーバーとも
  なかよしになる
きっかけを作りたいと
  思います! :(
よろしくお願いします
   m(_ _)m

Contenu connexe

Tendances

タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜Masaya Kogawa
 
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-EdoWordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-EdoChieko Aihara
 
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点Jun-ichi Sakamoto
 
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方Chieko Aihara
 
まだやれる Css preprocesser
まだやれる Css preprocesserまだやれる Css preprocesser
まだやれる Css preprocesserShinya Sugo
 
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas20130202 fe勉強会 canvas
20130202 fe勉強会 canvasKeisuke Aizawa
 
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」Seiko Kuchida
 
Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法Maboroshi.inc
 
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎schoowebcampus
 
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなすa-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなすSeiko Kuchida
 
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点最近知ったBootstrapの注意点
最近知ったBootstrapの注意点Kawaji Masaki
 
20120826 ec cube-handson
20120826 ec cube-handson20120826 ec cube-handson
20120826 ec cube-handsonMasaki Takeda
 
Sass実践編+Compass入門
Sass実践編+Compass入門Sass実践編+Compass入門
Sass実践編+Compass入門Yoshiya OKI
 
Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築Sou Lab
 
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディングDreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディングMori Kazue
 
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトークCLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトークJun-ichi Sakamoto
 
イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016Sou Lab
 
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.matsuohideaki
 

Tendances (20)

タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜タスクランナー導入 〜とあるWordPress制作環境〜
タスクランナー導入 〜とあるWordPress制作環境〜
 
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-EdoWordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
WordPressのデフォルトテーマ Twenty Twelveから見る レスポンシブウェブデザインと モバイルファーストの考え方@Co-Edo
 
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
 
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
WordPressのデフォルトテーマ Twenty Twelveから見るレスポンシブウェブデザインとモバイルファーストの考え方
 
まだやれる Css preprocesser
まだやれる Css preprocesserまだやれる Css preprocesser
まだやれる Css preprocesser
 
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
 
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
 
Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法Sass/Compass よくあるトラブルと 解決方法・回避方法
Sass/Compass よくあるトラブルと 解決方法・回避方法
 
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
 
a-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなすa-blog cmsのインポート機能を使いこなす
a-blog cmsのインポート機能を使いこなす
 
ServerSideJavaScript
ServerSideJavaScriptServerSideJavaScript
ServerSideJavaScript
 
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
 
20120826 ec cube-handson
20120826 ec cube-handson20120826 ec cube-handson
20120826 ec cube-handson
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Sass実践編+Compass入門
Sass実践編+Compass入門Sass実践編+Compass入門
Sass実践編+Compass入門
 
Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築
 
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディングDreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
Dreamweaver最新ワークフロー!PSDカンプからBootstrapページを世界最速コーディング
 
CLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトークCLR/H第54回勉強会 ライトニングトーク
CLR/H第54回勉強会 ライトニングトーク
 
イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016
 
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
 

En vedette

a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」Seiko Kuchida
 
CMSテーマ「logical jp」について
CMSテーマ「logical jp」についてCMSテーマ「logical jp」について
CMSテーマ「logical jp」についてSeiko Kuchida
 
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cmsCSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cmsSeiko Kuchida
 
20150615_改めて知っておきたい、MovableTypeの魅力
20150615_改めて知っておきたい、MovableTypeの魅力20150615_改めて知っておきたい、MovableTypeの魅力
20150615_改めて知っておきたい、MovableTypeの魅力Seiko Kuchida
 
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」Seiko Kuchida
 
a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」Seiko Kuchida
 
プロ用CMSフレームワークテーマ「echo」のご紹介
プロ用CMSフレームワークテーマ「echo」のご紹介プロ用CMSフレームワークテーマ「echo」のご紹介
プロ用CMSフレームワークテーマ「echo」のご紹介Seiko Kuchida
 
自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」について自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」についてSeiko Kuchida
 
MovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮することMovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮することSeiko Kuchida
 
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選びWeb制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選びSeiko Kuchida
 
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」Seiko Kuchida
 
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編Seiko Kuchida
 
a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」Seiko Kuchida
 
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」Seiko Kuchida
 
DevDo:WebbingStudio(090426)
DevDo:WebbingStudio(090426)DevDo:WebbingStudio(090426)
DevDo:WebbingStudio(090426)Seiko Kuchida
 
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」Seiko Kuchida
 
a-sap 02セッション「a-blog cmsのモジュールを理解する」
a-sap 02セッション「a-blog cmsのモジュールを理解する」a-sap 02セッション「a-blog cmsのモジュールを理解する」
a-sap 02セッション「a-blog cmsのモジュールを理解する」Seiko Kuchida
 
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」Seiko Kuchida
 
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」Seiko Kuchida
 
CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。
CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。
CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。takayuki katumata
 

En vedette (20)

a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
 
CMSテーマ「logical jp」について
CMSテーマ「logical jp」についてCMSテーマ「logical jp」について
CMSテーマ「logical jp」について
 
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cmsCSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
 
20150615_改めて知っておきたい、MovableTypeの魅力
20150615_改めて知っておきたい、MovableTypeの魅力20150615_改めて知っておきたい、MovableTypeの魅力
20150615_改めて知っておきたい、MovableTypeの魅力
 
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
 
a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」a-sap 07セッション「Movable Typeとa-blog cmsの今」
a-sap 07セッション「Movable Typeとa-blog cmsの今」
 
プロ用CMSフレームワークテーマ「echo」のご紹介
プロ用CMSフレームワークテーマ「echo」のご紹介プロ用CMSフレームワークテーマ「echo」のご紹介
プロ用CMSフレームワークテーマ「echo」のご紹介
 
自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」について自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」について
 
MovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮することMovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮すること
 
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選びWeb制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
 
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
 
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
 
a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」
 
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
 
DevDo:WebbingStudio(090426)
DevDo:WebbingStudio(090426)DevDo:WebbingStudio(090426)
DevDo:WebbingStudio(090426)
 
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
 
a-sap 02セッション「a-blog cmsのモジュールを理解する」
a-sap 02セッション「a-blog cmsのモジュールを理解する」a-sap 02セッション「a-blog cmsのモジュールを理解する」
a-sap 02セッション「a-blog cmsのモジュールを理解する」
 
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
 
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
 
CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。
CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。
CSS Nite in KANSAI LP1で使用したa-blog cmsのスライドです。