SlideShare a Scribd company logo
1 of 13
Download to read offline
かんたんCMS
Picoについて
第1回 Machida Tech Night
自己紹介
高見知英
横浜IT勉強
会
SIDE BEACH
CITY.
ふらっとス
テーション・
とつか
地
域
IT
Pico
今回のお題
Picoとは
 オープンソースのCMS
 http://picocms.org/
 管理画面・データベース
を持たない
しくみ
テンプレート
(Twig)
Markdown
Web
ページ
ハイハイ車輪車輪
•Ruby製HTMLジェネレータJekyll
•Jekyllを使ったCMSOctopress
•Markdown to OtherPandoc
他の車輪との違い
サーバに
配置
勝手に記
事化
 動作としては…
 PHPにアクセス時、コンテントフォルダを走査
 パスにマッチしたコンテンツがあれば表示
 毎回全記事を処理しておいて良くこの速度が出せるな…
CMSとして
• サーバに配置してComposerを実行
とにかく配置
が簡単
• なにせ処理が400行(Ver0.8時点)、
処理把握が楽
プラグインが
作りやすい
• SSHがやられない限りセキュリ
ティは安全
管理画面がな
い
加えて(高見知英自家製拡張版)
• コミットしたらサイト更新Gitと連携
• YouTubeの概要を記事化記事の自動生成
• ファイルを置いたら即更新
Dropbox連携
(開発中)
個人的見解
• HTML/CSSがわかってると楽
素のHTMLが書け
るぞ!
• プラグインドキュメントはない。でも
要らない
PHPが書ける
ぞ!
• 脆弱性?なにそれ?(プラグインに脆
弱性がある場合はあります)
セキュリティと
か気にしない
(個人的には)広めたいCMS
運営担当者はMarkdownだけ書ければいい
気に入らないとこはプラグインで足せばいい
ファイルベースなので管理はお好みで
• →運営メンバーの稼働状況やスキルレベルが不安定なと
きには有効?
なにか質問はありますか?
おしまい
みんなもPicoをつかってみてね

More Related Content

What's hot

Prop Matrix
Prop MatrixProp Matrix
Prop Matrix
zio3
 
Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築
AimingStudy
 
mruby_nginx_module at pyfes 2013.11
mruby_nginx_module at pyfes 2013.11mruby_nginx_module at pyfes 2013.11
mruby_nginx_module at pyfes 2013.11
Tatsuhiko Kubo
 
Bossan dentoo
Bossan dentooBossan dentoo
Bossan dentoo
kubo39
 
VimとRubyのアツい関係
VimとRubyのアツい関係VimとRubyのアツい関係
VimとRubyのアツい関係
Misao X
 

What's hot (19)

My dev env
My dev envMy dev env
My dev env
 
OSC 2013 .Enterprise
OSC 2013 .EnterpriseOSC 2013 .Enterprise
OSC 2013 .Enterprise
 
Prop Matrix
Prop MatrixProp Matrix
Prop Matrix
 
Node.js で Web アプリ開発
Node.js で Web アプリ開発Node.js で Web アプリ開発
Node.js で Web アプリ開発
 
Using xvim with macvim
Using xvim with macvimUsing xvim with macvim
Using xvim with macvim
 
JAWS Osaka July 2014, Opsworks + Node.js
JAWS Osaka July 2014, Opsworks + Node.js JAWS Osaka July 2014, Opsworks + Node.js
JAWS Osaka July 2014, Opsworks + Node.js
 
Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築
 
2015 12-04 about_neovim
2015 12-04 about_neovim2015 12-04 about_neovim
2015 12-04 about_neovim
 
mruby_nginx_module at pyfes 2013.11
mruby_nginx_module at pyfes 2013.11mruby_nginx_module at pyfes 2013.11
mruby_nginx_module at pyfes 2013.11
 
Bossan dentoo
Bossan dentooBossan dentoo
Bossan dentoo
 
NuxtでChrome拡張作ってみた
NuxtでChrome拡張作ってみたNuxtでChrome拡張作ってみた
NuxtでChrome拡張作ってみた
 
mrubyで作るマイコンボード
mrubyで作るマイコンボードmrubyで作るマイコンボード
mrubyで作るマイコンボード
 
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot InstancesMobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
MobingiALM でスポットインスタンスをいい感じに手なづけている裏側の話 / How to manage EC2 Spot Instances
 
VimとRubyのアツい関係
VimとRubyのアツい関係VimとRubyのアツい関係
VimとRubyのアツい関係
 
Nuxt+TypeScript+Class構文のはなし
Nuxt+TypeScript+Class構文のはなしNuxt+TypeScript+Class構文のはなし
Nuxt+TypeScript+Class構文のはなし
 
