Submit Search
Upload
concrete5 harvest
•
Download as PPTX, PDF
•
1 like
•
312 views
Kazuhiro Matsuda
Follow
concrete5 harvest第二回
Read less
Read more
Design
Report
Share
Report
Share
1 of 93
Download now
Recommended
concrete5 osc kyoto
concrete5 osc kyoto
Kazuhiro Matsuda
concrete5 my lt
concrete5 my lt
Kazuhiro Matsuda
オンラインブレストの講座20210209
オンラインブレストの講座20210209
Rikie Ishii
デザインで使う「色」について考えよう Web touch meeting #66
デザインで使う「色」について考えよう Web touch meeting #66
Aika Kohama
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
Masahiko Kawai
會ディアソン 会津アイデアソン2015
會ディアソン 会津アイデアソン2015
Rikie Ishii
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
Cherry Pie Web
Recommended
concrete5 osc kyoto
concrete5 osc kyoto
Kazuhiro Matsuda
concrete5 my lt
concrete5 my lt
Kazuhiro Matsuda
オンラインブレストの講座20210209
オンラインブレストの講座20210209
Rikie Ishii
デザインで使う「色」について考えよう Web touch meeting #66
デザインで使う「色」について考えよう Web touch meeting #66
Aika Kohama
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
Masahiko Kawai
會ディアソン 会津アイデアソン2015
會ディアソン 会津アイデアソン2015
Rikie Ishii
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
Cherry Pie Web
私をWordCampに巻き込んだ「しいたけ占い」
私をWordCampに巻き込んだ「しいたけ占い」
Masahiko Kawai
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Cherry Pie Web
「フォントはしゃべる」というお話
「フォントはしゃべる」というお話
Cherry Pie Web
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
Sendai jc idea_workshop
Sendai jc idea_workshop
Rikie Ishii
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
Cherry Pie Web
『できるWordPress』出版記念 - WordPressの第一人者が指南! 3時間でわかる Webサイト構築入門
『できるWordPress』出版記念 - WordPressの第一人者が指南! 3時間でわかる Webサイト構築入門
Kunitoshi Hoshino
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
LIQUID DESIGN Ltd.
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
Cherry Pie Web
オンナゴコロをつかむデザインとブランディング
オンナゴコロをつかむデザインとブランディング
Noriko Sakamoto
Yat-wbnara201602
Yat-wbnara201602
YAT blog
山口県でフリーランスでやっていくために気をつけていること大全集
山口県でフリーランスでやっていくために気をつけていること大全集
Masashi Hisatsugu
シェアスペース&ライブラリー燕三条トライク【にいがた旬塾2016】
シェアスペース&ライブラリー燕三条トライク【にいがた旬塾2016】
Takayuki Ishimoto
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
Kazuhiro Matsuda
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
私のWordPress勉強法
私のWordPress勉強法
Kazuyuki Takano
IWDDについて
IWDDについて
Yachiyo Suzuki
「名刺づくりのコツ」講座(7月30日開催) 公開用スライド
「名刺づくりのコツ」講座(7月30日開催) 公開用スライド
Design4NPO
2015年のWebを考える
2015年のWebを考える
kenji goto
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
Talentmeeting20120902
Talentmeeting20120902
Tomoko Matsumoto
Decade 20091215
Decade 20091215
武 河野
More Related Content
What's hot
私をWordCampに巻き込んだ「しいたけ占い」
私をWordCampに巻き込んだ「しいたけ占い」
Masahiko Kawai
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
Cherry Pie Web
「フォントはしゃべる」というお話
「フォントはしゃべる」というお話
Cherry Pie Web
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
Sendai jc idea_workshop
Sendai jc idea_workshop
Rikie Ishii
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
Cherry Pie Web
『できるWordPress』出版記念 - WordPressの第一人者が指南! 3時間でわかる Webサイト構築入門
『できるWordPress』出版記念 - WordPressの第一人者が指南! 3時間でわかる Webサイト構築入門
Kunitoshi Hoshino
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
LIQUID DESIGN Ltd.
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
Cherry Pie Web
オンナゴコロをつかむデザインとブランディング
オンナゴコロをつかむデザインとブランディング
Noriko Sakamoto
Yat-wbnara201602
Yat-wbnara201602
YAT blog
山口県でフリーランスでやっていくために気をつけていること大全集
山口県でフリーランスでやっていくために気をつけていること大全集
Masashi Hisatsugu
シェアスペース&ライブラリー燕三条トライク【にいがた旬塾2016】
シェアスペース&ライブラリー燕三条トライク【にいがた旬塾2016】
Takayuki Ishimoto
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
Kazuhiro Matsuda
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
私のWordPress勉強法
私のWordPress勉強法
Kazuyuki Takano
IWDDについて
IWDDについて
Yachiyo Suzuki
「名刺づくりのコツ」講座(7月30日開催) 公開用スライド
「名刺づくりのコツ」講座(7月30日開催) 公開用スライド
Design4NPO
What's hot
(18)
私をWordCampに巻き込んだ「しいたけ占い」
私をWordCampに巻き込んだ「しいたけ占い」
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
熊本地震支援サイトを30分で立ち上げ即日運用開始した話
「フォントはしゃべる」というお話
「フォントはしゃべる」というお話
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Sendai jc idea_workshop
Sendai jc idea_workshop
お客様のための管理画面カスタマイズ
お客様のための管理画面カスタマイズ
『できるWordPress』出版記念 - WordPressの第一人者が指南! 3時間でわかる Webサイト構築入門
『できるWordPress』出版記念 - WordPressの第一人者が指南! 3時間でわかる Webサイト構築入門
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
オンナゴコロをつかむデザインとブランディング
オンナゴコロをつかむデザインとブランディング
Yat-wbnara201602
Yat-wbnara201602
山口県でフリーランスでやっていくために気をつけていること大全集
山口県でフリーランスでやっていくために気をつけていること大全集
シェアスペース&ライブラリー燕三条トライク【にいがた旬塾2016】
シェアスペース&ライブラリー燕三条トライク【にいがた旬塾2016】
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
私のWordPress勉強法
私のWordPress勉強法
IWDDについて
IWDDについて
「名刺づくりのコツ」講座(7月30日開催) 公開用スライド
「名刺づくりのコツ」講座(7月30日開催) 公開用スライド
Similar to concrete5 harvest
2015年のWebを考える
2015年のWebを考える
kenji goto
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
Talentmeeting20120902
Talentmeeting20120902
Tomoko Matsumoto
Decade 20091215
Decade 20091215
武 河野
concrete5 my theme HeyDJ
concrete5 my theme HeyDJ
Kazuhiro Matsuda
20171210 岡山クリエイターmtg(倉敷)
20171210 岡山クリエイターmtg(倉敷)
K onishi
昔むかし、あるところでPhantom jsに助けられた話
昔むかし、あるところでPhantom jsに助けられた話
Yuki Kuramochi
マーケティング視点でのデザイン
マーケティング視点でのデザイン
basicinc_dev
『カルチャーモデル 最高の組織文化のつくり方』講演用資料
『カルチャーモデル 最高の組織文化のつくり方』講演用資料
Shunsuke Karasawa
20171218 ゆるぷちマンデー交流会(岡山)
20171218 ゆるぷちマンデー交流会(岡山)
K onishi
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
WordBench 東京 とは
WordBench 東京 とは
Mignon Style
第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-
Takayuki Onishi
デザイナー的思考で地域の想いをつなぐ
デザイナー的思考で地域の想いをつなぐ
tigris
【(元)GIZMODO編集長 × CINRA】Webメディアのつくり方 vol.1 先生:杉浦 太一・大野 恭希
【(元)GIZMODO編集長 × CINRA】Webメディアのつくり方 vol.1 先生:杉浦 太一・大野 恭希
schoowebcampus
僕のFireworks普及計画!!
僕のFireworks普及計画!!
Yuuki Kashimoto
How to meet SOMETHING NEW?
How to meet SOMETHING NEW?
Mizuho Sugawara
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
Takashi Kitamura
"世界に誇れるブランド"を目指す、デザイナーのスタートアップ経営 高橋才将 (2015年11月25日カレーとデザインの夕べLT資料)
"世界に誇れるブランド"を目指す、デザイナーのスタートアップ経営 高橋才将 (2015年11月25日カレーとデザインの夕べLT資料)
Toshimasa Takahashi
20171211 ゆるぷちマンデー交流会(岡山)
20171211 ゆるぷちマンデー交流会(岡山)
K onishi
Similar to concrete5 harvest
(20)
2015年のWebを考える
2015年のWebを考える
Web制作のためのおすすめツール
Web制作のためのおすすめツール
Talentmeeting20120902
Talentmeeting20120902
Decade 20091215
Decade 20091215
concrete5 my theme HeyDJ
concrete5 my theme HeyDJ
20171210 岡山クリエイターmtg(倉敷)
20171210 岡山クリエイターmtg(倉敷)
昔むかし、あるところでPhantom jsに助けられた話
昔むかし、あるところでPhantom jsに助けられた話
マーケティング視点でのデザイン
マーケティング視点でのデザイン
『カルチャーモデル 最高の組織文化のつくり方』講演用資料
『カルチャーモデル 最高の組織文化のつくり方』講演用資料
20171218 ゆるぷちマンデー交流会(岡山)
20171218 ゆるぷちマンデー交流会(岡山)
一歩踏み込むWordPress
一歩踏み込むWordPress
WordBench 東京 とは
WordBench 東京 とは
第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-
デザイナー的思考で地域の想いをつなぐ
デザイナー的思考で地域の想いをつなぐ
【(元)GIZMODO編集長 × CINRA】Webメディアのつくり方 vol.1 先生:杉浦 太一・大野 恭希
【(元)GIZMODO編集長 × CINRA】Webメディアのつくり方 vol.1 先生:杉浦 太一・大野 恭希
僕のFireworks普及計画!!
僕のFireworks普及計画!!
How to meet SOMETHING NEW?
How to meet SOMETHING NEW?
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
"世界に誇れるブランド"を目指す、デザイナーのスタートアップ経営 高橋才将 (2015年11月25日カレーとデザインの夕べLT資料)
"世界に誇れるブランド"を目指す、デザイナーのスタートアップ経営 高橋才将 (2015年11月25日カレーとデザインの夕べLT資料)
20171211 ゆるぷちマンデー交流会(岡山)
20171211 ゆるぷちマンデー交流会(岡山)
concrete5 harvest
1.
concrete5 theme CMS初心者Webデザイナーの生き様を語ります!! 2016/11/26 Tokyo 2016/01/01-05/31までの2サイトの紹介 マーケットプレイスで公開しているテーマの紹介 1
2.
About 本日は京都からやってきました。
3.
About MotherHeads (マザーヘッズ) Designer(デザイナー) Kazuhiro Matsuda
(松田和広) 「ここでしか創れないモノを創る! モノ創りをつうじてヒトを財産とする」 www.motherheads.net オフィシャルWEB www.motherheads.com ECサイト @dj_kazu1 Kazuhiro Matsuda
4.
About これは私が立ち上げたブランドになりま す。独自性をとても大事にしています。 ここでは、デザインを通じて様々なモノ を創っています。 オフィシャルサイトがすでに独特です。
5.
About これは私が立ち上げたブランドになりま す。独自性をとても大事にしています。 ここでは、デザインを通じて様々なモノ を創っています。 オフィシャルサイトがすでに独特です。 ファッション、DTP、WEBサイト、 イラスト、アクセサリーと様々です 。motherheads.netをご覧ください。
6.
About Holm.design inc. (ホルムデザイン株式会社) Web
Designer(ウェブデザイナー) Kazuhiro Matsuda(松田和広) www.holmdesign.jp LP系をメインにしています。 企業のWEBサイトやDTP関連などもやっており ます。
7.
About この二つの違いは!? 自分のブランド 自由気ままで 好き放題しています 仕事をうけます 会社として、やっています 安心してください WEBページが 独特だょ!! 今、concrete5で つくってるよ!!
8.
About 今年下半期の目標は!? concrete5での案件を全力で とりにいく所存です。 ご紹介およびご依頼・ご相談などありました ら、どうぞよろしくお願いいたします。
9.
Title WEBデザイナーが語るエンターテイメントショー CMS初心者Webデザイナーの生き様を語ります
10.
STORY 紹介内容 1話 のテーマ作成秘話 2話 でつくったサイト事例 3話
マーケットプレイス活用 という流れでお話させていただきます。
11.
STORY CMS超初心者のWEBデザイナーです。 concrete5をはじめて今日で11ヶ月になります。 そして6ヵ月でテーマ(1作品)を公開できました。 なんと、Evangelistをやっております。 その前に…実は私、
12.
STORY 京都勉強会にてメインで登壇してます。 奈良勉強会にてベンチ入りで登壇してます。 OSC京都2016にて登壇しました。 CMS夏祭り2016にて登壇しました。 CMSプロレス第二回にて出場しました。 登壇ステージ
13.
STORY 紹介内容 1話 のテーマ作成秘話 2話 でつくったサイト事例 3話
マーケットプレイス活用 という流れでお話させていただきます。
14.
のテーマ作成秘話!? STORY CMSをはじめて1年未満な私がWEB サイト(テーマ)がつくれて、マー ケットプレイス用のテーマまで公式 で発表することができました。 ーー 結果 ーー ※これまでCMSを触った経験は一切ありません。 スタティックオンリーWEBデザイナーです。 デザイン、html&CSS、JS少々のスキルでPHPはできません。
15.
「やる気・元気・勇気」です! STORY ーー キーワード ーー のテーマ作成秘話!?
16.
STORY ーー ごめんなさい ーー •
専門用語がでてきます。これからや ろうとしてる方は頭の片隅にでも置 いておいて、今は聞き流す程度で、 むずかしく考えないで下さい。 • HTML&CSSをさわった方向けの話に なるところもあります。 のテーマ作成秘話!?
17.
STORY Are You Ready!? ーー
心の準備はいいかい!? ーー のテーマ作成秘話!?
18.
STORY テーマには、 WEBサイトとマーケットプレイスと ふたつ言い方があります。 のテーマ作成秘話!? ーー 豆知識 ーー
19.
STORY テーマには、 WEBサイトとマーケットプレイスと ふたつ言い方があります。 ややこしいなー。 わかった!! それでは、いってみよう! のテーマ作成秘話!? ーー 豆知識 ーー
20.
STORY • コード(PHP・JS)を書かないと使えない CMSではありません。 ※ただし自由度を高めるなら必要です。 他のCMSとは、少し違うCMSです。 • 直感的操作(GUI)でパズルのようにコンテン ツ(ブロック)を積み上げてページをつくっ ていきます。 は、 ーー
concrete5とは ーー
21.
STORY • なによりも自由度が高い! そして完成してからも自由がききます。 • 管理画面からだけではなく、実際のページを見 ながら更新できます。 •
コミュニケーションをとりながら気軽に編集で きます。 は、 ーー concrete5とは ーー
22.
STORY • 今すぐ使えるデフォルト機能が充実しいます 。なので最初からつくるとき「○○ のときは 、これをする」というのがわかりやすい •
コンテンツの更新やページのコピーなどユーザ ーの「やりたいこと」をカタチにしやすい • 直感的に更新できるのでスピーディーな更新が できる は、 ーー concrete5とは ーー
23.
STORY Goodポイント! ーー WEBデザイナー必見!! ーー •
htmlとcssがわかれば、サイトがつくれます。 • 様々なレイアウトでサイトを表現できるため、 単調なデザイン以外にも対応できます。 • GUI操作でコンテンツ(ブロック)を積み上げま す。また画面をみながら編集ができます。
24.
STORY ーー なぜconcrete5なの!? ーー FTPとか使わずに、自分でも更新してみ たいんだよね〜 なんか、こうヒョイッヒョイッととかサ クサクッとねー クライアント ーー
きっかけ ーー
25.
STORY ーー なぜconcrete5なの!? ーー マヂか!? ・・・そんなことできるのか!? ーー
きっかけ ーー FTPとか使わずに、自分でも更新してみ たいんだよね〜 なんか、こうヒョイッヒョイッととかサ クサクッとねー クライアント
26.
STORY ーー なぜconcrete5なの!? ーー ーー
リサーチ ーー FTPを使わないのがCMSかぁー そして、concrete5というモノがあ るのか!? その他の候補としてはBaser、Drupal、 WordPressなどがありました。
27.
STORY ーー なぜconcrete5なの!? ーー ーー
井の中の蛙は… ーー では、勉強会というモノに参加 してみるか!? 第3回concrete5京都勉強会でした。 アポなしの完全飛び込みです。
28.
STORY ーー なぜconcrete5なの!? ーー ーー
はじめての勉強会 ーー まずは、主催しいてる人柄チェッ クです。 チェックの結果は…↓ 人柄がとてもステキな感じのヒト でした。 受付でお話したときに感じました 。 concrete5 japan 代表 菱川さん
29.
STORY ーー なぜconcrete5なの!? ーー ーー
成果 ーー 勉強会でふれてみて、concrete5が 直感的に自分の肌に合うと感じた。 直感的操作(GUI)がデザイナー目線 CMSだと思いました。 しかも、なによりも対応が親切だっ た。
30.
STORY ーー なぜconcrete5なの!? ーー ーー
挑戦 ーー よし! 自分で最初からサイトをつくるぞ! !
31.
STORY ーー 実際にconcrete5をやってみた ーー ーー
さっぱりわからん ーー フォーラムというモノがあるよ! わからないことを投稿してください 。concrete5-japan.org/
32.
STORY ーー 実際にconcrete5をやってみた ーー ーー
さっぱりわからん ーー おお!神よ!! フォーラムというモノがあるよ! わからないことを投稿してください 。concrete5-japan.org/
33.
STORY ーー 実際にconcrete5をやってみた ーー ーー
すこしだけわかった ーー 書き込みしまくりました。 レスポンスがはやくて丁寧だ!! ちなみに質問は、 誰が見てもわかるように書く。 スクショなどをはりつけて図解解説 があれば… より的確に返ってきます。
34.
STORY ーー 実際にconcrete5をやってみた ーー ーー
もっと知りたいぜ ーー でも返答を待つのがツライぜ!! 伝え方が難しいところがある!! だったら、どうする!? ついに!! あのオトコとコンタクトをとってみ るか!?
35.
STORY ーー 実際にconcrete5をやってみた ーー ーー
もっと知りたいぜ ーー ねぇ、菱川さん! マジ(本気)でconcrete5やりたいん だけど、ここを教えて!?
36.
STORY ーー 実際にconcrete5をやってみた ーー ーー
もっと知りたいぜ ーー ふむ、ふむ・・・あいかわらず、 おもしろいこと考えるよねー ああ、いいよ! ねぇ、菱川さん! マジ(本気)でconcrete5やりたいん だけど、ここを教えて!?
37.
STORY ーー 個別指導 菱川インタビュー
ーー • カフェで怒濤の質問攻めをされました 。本人のやる気に魅了されました。 • デザイナー目線での要望もたくさん提 案してくれました。 • concrete5はDJ Kazuの意見を大々的に 採用します。 • あと、紹介したいヒトがいるんだよ。 concrete5 japan 代表 菱川さん ーー 実際にconcrete5をやってみた ーー
38.
STORY ーー 週刊concrete5 ーー hissyから聞いてるよ。 もっと知りたいなら、週刊concrete5に 参加しなよ。 あと、カレーが大好きなんだよね〜 concrete5 CCO katzさん ーー
実際にconcrete5をやってみた ーー
39.
STORY ーー 週刊concrete5 発信図
ーー ーー 実際にconcrete5をやってみた ーー 広がる週刊concrete5 ネットワーク!!! 発信基地の名古屋 katzさん 京都 DJ Kazu 千葉 庄司さん はレギュラー はゲスト エリア拡大中です 放送は300回越え!
40.
STORY ーー 実際にconcrete5をやってみた ーー ーー
というわけで ーー 週刊concrete5に出演決定!! 毎週木曜日 約21時頃から開始です。 即答でその場で聞けます。 今では、レギュラー出演!現在ゲスト募集中です。 ここでEvangelist 庄司早香さんと知り合いました。
41.
STORY ーー 実際にconcrete5をやってみた ーー ーー
広がるヒトとのつながり ーー 週刊concrete5の放送を聞いていて、おも しろいこと言うよね〜。 ボクとタッグを組まないか!? キミのアイディアをカタチにするのを手 伝うよ!! 関西UG aclissさん
42.
STORY ーー 実際にconcrete5をやってみた ーー 週刊concrete5の放送を聞いていて、おも しろいこと言うよね〜。 ボクとタッグを組まないか!? キミのアイディアをカタチにするのを手 伝うよ!! なんと!神よ!! よろしくお願いします!!! ーー
広がるヒトとのつながり ーー 関西UG aclissさん
43.
STORY ーー 実際にconcrete5をやってみた ーー ーー
その結果 ーー 週刊concrete5とaclissさんのおかげ concrete5の使い方を早くより理解で きました。こうやって、サイトをつ くれるようになりました。 今はconcrete5のフリーダムさにハマっています。
44.
STORY ーー 実際にconcrete5をやってみた ーー ーー
アドバイス ーー ひとりで考えるのもいいですけど、 わからなかったら、勉強会への参加 やコミュニティで聞いてみましょう 。 まとめると!!concrete5のコミュニティやサポー トしてくれるヒトが親切でいいヒトばかりです!!
45.
STORY ーー 実際にconcrete5をやってみた ーー ーー
募集 ーー というわけで週刊concrete5でわから ないことを聞いてみたいという方がお られたらご連絡ください。 いっしょに出演しましょう!! Kazuhiro Matsudaもしくはslackへご連絡下さい。 どうぞ、よろしくお願いします。
46.
STORY 紹介内容 1話 のテーマ作成秘話 2話 でつくったサイト事例 3話
マーケットプレイス活用 という流れでお話させていただきます。
47.
STORY でのサイト事例 それなら、見せてもらおうか!!
48.
STORY でのサイト事例 それなら、見せてもらおうか!! とくとご覧あれ!
49.
Deliverable どれもコンセプトは全然違います。 2015年12月〜2016年5月末まで「2サイト」創 りました!制作時は5.7.5.6になります。 「私が創ったWEBサイト・theme」を 簡単にご紹介いたします! djkazu.supervinyl.net ayanyan.net
50.
Deliverable テーマ仕様(汎用性)のため、 htmlのベタばりを少なくしています。
51.
Deliverable サイトにでてくるイラストは、私が描いて います。 写真は、素材購入や当時に撮影したものを 加工しています。
52.
Deliverable 第1弾の紹介です。
53.
Deliverable 2016,03,31 concrete5で創ったサイト紹介 DjKazu仕様 djkazu.supervinyl.net concrete5
ver5.7.5.6(制作時)
54.
Deliverable •構成およびワイヤー、デザイン、コーディングで 1ヵ月ほど。 •作業期間は2015年12月〜末手前まで。 •初めての構築で3ヵ月を費やす。 •作業期間は2016年1月〜3月末で完成。 •マーケットプレイス用テーマ申請は2016年4月〜7 月頃で7月16日で承認されました。 構築期間
55.
Deliverable 特長としては コーポレート型WEBサイトです。 1.parallaxを用いて動きのあるサイトであり、 parallaxオフ対応もできる 2.レスポンシブ機能あり 3.カスタムレイアウトプリセットを使用。 4.ジャンルごとにラベルの名前や色が変えられる 5.ページリストを応用してつかっている
56.
Deliverable Bootstrapで使うレイアウト機能です。 基本的には○○カラムとその都度の設定をしますが 登録をしておけば、決め打ちでカラム設定ができ ます。これは便利です。 ただし、カラムというレイアウトのみの設定にな ります。 カスタムレイアウトプリセットとは!?
57.
カスタムレイアウトプリセットとは!? Deliverable さらにclass=“○○”とかも書いておけるのでCSSが 使いやすくなります。
58.
ページリストを応用することにより コンテンツの追加が簡単になり管理もしや すく、運用がスムーズになると思います。 Deliverable 理由は、 ページリストは1ページ単位で管理できる。 ページ内での編集ができ、サイトマップからも探 すこともできます。
59.
Deliverable • TOPページはコーポレート的に活用できます。 • ABOUTページはスタッフ紹介、地図、お問い合わせに活用 できます。 •
FAVORITページは商品紹介に活用できます。 • DIARYはブログに活用できます。 • SCHEDULEはニュースや特集ページに活用できます。 • 基本テーマ仕様なので汎用性をもたす!! ※作成者としてはこう思っています。 まとめ 各ページの活用構成
60.
Deliverable 第2弾の紹介です。
61.
Deliverable 運用仕様ver ayanyan.net concrete5 ver5.7.5.6(制作時) 2016,05,31
concrete5で創ったサイト紹介
62.
Deliverable •構成およびワイヤー、デザイン、コーディングで 1ヵ月ほど。 •作業期間は2016年4月〜末手前まで。 •構築は約2週間〜3週間。 •作業期間は2016年5月中旬〜5月末で完成。 構築期間
63.
Deliverable 特長 ブログメイン型WEBサイトです。 1.masonyを用いてコンテンツをランダムに並べられる。 レスポンシブ機能あり。 2.権限機能でブログ記事の運用をしている。 3.サムネイルの写真の大きさやアイコンの取り付けが選ぶ ことができる。 4.多様にページリストを使っている。さらにページリスト を応用してつかっている。
64.
ページタイプとページ属性とページリスト の3つを組み合わす事で画像の大きさ、ア イコンの種類を選択できる要素をもたせた り、ページタイプから各ページへのジャン ルを選択できる要素をもたすことが可能。 ページリストを応用することで関連記事や ピックアップ記事などの表示も可能。 Deliverable
65.
ページリストを応用することにより コンテンツの追加が簡単になり管理もしや すく、運用がスムーズになると思います。 Deliverable 理由は、 ページリストは1ページ単位で管理できる。 ページ内での編集ができ、サイトマップからも探 すこともできます。
66.
Deliverable さらに、 ワークフロー&権限機能をつかっています 。
67.
Deliverable 例えば、記事を書いたヒトからメールがきます。 書いた記事のデザイン、内容などを確認して問題 なければ公開できるという機能です。 これで安全な運用ができます。 ワークフローとは!?
68.
Deliverable ある一部の特集記事やキャンペーンページを表示 ・非表示にできます。 閲覧できる対象を選択できるという機能です。 時間指定などもでき、いつからいつまでというよ うな公開もできます。 権限とは!?
69.
Deliverable • TOPページおよびジャンルページはブログに活用できます 。ジャンルごとに出力できます。 • INFORMATIONはニュースや特集ページにて活用できます 。 •
CONTACTはお問い合わせにて活用できます。 • FAQはよくある質問にて活用できます。 • 基本テーマ仕様なので汎用性をもたす!! ※作成者としてはこう思っています。 まとめ 各ページの活用構成
70.
STORY 紹介内容 1話 のテーマ作成秘話 2話 でつくったサイト事例 3話
マーケットプレイス活用 という流れでお話させていただきます。
71.
STORY マーケットプレイス活用 サイトをつくれないヒトはどうす る!?
72.
STORY マーケットプレイス活用 サイトをつくれないヒトはどうす る!? マーケットプレイスというところ から使いたいテーマやアドオンを ダウンロードすればいい!!
73.
STORY マーケットプレイス活用 じゃぁ、私のHeyDJで説明しよう !
74.
STORY マーケットプレイス活用 じゃぁ、私のHeyDJで説明しよう ! おお、ナイスアイディア!!
75.
その前に、concrete5マーケットプレイ スへいき、登録をしましょう! ブラウザで「concrete5 マーケットプレ イス」と検索するとでてきます。 もしくはアドレスが 「 https://www.concrete5.org/marketplace 」 になります。 STORY マーケットプレイス活用
76.
それでは、右肩にある「Join our Community」をクリックしましょう。 STORY マーケットプレイス活用
77.
ID、Pass、Emailを登録していきましょう 。Website Buildingは初期値でいいです。 STORY マーケットプレイス活用
78.
STORY マーケットプレイス活用 次に同意するにチェックをいれて認証パスワー ドをいれます。見にくいと思ったらリロードア イコンをクリックしてください。 パスワードの間には半スペを入れましょう。
79.
ダメだったらNGがこのようにでます。 この場合はIdが使われているということです。 再トライしましょう! STORY マーケットプレイス活用
80.
認証されれば、このような画面になります。 プロフィールはあとでもいれることができます 。 STORY マーケットプレイス活用
81.
STORY マーケットプレイス活用 一旦戻って、concrete5マーケットプレイ スのトップへいきBrowseThemeへ進みま す。
82.
STORY マーケットプレイス活用 テーマ一覧になります。 サムネイルをクリックしたら、クリック した各themeページへいけます。
83.
STORY マーケットプレイス活用 ここでFreeボタン (Download Archive)を 押してダウンロードします。
84.
STORY マーケットプレイス活用 テーマのインストール方法は、 1. concrete5を空でインストールします。 2. packageの中に解凍したフォルダをいれま す。 3.
GUIへいき、concrete5を拡張を選択。 4. インストールで「はい。サイトのコンテン ツをパッケージの内容でリセットします。 」を選択。※Hey DJに限ります。 5. 読み込みがはじまり、少し待てば完了です 。
85.
アドオンも同じ容量で入れる事ができま す。 簡易説明しておくと、 ダウンロードしてきたらpackageフォル ダの中の部品をconcrete5のpackageフォ ルダにいれるだけです。 GUIへいき、concrete5を拡張を選択でイ ンストールです。 STORY マーケットプレイス活用
86.
一例:hissyアドオン「author_profile」を HEY DJにいれると hissyアドオン解説はここです。 HEY DJ仕様部品アドレス id:admin pass:harvest これは本体をいれてからblocksの中にそ のままいれるだけの部品です。 STORY マーケットプレイス活用
87.
Deliverable 2016,07,16 マーケットプレイスで公開 デモページheydj.supervinyl.net/ concrete5 ver5.7.5.6(制作時)
88.
Deliverable • TOPページはコーポレート的に活用できます。 • ABOUTページはスタッフ紹介、地図、お問い合わせに活用 できます。 •
FAVORITページは商品紹介に活用できます。 • DIARYはブログに活用できます。 • SCHEDULEはニュースや特集ページに活用できます。 • 基本テーマ仕様なので汎用性をもたす!! ※作成者としてはこう思っています。 各ページの活用構成
89.
Deliverable マーケットプレイス用テーマ こちらは無料のテーマのデモです。 運用verと仕様が違います。 1.無料につき、ジャンルに応じてラベルの名 前や色が変えられるのは3種類まで。 2.parallaxはなしになっています。 3.トップページがカルーセルになっています 。 デモページ heydj.supervinyl.net concrete5 ver7.5.6(制作時)
90.
テーマ販売について このFirstThemeは 無料版となります。 DjKazu運用verとは若干違います。 ※下記ページにて確認願います。 concrete5 マーケットプレイスまで http://www.concrete5.org/marketplace/themes/hey-dj Deliverable
91.
SemiFinal 最後に ご存知かと思いますが、運用を開始したら必ず バックアップをとってから、バージョンアップ をしていきましょう。 1. バグ修正などがはいっています。 2. 機能が向上されている部分もあります。 3.
バックアップをとって機能追加をする。
92.
Message あと少しだけ 私はCMSを触った事ない初心者から現在では登 壇者になりました次は「あなた」です!! キーワードは、 「やる気・元気・勇気」 です。
93.
Final 予告! 現在、第3弾を創っています。 「複合検索」「多言語」「会員機能」などを 盛り込みます。 concrete5のメイン機能を活用した さらなる創りを目指します! ご清聴どうもありがとうございました。
Editor's Notes
会社名:HOLM.design メンバーの紹介
会社名:HOLM.design メンバーの紹介
次回作をつくれば、インテグレートパートナーに申告します。
Download now