SlideShare uma empresa Scribd logo
1 de 83
Baixar para ler offline
実例から見る、CMSと
レスポンシブデザインで変わる
ウェブ制作のワークフロー
菱川拓郎
Takuro Hishikawa
コンクリートファイブジャパン株式会社
concrete5 Japan Inc.
concrete5とは?
今日の話に大きく関わりますので、
最初にオープンソースCMS

concrete5
について紹介させてください。
concrete5って何?

•拡張性と操作性に特化したオープンソ
ースCMS

•ウェブサイトの管理を、マウス操作で
自由に行なえる

•サイト内の編集したいページで「編集
モード」に切り替え、その場で編集
デモ:編集モード

•ツールバー
•ブロックの編集
•ブロックの追加
•レイアウトの追加
•デザインツール
デザイナーへのおすすめポイント

•テーマの作成は超カンタン
•デザインカスタマイズで覚えることが
少ない(学習コストが低い)

•デザインカスタマイズの自由度が高い
•日本語フォーラムでサポート、勉強会
も
開発者へのおすすめポイント

•jQuery, Twitter Bootstrap
•PHP(Zend Libraries),
MySQL(ADOdbデータベース抽象化
レイヤー)

•拡張可能なデータオブジェクトモデ
ル、ビルト・イン・ヘルパークラス

•カスタマイズ容易なオーバーライドシ
ステム
制作会社へのおすすめポイント

•早く形になる
•手離れが良い
•あとからの変更に強い設計
•ウィザードインストール、1クリック
アップデート
concrete5の歴史
• 2003 concrete CMS v.1
広告代理店からの依頼
更新者は90人。デザインと機能にこだわるサイ
ト。全米CMからの大量のアクセス
→「簡単、柔軟、強固」をキーワードに全く新しい
CMSを開発

• 2008 concrete5 オープンソース化
• 2009 concrete5 日本語版リリース
• 2014 モバイルからのサイト管理を実現するGUIの
リニューアルを予定
動作要件

•PHP5.3
•PHPモジュール: CURL, zip, mcrypt,
openssl, GD (with freetype),
mysql, mbstring

•PHP Safe Mode Off
•MySQL 5.x
ライセンス

•MITライセンス
制限の最も少ないライセンスのひとつ

•マーケットプレイスから入手できるテ
ーマやアドオンは異なるライセンス
(開発者が選べる)
事例

•ケンブリッジ大
学

•バンクーバー水
族館

•MINI(BMV)
•AT&T
•フィリピン航空

•TOPCON
•Genco
•など
国内事例

•とるナビ(バン
プレスト)

•交通新聞社
•筑波学院大学
•東京基督教大学
•篠栗町社会福祉
協議会 

•羽島市医師会
•CSS Nite in
AOMORI

•その他企業、自
治体など…
主な機能

•公開承認機能
•詳細な権限設定
•世代管理・ロー

•RSS出力
•問い合わせフォ

ルバック機能

•ファイルマネー

•サイト内検索
•モバイルでのテ
ーマ切り替え

ーム
ジャー

•サイト内検索
•etc.
コンクリートファイブジャパン株式会社

•concrete5の普及活動
•concrete5テクニカルサポート
•concrete5保守サポート
•concrete5ホスティング
•トレーニング/セミナー
•制作パートナー制度
concrete5

•直感的操作のCMSと
覚えて帰ってください!
;-)
レスポンシブデザインの
懸念点
レスポンシブデザインの懸念点

•デザインに制約が起こる?
•PC用の要素を読み込むことでモバイ
ルで遅くなる?(逆も)

•ナビゲーションが難しい?
•モバイルからのアクセス時、PC表示に
切り替えできなくなるのがストレス
CSSフレームワークの
懸念点
CSSフレームワークの懸念点

•似たようなデザインになる?
•デザイナーの制約になる?
•結局ほとんど書き直しになり
意味が無い?

•CMSとの相性が悪い?
懸念点だらけ?
事例があれば
やってみたいかも…?
事例持ってきました!
FUSION IP-Phone SMART