Charms of MySQL 20101206(DTT#7)
Charms of MySQL 20101206(DTT#7)Charms of MySQL 20101206(DTT#7)
Charms of MySQL 20101206(DTT#7)
 
第二回 クラウドサーバー管理者若葉の会
第二回 クラウドサーバー管理者若葉の会第二回 クラウドサーバー管理者若葉の会
第二回 クラウドサーバー管理者若葉の会
 
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
 
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
 

Viewers also liked

For dr. darwish
For dr. darwishFor dr. darwish
For dr. darwish
hamishjoy
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
schoowebcampus
 

Viewers also liked (17)

For dr. darwish
For dr. darwishFor dr. darwish
For dr. darwish
 
Mickey pacsec2016_final
Mickey pacsec2016_finalMickey pacsec2016_final
Mickey pacsec2016_final
 
Why Fun is Good Business
Why Fun is Good BusinessWhy Fun is Good Business
Why Fun is Good Business
 
04b-tyrrell
04b-tyrrell04b-tyrrell
04b-tyrrell
 
Sfp book promo presentation10
Sfp book promo presentation10Sfp book promo presentation10
Sfp book promo presentation10
 
EU: Floor, Wall or Celling Coverings of Plastics – Market Report. Analysis an...
EU: Floor, Wall or Celling Coverings of Plastics – Market Report. Analysis an...EU: Floor, Wall or Celling Coverings of Plastics – Market Report. Analysis an...
EU: Floor, Wall or Celling Coverings of Plastics – Market Report. Analysis an...
 
Is Anti-Virus Dead?
Is Anti-Virus Dead?Is Anti-Virus Dead?
Is Anti-Virus Dead?
 
EU: Fish and Caviar – Market Report. Analysis and Forecast to 2025
EU: Fish and Caviar – Market Report. Analysis and Forecast to 2025EU: Fish and Caviar – Market Report. Analysis and Forecast to 2025
EU: Fish and Caviar – Market Report. Analysis and Forecast to 2025
 
Caring for file formats
Caring for file formatsCaring for file formats
Caring for file formats
 
マジシャン視点で考える心理術
マジシャン視点で考える心理術マジシャン視点で考える心理術
マジシャン視点で考える心理術
 
Vim活用術 初級編
Vim活用術 初級編Vim活用術 初級編
Vim活用術 初級編
 
Garment management system
Garment management systemGarment management system
Garment management system
 
Plan de compensacion de ventas
Plan de compensacion de ventasPlan de compensacion de ventas
Plan de compensacion de ventas
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
 
Governança de TI
Governança de TIGovernança de TI
Governança de TI
 
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第1回:スラングとツンデレ表現編)
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第1回:スラングとツンデレ表現編)マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第1回:スラングとツンデレ表現編)
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第1回:スラングとツンデレ表現編)
 
Relation between gsm and yarn count for different
Relation between gsm and yarn count for differentRelation between gsm and yarn count for different
Relation between gsm and yarn count for different
 

Similar to かんたんCMS Picoについて

20120821 pronet study
20120821 pronet study20120821 pronet study
20120821 pronet study
Six Apart
 
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
 
スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~
スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~
スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~
Shinichi Tomita
 
Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0
Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0
Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0
Michael Zhang
 
Chromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそうChromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそう
mganeko
 

Similar to かんたんCMS Picoについて (20)

20120821 pronet study
20120821 pronet study20120821 pronet study
20120821 pronet study
 
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
 
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
 
国産 PaaS 、NIFTY Cloud C4SA の中身
国産 PaaS 、NIFTY Cloud C4SA の中身国産 PaaS 、NIFTY Cloud C4SA の中身
国産 PaaS 、NIFTY Cloud C4SA の中身
 
IBM Rational Team Concertに触れてみた
IBM Rational Team Concertに触れてみたIBM Rational Team Concertに触れてみた
IBM Rational Team Concertに触れてみた
 
JAWS目黒 EC2チューニングTips #jawsmeguro #jawsug
JAWS目黒 EC2チューニングTips #jawsmeguro #jawsugJAWS目黒 EC2チューニングTips #jawsmeguro #jawsug
JAWS目黒 EC2チューニングTips #jawsmeguro #jawsug
 
Ossで作成するチーム開発環境
Ossで作成するチーム開発環境Ossで作成するチーム開発環境
Ossで作成するチーム開発環境
 
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山
 
仮想通貨取引所 bitbank の IaC の導入と実践
仮想通貨取引所 bitbank の IaC の導入と実践 仮想通貨取引所 bitbank の IaC の導入と実践
仮想通貨取引所 bitbank の IaC の導入と実践
 
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
 
タクシードライブレコーダーの動画処理MLパイプラインにkubernetesを使ってみた
タクシードライブレコーダーの動画処理MLパイプラインにkubernetesを使ってみたタクシードライブレコーダーの動画処理MLパイプラインにkubernetesを使ってみた
タクシードライブレコーダーの動画処理MLパイプラインにkubernetesを使ってみた
 
