Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
regret raym
676,518 views
MT東京 ぱくたそ/PAKUTASO
2014年5月23日のMT東京 ケーススタディ2で発表したぱくたそについてのセッションです。
Services
◦
Read more
24
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 61
2
/ 61
3
/ 61
4
/ 61
5
/ 61
6
/ 61
7
/ 61
8
/ 61
9
/ 61
10
/ 61
11
/ 61
12
/ 61
13
/ 61
14
/ 61
15
/ 61
16
/ 61
17
/ 61
18
/ 61
19
/ 61
20
/ 61
21
/ 61
22
/ 61
23
/ 61
24
/ 61
25
/ 61
26
/ 61
27
/ 61
28
/ 61
29
/ 61
30
/ 61
31
/ 61
32
/ 61
33
/ 61
34
/ 61
35
/ 61
36
/ 61
37
/ 61
38
/ 61
39
/ 61
40
/ 61
41
/ 61
42
/ 61
43
/ 61
44
/ 61
45
/ 61
46
/ 61
47
/ 61
48
/ 61
49
/ 61
50
/ 61
51
/ 61
52
/ 61
53
/ 61
54
/ 61
55
/ 61
56
/ 61
57
/ 61
58
/ 61
59
/ 61
60
/ 61
61
/ 61
More Related Content
PDF
第2回UE4勉強会 in 大阪 - 201709 ue4界隈ニュース
by
com044
PDF
SUPER MAOU RUN の作り方
by
kagematya
PDF
第4回UE4勉強会 in 大阪 201801 UE4界隈ニュース
by
com044
PDF
第3回ue4勉強会 in 大阪 201711 ue4界隈ニュース
by
com044
PDF
Gws 20140117 lt
by
Nobuhiro Sue
PPTX
同人活動の継続運用にかかる一考察
by
silpheed
PPTX
LT動画を作ってみたLT(動画)
by
silpheed
PDF
テーマ別Git tips
by
Ikuo Degawa
第2回UE4勉強会 in 大阪 - 201709 ue4界隈ニュース
by
com044
SUPER MAOU RUN の作り方
by
kagematya
第4回UE4勉強会 in 大阪 201801 UE4界隈ニュース
by
com044
第3回ue4勉強会 in 大阪 201711 ue4界隈ニュース
by
com044
Gws 20140117 lt
by
Nobuhiro Sue
同人活動の継続運用にかかる一考察
by
silpheed
LT動画を作ってみたLT(動画)
by
silpheed
テーマ別Git tips
by
Ikuo Degawa
Viewers also liked
PDF
見やすいプレゼン資料の作り方 - リニューアル増量版
by
MOCKS | Yuta Morishige
PDF
人と向き合うプロトタイピング
by
wariemon
PPT
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
by
Shoe-g Ueyama
PDF
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
by
MOCKS | Yuta Morishige
PDF
Movable typeでモバイルギャラリーサイト
by
regret raym
PDF
しょぼいプレゼンをパワポのせいにするな! by @jessedee
by
「MakeLeaps」請求書の作成、管理、郵送
PDF
FluentdとGrothForecastをインストールする
by
regret raym
PDF
初期研修医のための学会スライドのキホン
by
k-kajiwara
PDF
CreateJSを使ったアニメーション表現の基礎
by
regret raym
PPT
色彩センスのいらない配色講座
by
Mariko Yamaguchi
PDF
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
by
Taichi Hirano
PDF
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
by
Tsutomu Sogitani
PDF
今から始めるPhotoshopによるWeb制作-初期設定編
by
regret raym
PDF
React入門-JSONを取得して表示する
by
regret raym
PDF
Web制作のアレコレ
by
regret raym
PDF
【Draft】サービス説明資料2017.03.01
by
Kohta Wada
PPTX
英語教育改革とEq
by
HugCome,Inc.
PDF
SlackにHubotを設定して対話する
by
regret raym
PDF
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
by
regret raym
PDF
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
by
swwwitch inc.
見やすいプレゼン資料の作り方 - リニューアル増量版
by
MOCKS | Yuta Morishige
人と向き合うプロトタイピング
by
wariemon
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
by
Shoe-g Ueyama
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
by
MOCKS | Yuta Morishige
Movable typeでモバイルギャラリーサイト
by
regret raym
しょぼいプレゼンをパワポのせいにするな! by @jessedee
by
「MakeLeaps」請求書の作成、管理、郵送
FluentdとGrothForecastをインストールする
by
regret raym
初期研修医のための学会スライドのキホン
by
k-kajiwara
CreateJSを使ったアニメーション表現の基礎
by
regret raym
色彩センスのいらない配色講座
by
Mariko Yamaguchi
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
by
Taichi Hirano
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
by
Tsutomu Sogitani
今から始めるPhotoshopによるWeb制作-初期設定編
by
regret raym
React入門-JSONを取得して表示する
by
regret raym
Web制作のアレコレ
by
regret raym
【Draft】サービス説明資料2017.03.01
by
Kohta Wada
英語教育改革とEq
by
HugCome,Inc.
SlackにHubotを設定して対話する
by
regret raym
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
by
regret raym
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
by
swwwitch inc.
More from regret raym
PDF
Jenkinsの導入 vol.02 Bitbucketと連携する
by
regret raym
PDF
WordPressで投稿記事情報の取得方法
by
regret raym
PDF
Jenkinsの導入 Vol.01
by
regret raym
PDF
WordCamp Tokyo2012 handson Portfolio
by
regret raym
PDF
Yurufuwa007
by
regret raym
PDF
Dockerの導入
by
regret raym
PDF
WordCamp Tokyo2012 Session
by
regret raym
PDF
Wp html5
by
regret raym
PDF
Chefで作る開発環境
by
regret raym
PDF
Css拡張言語のコトハジメ
by
regret raym
Jenkinsの導入 vol.02 Bitbucketと連携する
by
regret raym
WordPressで投稿記事情報の取得方法
by
regret raym
Jenkinsの導入 Vol.01
by
regret raym
WordCamp Tokyo2012 handson Portfolio
by
regret raym
Yurufuwa007
by
regret raym
Dockerの導入
by
regret raym
WordCamp Tokyo2012 Session
by
regret raym
Wp html5
by
regret raym
Chefで作る開発環境
by
regret raym
Css拡張言語のコトハジメ
by
regret raym
MT東京 ぱくたそ/PAKUTASO
2.
Yuu ( Yuji
Tsukaguchi ) 1987年生まれの27歳。 デザイナー / エンジニア 都内でフリーランスをしながら 嫁と1歳の子と暮らしてます。 @regret_raym
5.
・ぱくたそとは? ・ぱくたその活動内容 ・ぱくたその開発環境 ・ぱくたそのシステム構成
17.
CTR高い芸人
29.
ハンドサイン写真素材 話題になってから5日以内にロ ケハンして撮影しました。 仕事早すぎというツッコミが あったら勝ち
30.
5000万円が鞄に入らない 話題になった翌日撮影して公 開。 誰が使うんだよというツッコミが あったら勝ち
37.
ぱくたそは Movable Typeで作られています
38.
ユーザーからの要望
39.
_人人人人人人_ >再構築3時間<  ̄Y^Y^Y^Y^Y^Y ̄
40.
(‘A’)!
41.
来週リニューアルします (2014年5月下旬)
42.
ぱくたその開発環境
43.
管理人 / 更新担当 ・Windows ・黒い画面は使わない ・HTML+CSSは書ける 制作者 ・Windows
/ Mac ・黒い画面使う ・Web制作業務がメイン
44.
・HTMLやCSSが煩雑化する ・ファイルをうっかり上書きしてしまう ・CSS、jsの圧縮化が大変 新しいページを作って、 サイトを運用していると・・・
45.
Sass(SCSS) Sassのimport機能を 利用してレイアウト、 モジュールごとに管理 @import "module/*.*"; 1. sudo
gem install sass-globbing 2. config.rbに「require 'sass-globbing'」を追記 sass-globbing
46.
汎用スタイルを作成する スタイルガイドで 汎用スタイルを一覧化
47.
Markdownで作成 よく使用するタグには、 固定のスタイルを当てておき、 画像はMT側でアップロード プラグイン「UploadDir」で アップロードフォルダを指定
48.
バージョン管理システム
49.
Gruntによる自動化 ❖ grunt-bower-task ❖ grunt-contrib-cssmin ❖
grunt-contrib-compass ❖ grunt-autoprefixer ❖ grunt-contrib-jshint ❖ grunt-contrib-concat ❖ grunt-contrib-clean ❖ grunt-contrib-uglify ❖ grunt-contrib-watch ❖ grunt-kss ❖ grunt-csso ❖ grunt-image bowerによるパッケージ管理 Sassのコンパイル CSS・JSの結合・圧縮 スタイルガイドの生成 画像の圧縮
50.
grunt watch Windowsで実行するためにバッチファイルを作成 start.bat
51.
ぱくたそのシステム構成
52.
・Yahoo砲やソーシャル流入でサイトが重い 大量アクセスが・・・
53.
大量同時アクセス
54.
PLESK管理によるnginx導入
55.
http://www.pletk.com
56.
ウェブサイト構成図 写真素材 ぱくたそ モデル 運営 カメラマン コラボ・企 画 人物関係 コラボ、LP向け素材関係 ウェブサイト ブログ
57.
ウェブサイト構成図 写真素材 ぱくたそ モデル 運営 カメラマン コラボ・企 画 ・モジュール ・ウェブページ 人物関係 コラボ、LP向け素材関係 更新度が低い「サイトについて」や 各ブログで共有するテンプレートモジュールを管理 ウェブサイト ブログ
58.
ウェブサイト構成図 写真素材 ぱくたそ モデル 運営 カメラマン コラボ・企 画 人物関係 コラボ、LP向け素材関係 タグ タグ 各ブログ記事はタグでモデル名をヒモ付け たとえば「大川竜弥」のタグで一覧化できるように
59.
テンプレート・モジュール 「ページタイトル」「パンくず」などは MTの条件分岐を利用してモジュール化 頻繁に更新を行うものに 関しては、SSI化で読み込み
60.
検索システム flexibleSearchの導入 超高速な JavaScript 検索を実現する
jQuery プラグイン jsでjsonデータを読み込み、設定json形式でエントリー情報を出力
61.
DEMO
Download