ip-phone-smart.jp
FUSION IP-Phone SMART

•スマホの通話料が60%安くなる。スマ
ートフォン向けIP電話サービス

•新規ユーザーの獲得と既存ユーザーの
利用率アップ

•新規利用者への魅力の訴求とカスタマ
ーサポートの充実

•常に社内で最新の情報に更新
FUSION IP-Phone SMART

•Responsive CSS Framework
= Zurb Foundation 4

•CMS = concrete5
新しい制作フローの
チャレンジ
ウォーターフォールからの脱却

•最優先事項はユーザーエクスペリエン
ス(+初期コスト)

•ワイヤーフレーム→デザインカンプ→
コーディング→CMS組み込み
という一方向の制作フローは最適でな
いことが予想される
検証を継続する制作フロー

•CMSに組み込んだ状態のプロトタイ
プを制作、実際の運用しやすさやスマ
ートフォンからのユーザーエクスペリ
エンスを確認しながら先に高めておく

•あとからデザイン、コーディングする
レスポンシブウェブデザインとCMS
制約?
流行?
ウェブ制作者のエゴ?
…本質?
“Designing responsively
enables us to build for
four corners, no matter
the size, rather than one
specific device.”
- http://zurb.com/responsive/design
迅速で継続的なプロトタイピング

“You can create coded
wireframes that allow you to
see how your designs might
function on a desktop, a
phone or a tablet.”
- http://zurb.com/responsive/design
将来性

“Designing responsive sites
allows you to be prepared
for devices that don't even
exist yet”

- http://zurb.com/responsive/design
“don't let friends design
in 960px.”

- http://zurb.com/responsive/design
クライアント
ウェブ制作者
ユーザー
みんなの利益
:-)
ここからは、実際に
Foundation+concrete5
で制作した流れをご紹介
レスポンシブデザイン前提
のワイヤーフレーム
ワイヤーフレーム

•レスポンシブデザインに対応するワイ
ヤーフレームに求められるもの

•レイアウト設計ではなく情報設計
•ピクセル数まで指定してあるワイヤー
フレームと対極

•配置を細かく指定しない
ワイヤーフレーム

•画面サイズが変わっても残るクライア
ントの意図を書く

•では、ワイヤーフレームの実物を
• …と言いたいところですが、この部分はロフトワー
クさんの素晴らしい仕事だったので私からはお伝え
できマセン m(_ _)m

プロモーションサイト構築|実績・事例|株式会社ロフトワーク http://www.loftwork.jp/case/detail/web/20131004_fusioncom.aspx
CMS組み込み済みの
プロトタイプ
プロトタイプ

•ワイヤーフレームをもとにCMSに組み
込んでしまった

•FoundationをベースにいきなりCMS
のテーマを作る

•もちろんこの時点でデザインはしてい
ない
プロトタイプ
プロトタイプ
プロトタイプ

•最初期のテーマが残っていなくて前の
ページの画面は、色彩設計が途中まで
反映されています…

•最初期は完全にFoundationそのまま
•コンテンツはダミーで登録
プロトタイプ

•モバイル幅での動きやレイアウトにつ
いて、サイトを作りながら(そして実
機で見ながら)検証していく

•CMSの機能でどんどんレイアウトを
変えていく(ディレクターでも打合せ
中でもできる!)
プロトタイプ

•追加機能はHTMLブロックなどを活用
してダミーで入れる

•どんな機能かはワイヤーフレームなど
ドキュメントで補完
プロトタイプ

•運用のイメージもプロトタイプでクラ
イアントとイメージを合わせておく

•クライアントと完成時、運用時のイメ
ージのずれがなくなる
プロトタイプ後に行なう
デザイン
デザイン

•デザイナーもプロトタイプを見てデザ
インに落とし込んでいく

•全ページデザインする必要はない
•色彩設計とパーツのデザイン
•基本的に無茶はしない(プロトタイプ
と違うことをしない)
デザイン