SICE 2020 Rtm tutorial 2_online_ja
SICE 2020 Rtm tutorial 2_online_jaSICE 2020 Rtm tutorial 2_online_ja
SICE 2020 Rtm tutorial 2_online_ja
 
スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~
スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~
スマートデバイス×HTML5で
 企業情報システムはどう変わる? ~最新動向から考えるエンタープライズWebの現在と未来~
 
Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0
Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0
Q con shanghai2013- 荣先乾-qzone_touch跨终端优化_v2.0
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
 
Chromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそうChromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそう
 
Jslug2 nagoya-shibata
Jslug2 nagoya-shibataJslug2 nagoya-shibata
Jslug2 nagoya-shibata
 
Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門
 
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
 
201110 01 Polytech Center 1
201110 01 Polytech Center 1201110 01 Polytech Center 1
201110 01 Polytech Center 1
 

More from 高見 知英

More from 高見 知英 (20)

IT技術者が活躍する土壌作りのために
IT技術者が活躍する土壌作りのためにIT技術者が活躍する土壌作りのために
IT技術者が活躍する土壌作りのために
 
ふらっと広報勉強会 インターネットサービスの仕組み
ふらっと広報勉強会 インターネットサービスの仕組みふらっと広報勉強会 インターネットサービスの仕組み
ふらっと広報勉強会 インターネットサービスの仕組み
 
Microsoft Teams無償版 調査レポート
Microsoft Teams無償版 調査レポートMicrosoft Teams無償版 調査レポート
Microsoft Teams無償版 調査レポート
 
Webサービスを繋ぐIFTTT
Webサービスを繋ぐIFTTTWebサービスを繋ぐIFTTT
Webサービスを繋ぐIFTTT
 
ふらっと広報勉強会 チラシ作成の基本を学ぼう
ふらっと広報勉強会 チラシ作成の基本を学ぼうふらっと広報勉強会 チラシ作成の基本を学ぼう
ふらっと広報勉強会 チラシ作成の基本を学ぼう
 
データベース不要のCMS Picoについて
データベース不要のCMS Picoについてデータベース不要のCMS Picoについて
データベース不要のCMS Picoについて
 
ふらっと広報勉強会 SNSで伝わる文章の書き方
ふらっと広報勉強会 SNSで伝わる文章の書き方ふらっと広報勉強会 SNSで伝わる文章の書き方
ふらっと広報勉強会 SNSで伝わる文章の書き方
 
少年よ怠惰であれ!
少年よ怠惰であれ!少年よ怠惰であれ!
少年よ怠惰であれ!
 
NPO #とは
NPO #とはNPO #とは
NPO #とは
 
デジタル機器がもっと日常にある場所づくりを
デジタル機器がもっと日常にある場所づくりをデジタル機器がもっと日常にある場所づくりを
デジタル機器がもっと日常にある場所づくりを
 
子ども向け簡易環境で学ぶ、プログラミングのキホン
子ども向け簡易環境で学ぶ、プログラミングのキホン子ども向け簡易環境で学ぶ、プログラミングのキホン
子ども向け簡易環境で学ぶ、プログラミングのキホン
 
Facebookについて知ろう
Facebookについて知ろうFacebookについて知ろう
Facebookについて知ろう
 
まちづくりとITと
まちづくりとITとまちづくりとITと
まちづくりとITと
 
Wordでレイアウトしよう
WordでレイアウトしようWordでレイアウトしよう
Wordでレイアウトしよう
 
タブレットで何ができるの?~さわってみようタブレット~
タブレットで何ができるの?~さわってみようタブレット~タブレットで何ができるの?~さわってみようタブレット~
タブレットで何ができるの?~さわってみようタブレット~
 
わんくま同盟東京勉強会#102 とある地域とITのハナシ
わんくま同盟東京勉強会#102 とある地域とITのハナシわんくま同盟東京勉強会#102 とある地域とITのハナシ
わんくま同盟東京勉強会#102 とある地域とITのハナシ
 
地域に向けて今やっていること、これからやること
地域に向けて今やっていること、これからやること地域に向けて今やっていること、これからやること
地域に向けて今やっていること、これからやること
 
Project Sienaでアプリをつくろう
Project SienaでアプリをつくろうProject Sienaでアプリをつくろう
Project Sienaでアプリをつくろう
 
ChromecastとNexus Player
ChromecastとNexus PlayerChromecastとNexus Player
ChromecastとNexus Player
 
スマートフォンってなあに?さわってみようスマートフォン(スマートフォンのアプリについて)
スマートフォンってなあに?さわってみようスマートフォン(スマートフォンのアプリについて)スマートフォンってなあに?さわってみようスマートフォン(スマートフォンのアプリについて)
スマートフォンってなあに?さわってみようスマートフォン(スマートフォンのアプリについて)
 

かんたんCMS Picoについて