SlideShare a Scribd company logo
1 of 45
ウェブ制作者のための

          活用法
Jimdo Japan 宮西 洋充
自己紹介
自己紹介


宮西 洋充             みやにし ひろみつ

Jimdo Japan 技術責任者


デザイン / プログラミング
 HTML, CSS, Javascript, Flash
 PHP, Perl, Java, .NET...
ブログ
 http://hiromitz.jimdo.com/
 http://builder.japan.zdnet.com/
Twitter
 @hiromitz
ウェブ制作者のための

     活用法
サイト構成について考える


見た目(デザイン)をどうする?


   さらにカスタマイズ
サイト構成について考える


見た目(デザイン)をどうする?


   さらにカスタマイズ
サイトの構成について
考える
サイトの構成について
考える


             サイトの特性

      会社紹介
                      商品紹介


    ブログ
               ネットショップ
サイトの構成について
考える




   例:アパレルショップ
サイトの構成について
考える


             トップページ


店舗紹介   お知らせ     商品紹介   お問い合わせ



  ネットショップ         店長ブログ



例:アパレルショップ
サイトの構成について
考える
サイトの構成について
考える



     Jimdoだけで完結ではなく
     他サービス・システムとうまく連携
サイトの構成について
考える


             トップページ


店舗紹介   お知らせ     商品紹介   お問い合わせ



  ネットショップ         店長ブログ



例:アパレルショップ
サイトの構成について
考える



     Jimdoだけで完結ではなく
     他サービス・システムとうまく連携




      Jimdoを統合環境として利用
サイト構成について考える


見た目(デザイン)をどうする?


   さらにカスタマイズ
見た目(デザイン)を
どうする?
見た目(デザイン)を
どうする?

      Jimdoで見た目を変更する



  レイアウトの変更




               独自レイアウト
レイアウトの変更
見た目(デザイン)を
どうする?

      Jimdoで見た目を変更する



  レイアウトの変更




             色・フォント
見た目(デザイン)を
どうする?

      Jimdoで見た目を変更する



  レイアウトの変更
見た目(デザイン)を
どうする?




    写真や、フォント、色を変更するだけで
    きれいに 見せることができる
独自レイアウト
見た目(デザイン)を
どうする?

      Jimdoで見た目を変更する

      独自レイアウトで変更可能


        HTML

               CSS
見た目(デザイン)を
どうする?

      Jimdoで見た目を変更する
見た目(デザイン)を
どうする?




    Jimdoのレイアウト特性に合わせて
    自由に デザインすることが可能
サイト構成について考える


見た目(デザイン)をどうする?


   さらにカスタマイズ
さらに
カスタマイズ
さらに
カスタマイズ




    Jimdoで何ができるか?
さらに
カスタマイズ
              技術的には

     HTML / CSS / Javascript の編集

             ようするに
    レイアウトやデザイン等の編集や
        アクションの追加

             ようするに
         結構いろいろできる
さらに
カスタマイズ




  レイアウト、デザインの編集
さらに
カスタマイズ
         レイアウト、デザインの編集
さらに
カスタマイズ




         アクションの追加
さらに
カスタマイズ
アクションの追加
さらに
カスタマイズ

 パンくずリスト




                    Jimdo Instant Search


         http://hiromitz.jimdo.com/
さらに
カスタマイズ




         がんばれば結構いろいろできます
おまけ
おまけ




      技術的なお話です
おまけ




 Jimdoは大規模サイトに向いていない
おまけ



      ページ数
                    アクセス数

             大規模サイトとは?


        大企業
                    制作費
おまけ




      大規模サイト?
おまけ




      Jimdoを使って運用してます
おまけ
        Jimdoの裏側



          CDN




  ドイツ
                アメリカ
         日本
おまけ




      Jimdoは大規模サイトに
      向いていない ことはない
ウェブ制作者のためのJimdo活用法
ウェブ制作者のためのJimdo活用法

More Related Content

Similar to ウェブ制作者のためのJimdo活用法

無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"
無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"
無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"Logo and Web Co., Ltd.
 
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築Yasushi Taki
 
「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日
「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日
「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日Kiyomi Mizusaki
 
ホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のことホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のことYasushi Taki
 
会社やお店のホームページを自分で作ろう!
会社やお店のホームページを自分で作ろう!会社やお店のホームページを自分で作ろう!
会社やお店のホームページを自分で作ろう!Web自社運営の会
 