•ウェブデザインは得てして「機能設計
書」を兼ねて炎上する

•→デザインとして確認してもらえると
いうメリット
デザイン

•結局どういうものを作るの?
•FoundationやBootstrapのサイトが
まさにお手本になる!
CSSフレームワークを活用
したコーディング
コーディング

•Foundationはダウンロードしてその
まま使わない!

•フレームワークというよりライブラリ
•便利なSassのMix-in集
コーディング

•例
#main {
@media #{$small} {
& {
@include grid-column($columns:8,$collapse:true);
}
}
@include single-box-shadow($color:#d5d5d5,$blur:3px,
$inset:false);
background-color: $main-background-color;
}
コーディング

•「CSSフレームワークはデザインが制
限される」は間違い

•既存サイトに一部Foundationを導入
することも可能

•includeすればHTMLが汚くならない
•用意されているclass名もうまく併用
して楽をする
プロトタイプを活用した
機能開発
機能開発

•標準で用意されているブロックはどん
どんデザイン適用し、開発中にコンテ
ンツ登録もどんどん進めてもらう

•追加機能はブロック単位で開発を進め
る

•ブロック型CMSならではの分業制作
「1画面内で同時進行」
機能開発

•コーディングを渡されてから取りかか
り、コーディングと仕様が食い違って
炎上…そういう無駄な開発はしない
機能開発

•SMARTサイトで開発したブロック
機能開発

•SMARTサイトで開発したブロック
機能開発

•以上!あとは標準機能で実現
•アドオンもOpen Graph Tagsとソー
シャルボタンを挿入するものだけ
検証→デザイン→実装
継続的な制作フロー
要件定義

ワイヤーフレーム

プロトタイプ

検証

デザイン

実装(組み込み)
新しい制作フローの
予想外の利点
予想外の利点

•始めからレスポンシブで作って行くこ
とでモバイルでもナビゲーションが破
綻しない
→モバイルで使い勝手が悪くならない

•ブロック型CMSとの相性が良い
→CSSフレームワークのグリッドシス
テムの恩恵
レスポンシブデザイン、
新しい制作フローの
課題
課題

•Foundation 4はIE8非対応
•やっぱりIE8に対応してほしい!
•対応ブラウザは念入りに認識を合わせ
ておきたい
課題

•CSSフレームワークはブラックボック
スなので、対応ブラウザでの検証もし
っかり行われていて安心な反面、対応
ブラウザを増やすのは自作CSSより大
変

•結局Respond.jsで対応
課題

•CSSフレームワークだけではナビゲー
ションのレスポンシブ対応のバリエー
ションが少ない

•コーディングの工数がかかるポイント
になる

•それでも全体的には恩恵が大きい
課題

•CSSフレームワークの選び方
•デザインではなく、設計と対応ブラウ
ザで選ぶ

•モバイルファーストかどうかは設計に
大きく関わる

•今後はワイヤーフレームからモバイル
ファーストにして行こう!
課題

•表示・非表示のテクニックをどこまで
使うか?
課題

•画像のクオリティと読み込み速度は?
•Retina画像からpng8圧縮画像まで使
い分ける→ルール化までは至らず
課題

•CMSのレイアウト編集機能とCSSフ
レームワークの設計が食い違うことも

•クライアントの混乱のもとになりかね
ない
課題

•CMSとCSSフレームワークのコミュ
ニティの相互交流で解消へ

•concrete5次期バージョンでは
BootstrapやFoundationのグリッド
システムとの親和性向上
課題

•ワークフローに関係者全員が慣れてい
ない

•継続が大事!
課題はあるが、
クライアント満足度は高く
コスト上のメリットも!
最終的にサイトを利用する
ユーザーに近い、
プロトタイプを軸に関係者
の目線を揃えられる
制約の多いレスポンシブウ
ェブデザインだからこそ、
静的なデザイン中心から
コンテンツ中心に発想の
転換ができる
ご清聴ありがとうございました!
www.concrete5.org (コミュニティ/マーケットプレイス)
concrete5-japan.org (日本語コミュニティ)
concrete5.co.jp (コンクリートファイブジャパン株式会社)

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

駆け足で紹介する concrete5のおすすめ機能5選
駆け足で紹介するconcrete5のおすすめ機能5選駆け足で紹介するconcrete5のおすすめ機能5選
駆け足で紹介する concrete5のおすすめ機能5選
 
concrete5で制作・運用する多言語ウェブサイト
concrete5で制作・運用する多言語ウェブサイトconcrete5で制作・運用する多言語ウェブサイト
concrete5で制作・運用する多言語ウェブサイト
 
concrete5って何?〜Web制作者対象〜2014年版
concrete5って何?〜Web制作者対象〜2014年版concrete5って何?〜Web制作者対象〜2014年版
concrete5って何?〜Web制作者対象〜2014年版
 
Calypso動かしてみたよ!
Calypso動かしてみたよ!Calypso動かしてみたよ!
Calypso動かしてみたよ!
 
CMS導入で企業のWebサイト運営はこう変わる!
CMS導入で企業のWebサイト運営はこう変わる!CMS導入で企業のWebサイト運営はこう変わる!
CMS導入で企業のWebサイト運営はこう変わる!
 
concrete5セミナー資料公開版
concrete5セミナー資料公開版concrete5セミナー資料公開版
concrete5セミナー資料公開版
 
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
 
concrete5
 バージョン5.7のご紹介
concrete5
 バージョン5.7のご紹介concrete5
 バージョン5.7のご紹介
concrete5
 バージョン5.7のご紹介
 
concrete5で社内システムのお話し
concrete5で社内システムのお話しconcrete5で社内システムのお話し
concrete5で社内システムのお話し
 
WordPress使いのためのconcrete5入門
WordPress使いのためのconcrete5入門WordPress使いのためのconcrete5入門
WordPress使いのためのconcrete5入門
 
Cloud 9を使ってみよう
Cloud 9を使ってみようCloud 9を使ってみよう
Cloud 9を使ってみよう
 
イマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考するイマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考する
 
concrete5 勉強会 20150117_テーマ作成
concrete5 勉強会 20150117_テーマ作成concrete5 勉強会 20150117_テーマ作成
concrete5 勉強会 20150117_テーマ作成
 
第1回concrete5初心者向け勉強会
第1回concrete5初心者向け勉強会第1回concrete5初心者向け勉強会
第1回concrete5初心者向け勉強会
 
第22回creators meet up資料
第22回creators meet up資料第22回creators meet up資料
第22回creators meet up資料
 
仕様書から見る concrete5 サイトの作り方 〜 WordPress サイト制作とこんなに異なるワークフロー
仕様書から見る concrete5 サイトの作り方  〜 WordPress サイト制作とこんなに異なるワークフロー仕様書から見る concrete5 サイトの作り方  〜 WordPress サイト制作とこんなに異なるワークフロー
仕様書から見る concrete5 サイトの作り方 〜 WordPress サイト制作とこんなに異なるワークフロー
 
CMS の現場から - WordPress と concrete5
CMS の現場から - WordPress と concrete5CMS の現場から - WordPress と concrete5
CMS の現場から - WordPress と concrete5
 
WordPressカスタム三兄弟、concrete5ならこう作る。
WordPressカスタム三兄弟、concrete5ならこう作る。WordPressカスタム三兄弟、concrete5ならこう作る。
WordPressカスタム三兄弟、concrete5ならこう作る。
 
これからはじめるConcrete5
 これからはじめるConcrete5  これからはじめるConcrete5
これからはじめるConcrete5
 
今、WordPress を使う理由
今、WordPress を使う理由今、WordPress を使う理由
今、WordPress を使う理由
 

Destaque

20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort
loftwork
 
サイトリニューアル提案書
サイトリニューアル提案書サイトリニューアル提案書
サイトリニューアル提案書
wize_shibuya
 