知っているようで知らない ビジネスブログの基礎知識
知っているようで知らないビジネスブログの基礎知識知っているようで知らないビジネスブログの基礎知識
知っているようで知らない ビジネスブログの基礎知識フリーランス
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!FLOW web planning & design
 
あるだけのブログから 「ビジネスに貢献するブログ」へ
あるだけのブログから 「ビジネスに貢献するブログ」へあるだけのブログから 「ビジネスに貢献するブログ」へ
あるだけのブログから 「ビジネスに貢献するブログ」へフリーランス
 
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.00からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0Kenta Nakamura
 
Ga tracker5_ムラヤマユウスケ_slideshare
 Ga tracker5_ムラヤマユウスケ_slideshare Ga tracker5_ムラヤマユウスケ_slideshare
Ga tracker5_ムラヤマユウスケ_slideshareyusuke0726
 
[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)
[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)
[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)悠識學院
 
事業モデルに合ったSEO
事業モデルに合ったSEO事業モデルに合ったSEO
事業モデルに合ったSEOSatoshi Kuramori
 
ペイジェントセミナー Ginzamarkets資料 20140318
ペイジェントセミナー Ginzamarkets資料 20140318ペイジェントセミナー Ginzamarkets資料 20140318
ペイジェントセミナー Ginzamarkets資料 20140318DemandSphere
 
国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介
国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介
国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介DemandSphere
 
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)Kenta Nakamura
 
【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)
【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)
【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)IMJ Corporation
 
良いWeb制作会社の選び方
良いWeb制作会社の選び方良いWeb制作会社の選び方
良いWeb制作会社の選び方rimi_yamashita
 

Similar to ウェブ制作者のためのJimdo活用法 (20)

無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"
無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"
無料から始めるJimdoホームページ作成セミナー "Get started with Jimdo Free!"
 
Keynote 20120316
Keynote 20120316Keynote 20120316
Keynote 20120316
 
いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築いまさら聞けない!ホームページの立ち上げから運用体制構築
いまさら聞けない!ホームページの立ち上げから運用体制構築
 
「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日
「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日
「勝てる提案書の作成」セミナー 大手金融企業 若手営業担当者向けレクチャー資料 2012年1月10日
 
ホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のことホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のこと
 
会社やお店のホームページを自分で作ろう!
会社やお店のホームページを自分で作ろう!会社やお店のホームページを自分で作ろう!
会社やお店のホームページを自分で作ろう!
 
Wordpress
WordpressWordpress
Wordpress
 
知っているようで知らない ビジネスブログの基礎知識
知っているようで知らないビジネスブログの基礎知識知っているようで知らないビジネスブログの基礎知識
知っているようで知らない ビジネスブログの基礎知識
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
 
あるだけのブログから 「ビジネスに貢献するブログ」へ
あるだけのブログから 「ビジネスに貢献するブログ」へあるだけのブログから 「ビジネスに貢献するブログ」へ
あるだけのブログから 「ビジネスに貢献するブログ」へ
 
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.00からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0
 
0dire_unyo
0dire_unyo0dire_unyo
0dire_unyo
 
Ga tracker5_ムラヤマユウスケ_slideshare
 Ga tracker5_ムラヤマユウスケ_slideshare Ga tracker5_ムラヤマユウスケ_slideshare
Ga tracker5_ムラヤマユウスケ_slideshare
 
[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)
[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)
[MIX 2015] 如何養成商業化的思考與習慣 / 方傳兵 (百度商務搜索用戶體驗經理及團隊負責人)
 
事業モデルに合ったSEO
事業モデルに合ったSEO事業モデルに合ったSEO
事業モデルに合ったSEO
 
ペイジェントセミナー Ginzamarkets資料 20140318
ペイジェントセミナー Ginzamarkets資料 20140318ペイジェントセミナー Ginzamarkets資料 20140318
ペイジェントセミナー Ginzamarkets資料 20140318
 
国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介
国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介
国内外Seoの最新事情とエンタープライズseo管理&分析プラットフォームginzametricsのご紹介
 
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
 
【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)
【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)
【IMJ】知ればできる!スマートフォンSEO対策セミナー 第2部 (2015.7.8)
 
良いWeb制作会社の選び方
良いWeb制作会社の選び方良いWeb制作会社の選び方
良いWeb制作会社の選び方
 

Recently uploaded

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)Hiroki Ichikura
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成Hiroshi Tomioka
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 

Recently uploaded (9)

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 

ウェブ制作者のためのJimdo活用法