Relazione rapporto cinema-vclip-vart
Relazione rapporto cinema-vclip-vartRelazione rapporto cinema-vclip-vart
Relazione rapporto cinema-vclip-vart
Mattia Gordon Ramsay
 
Comparison of Managed and Unmanaged Tropical Forests in Costa Rica
Comparison of Managed and Unmanaged Tropical Forests in Costa RicaComparison of Managed and Unmanaged Tropical Forests in Costa Rica
Comparison of Managed and Unmanaged Tropical Forests in Costa Rica
Brianna Stephenson-Vallot
 

Destaque (20)

The Next PowerCMS
The Next PowerCMSThe Next PowerCMS
The Next PowerCMS
 
Movable Type 5 seminar 2010/12
Movable Type 5 seminar 2010/12Movable Type 5 seminar 2010/12
Movable Type 5 seminar 2010/12
 
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
10分で作るオリジナルサイト -  CMS/blog/adiary/Wordpress10分で作るオリジナルサイト -  CMS/blog/adiary/Wordpress
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
 
20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort
 
Sitecore におけるレイアウトの考え方
Sitecore におけるレイアウトの考え方Sitecore におけるレイアウトの考え方
Sitecore におけるレイアウトの考え方
 
Sitecore CMS 概要
Sitecore CMS 概要Sitecore CMS 概要
Sitecore CMS 概要
 
【IMJ】「Adobe Media Manager」を活用したプライベートDMP構築
【IMJ】「Adobe Media Manager」を活用したプライベートDMP構築【IMJ】「Adobe Media Manager」を活用したプライベートDMP構築
【IMJ】「Adobe Media Manager」を活用したプライベートDMP構築
 
How to achieve the Goals of Designing?
How to achieve the Goals of Designing?How to achieve the Goals of Designing?
How to achieve the Goals of Designing?
 
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
マルチデバイスへ広がる最新動画配信とビジネス現場への活かし方
 
サイトリニューアル提案書
サイトリニューアル提案書サイトリニューアル提案書
サイトリニューアル提案書
 
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
YAPC::Kansai 2017 - macOSネイティブアプリ作成におけるPerlの活用
 
【concrete5】CMS夏祭り2015@mttokyo
【concrete5】CMS夏祭り2015@mttokyo【concrete5】CMS夏祭り2015@mttokyo
【concrete5】CMS夏祭り2015@mttokyo
 
Drupalによる大規模サイトの設計・実装 において何に気をつけるべきか
Drupalによる大規模サイトの設計・実装において何に気をつけるべきかDrupalによる大規模サイトの設計・実装において何に気をつけるべきか
Drupalによる大規模サイトの設計・実装 において何に気をつけるべきか
 
「スプラトゥーン」リアルタイム画像解析ツール 「IkaLog」の裏側
「スプラトゥーン」リアルタイム画像解析ツール 「IkaLog」の裏側「スプラトゥーン」リアルタイム画像解析ツール 「IkaLog」の裏側
「スプラトゥーン」リアルタイム画像解析ツール 「IkaLog」の裏側
 
Status Board 面白いよ!
Status Board 面白いよ!Status Board 面白いよ!
Status Board 面白いよ!
 
Relazione rapporto cinema-vclip-vart
Relazione rapporto cinema-vclip-vartRelazione rapporto cinema-vclip-vart
Relazione rapporto cinema-vclip-vart
 
Ecozema @SviluppoBrianza: Il futuro e il compost di Armido Marana
Ecozema @SviluppoBrianza: Il futuro e il compost di Armido MaranaEcozema @SviluppoBrianza: Il futuro e il compost di Armido Marana
Ecozema @SviluppoBrianza: Il futuro e il compost di Armido Marana
 
Giuseppe Onufrio
Giuseppe OnufrioGiuseppe Onufrio
Giuseppe Onufrio
 
Comparison of Managed and Unmanaged Tropical Forests in Costa Rica
Comparison of Managed and Unmanaged Tropical Forests in Costa RicaComparison of Managed and Unmanaged Tropical Forests in Costa Rica
Comparison of Managed and Unmanaged Tropical Forests in Costa Rica
 
my slideshow
my slideshowmy slideshow
my slideshow
 

Semelhante a 実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー

concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyotoconcrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
Hishikawa Takuro
 
Php Conference 2012 concrete5
Php Conference 2012 concrete5Php Conference 2012 concrete5
Php Conference 2012 concrete5
Hishikawa Takuro
 
進化するオープンソース・エンタープライズCMSがWeb戦略を変える
進化するオープンソース・エンタープライズCMSがWeb戦略を変える進化するオープンソース・エンタープライズCMSがWeb戦略を変える
進化するオープンソース・エンタープライズCMSがWeb戦略を変える
Hishikawa Takuro
 
concrete5ではじめるCMS
concrete5ではじめるCMSconcrete5ではじめるCMS
concrete5ではじめるCMS
武彦 大山
 

Semelhante a 実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー (20)

第4回concrete5初心者勉強会-基礎編-
第4回concrete5初心者勉強会-基礎編-第4回concrete5初心者勉強会-基礎編-
第4回concrete5初心者勉強会-基礎編-
 
オープンソースCMS concrete5 のご紹介
オープンソースCMS concrete5 のご紹介オープンソースCMS concrete5 のご紹介
オープンソースCMS concrete5 のご紹介
 
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyotoconcrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
 
concrete5 in Japan 2014
concrete5 in Japan 2014concrete5 in Japan 2014
concrete5 in Japan 2014
 
Wcosaka2012concrete5
Wcosaka2012concrete5Wcosaka2012concrete5
Wcosaka2012concrete5
 
Php Conference 2012 concrete5
Php Conference 2012 concrete5Php Conference 2012 concrete5
Php Conference 2012 concrete5
 
進化するオープンソース・エンタープライズCMSがWeb戦略を変える
進化するオープンソース・エンタープライズCMSがWeb戦略を変える進化するオープンソース・エンタープライズCMSがWeb戦略を変える
進化するオープンソース・エンタープライズCMSがWeb戦略を変える
 
デザイナーでも構築できる多言語/マルチデバイス対応サイト
デザイナーでも構築できる多言語/マルチデバイス対応サイトデザイナーでも構築できる多言語/マルチデバイス対応サイト
デザイナーでも構築できる多言語/マルチデバイス対応サイト
 
concrete5ではじめるCMS
concrete5ではじめるCMSconcrete5ではじめるCMS
concrete5ではじめるCMS
 
第2回concrete5初心者向け勉強会
第2回concrete5初心者向け勉強会第2回concrete5初心者向け勉強会
第2回concrete5初心者向け勉強会
 
第3回concrete5初心者勉強会
第3回concrete5初心者勉強会第3回concrete5初心者勉強会
第3回concrete5初心者勉強会
 
baserCMS5の機能とver4からの変更ポイント
baserCMS5の機能とver4からの変更ポイントbaserCMS5の機能とver4からの変更ポイント
baserCMS5の機能とver4からの変更ポイント
 
NetCommons 情報共有基盤システム --- システムをユーザの手に
NetCommons 情報共有基盤システム --- システムをユーザの手にNetCommons 情報共有基盤システム --- システムをユーザの手に
NetCommons 情報共有基盤システム --- システムをユーザの手に
 
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアルUIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
 
Mtcafe tokyo 2013_spring_okuwaki
Mtcafe tokyo 2013_spring_okuwakiMtcafe tokyo 2013_spring_okuwaki
Mtcafe tokyo 2013_spring_okuwaki
 
愛され体質CMS concrete5の魅力
愛され体質CMS concrete5の魅力愛され体質CMS concrete5の魅力
愛され体質CMS concrete5の魅力
 
Lekumo キャンペーンビルダー ProNet勉強会用資料
Lekumo キャンペーンビルダー ProNet勉強会用資料Lekumo キャンペーンビルダー ProNet勉強会用資料
Lekumo キャンペーンビルダー ProNet勉強会用資料
 
ヘッドレス化したbaserCMS5とその機能
ヘッドレス化したbaserCMS5とその機能ヘッドレス化したbaserCMS5とその機能
ヘッドレス化したbaserCMS5とその機能
 
CMSとIAで変化ヲ抱擁セヨ
CMSとIAで変化ヲ抱擁セヨCMSとIAで変化ヲ抱擁セヨ
CMSとIAで変化ヲ抱擁セヨ
 
60分でわかるレスポンシブWebデザイン[セミナー資料]
60分でわかるレスポンシブWebデザイン[セミナー資料]60分でわかるレスポンシブWebデザイン[セミナー資料]
60分でわかるレスポンシブWebデザイン[セミナー資料]
 

Mais de Hishikawa Takuro

Introducing Really Simple CSV Importer (Japanese)
Introducing Really Simple CSV Importer (Japanese)Introducing Really Simple CSV Importer (Japanese)
Introducing Really Simple CSV Importer (Japanese)
Hishikawa Takuro
 
俺のフックがこんなに簡単なわけがない。
俺のフックがこんなに簡単なわけがない。俺のフックがこんなに簡単なわけがない。
俺のフックがこんなに簡単なわけがない。
Hishikawa Takuro
 

Mais de Hishikawa Takuro (13)

これから concrete5 を始める Web 制作者に伝えたい concrete5 と WordPress ここが一緒、ここが違う!
これから concrete5 を始める Web 制作者に伝えたい concrete5 と WordPress ここが一緒、ここが違う!これから concrete5 を始める Web 制作者に伝えたい concrete5 と WordPress ここが一緒、ここが違う!
これから concrete5 を始める Web 制作者に伝えたい concrete5 と WordPress ここが一緒、ここが違う!
 
エンジニアのための営業入門
エンジニアのための営業入門エンジニアのための営業入門
エンジニアのための営業入門
 
concrete5 最新事情 2015
concrete5 最新事情 2015concrete5 最新事情 2015
concrete5 最新事情 2015
 
concrete5.7のご紹介
concrete5.7のご紹介concrete5.7のご紹介
concrete5.7のご紹介
 
オープンソースCMSに学ぶ、前PSR時代のプロジェクトが脱レガシーする5つの方法
オープンソースCMSに学ぶ、前PSR時代のプロジェクトが脱レガシーする5つの方法オープンソースCMSに学ぶ、前PSR時代のプロジェクトが脱レガシーする5つの方法
オープンソースCMSに学ぶ、前PSR時代のプロジェクトが脱レガシーする5つの方法
 
Getting Started with WordPress JSON REST API
Getting Started with WordPress JSON REST APIGetting Started with WordPress JSON REST API
Getting Started with WordPress JSON REST API
 
クライアントに感謝されるCMS導入のコツ
クライアントに感謝されるCMS導入のコツクライアントに感謝されるCMS導入のコツ
クライアントに感謝されるCMS導入のコツ
 
concrete5 5.6.3.1日本語版の紹介
concrete5 5.6.3.1日本語版の紹介concrete5 5.6.3.1日本語版の紹介
concrete5 5.6.3.1日本語版の紹介
 
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
 
コミュニティと仕事論
コミュニティと仕事論コミュニティと仕事論
コミュニティと仕事論
 
Introducing Really Simple CSV Importer (Japanese)
Introducing Really Simple CSV Importer (Japanese)Introducing Really Simple CSV Importer (Japanese)
Introducing Really Simple CSV Importer (Japanese)
 
これからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしようこれからのpre_get_postsの話をしよう
これからのpre_get_postsの話をしよう
 
俺のフックがこんなに簡単なわけがない。
俺のフックがこんなに簡単なわけがない。俺のフックがこんなに簡単なわけがない。
俺のフックがこんなに簡単なわけがない。
 

Último

Último (7)

業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 

実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー