SlideShare a Scribd company logo
1 of 15
Download to read offline
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
株式会社ステラリンク
〒743-0065 山口県光市上島田7-1-1
Tel. 0833-77-0212 Fax.0833-77-0343
http://www.stellalink.co.jp/
人気の出るホームページ制作勉強会
2016/5/18 18:30〜20:00
@CreativeCoworking カラム
(⼭⼝県周南市桜⽊2-1-1)
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
本日のアジェンダ
⾃⼰紹介
ウェブ制作の基本の「き」
みんなで疑問を解決しよう
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
自己紹介
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
自己紹介
⽯川 博之
株式会社ステラリンク 代表取締役
インターネットサービス業
ソフトウェア開発(設計、開発等)
Web、OA系、FA系…
セミナー 講師 等
光市成⼈のつどい企画運営委員⻑
光市⻘少年ボランティア育成協議会
企画実⾏副委員⻑
(⼀財)リスクマネジメント協会 会員
リスクマネージャー
講師実績
元 周南コンピュータ・カレッジ
⾮常勤講師
元 (株)⼭⼝県ソフトウェアセンター
認定講師
企業 社内研修・セミナー講師 多数
Mail ishikawa@stellalink.co.jp
Facebook y3sei
Twitter @stellalink_jp
@y3sei
LINE y3sei
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
ウェブ制作の基本の「き」
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
サイトを作る…と一言で言っても
何を発信したい?
会社や事業の情報
キャンペーンの情報
ニュース(ニュースサイト)
ブログ、コラム
商品の販売(通販)
ソーシャルネットワーキングサービス
誰に発信したい?
エリア
年齢層
性別 など
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
ホームページってそもそもどうやって動いているの?
ドメインやURLにより相⼿先サーバーを指定する
独⾃ドメインの⽅がブランディングしやすい
Webサーバが必要
プログラムを動かすには、WebサーバにPHPなどのプログラムの実
⾏環境や、MySQLなどのデータベースのソフトが必要
表⽰するまでには、HTMLとCSSで表⽰内容を作り出す
ブラウザでプログラムを動かしたり(JavaScriptなど)、
サーバ側で動的にHTMLなどを⽣成したりすることが可能
リクエスト
レスポンスクライアント サーバ
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
CMSって何?
Content Management System
主なCMS
Movable Type
WordPress
a-blog cms
Concrete5
通販系
EC-Cube
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
SNSって何?
Social Networking Service
インターネット上の交流を通して社会的つながりを構築するサービス
主に以下の機能を持つものを分類
プロフィール機能
メッセージ送受信機能
タイムライン(ウォール)
ユーザー相互リンク機能
ユーザー検索機能
⼝コミと類似した効果を期待できる
相互に繋がっているユーザー間で情報が共有されやすい → バズる
SNSで発信しやてもらいすくするために
シェアボタンとシェア時にサムネイル画像などを設定するタグを設置
すべてのメディアに同じことを書かない(それぞれの雰囲気や特徴、
主な利⽤者層が違う)
有名なサービスの例
• mixi
• Facebook
• Twitter
• Instagram
• Pinterest
• Tumblr
• LINE
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
どうやったら人気が出る?
これだけやっておけば⼈気が出るというものはない!
複合的な取り組みが⼈気を導く
質を重視したコンテンツ作成
検索エンジンへの最適化(SEO)
スマートフォン等のモバイル環境への最適化(モバイルファースト)
セキュリティ対策(SSLの導⼊)
使いやすい導線、表⽰速度
広告出稿 etc…
つまり、
探したいキーワードがある(検索エンジンからのランディングなど)
再び訪れたいと思えるコンテンツである(最新の情報があるなど)
⼈気が出たことはどうやって知る?
サーバが備えているアクセス解析機能を使う → Analog、Webalizer、
AWStatus など(サーバの管理画⾯を参照)
アクセス解析サービスを活⽤する → Google Analytics
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
情報が欲しいユーザーに伝えるには?
(前提として)アクセスしたい情報がそこにある
伝えたいことがすでにあり最新の情報が掲載されていることが⼤前提
最近の実績が掲載されているのといないのではどちらが良い?
通販サイトで、商品については「お問い合わせください」となっているの
と、在庫点数や納品時期が明記されているのではどちらが良い?
専⾨⽤語が並んでいるのと専⾨⽤語があまりつかわれておらず⼀般にわか
りやすい表現がされているのではどちらが良い?(※誰に⾒せるか)
⽤語解説ページや技術解説ページがあるのとはないのではどちらが良い?
インターネットの世界の基本は「Give & Take」 → 与えることが先
伝えるから⾒に来る、⾒るから興味を持つ、興味から購買へ
→ AIDMAの法則(興味、関⼼、欲求、記憶、⾏動)
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
情報が欲しいユーザーに伝えるには?
最近では広い年齢層でインターネットによる検索が当たり前
サイトがない、更新されていないは存在しないことと同義
とりあえず調べる、探す
気になるものが⾒つかれば発注につながる可能性
検索エンジンで周知されるまでに掛かる時間は最短1週間くらいから⻑
い場合は1ヶ⽉程度までかかる傾向にあり、特に新しい商品やキャン
ペーンなどは事前の準備を⼊念に⾏う
検索エンジンで検索できるように最適化していく
プログラム(bot)で世界中のサイトを巡回(クロール)しているので、プ
ログラムが読みやすい作りと、キーワードが取りやすい内容や⽂章作りを
⼼掛ける
年齢層や性別で伝わりやすい時間が違う
社会⼈の通販は夜間に集中しやすい
SNSでは昼休みや終業後の19時ごろからアクセスが集まりやすい etc..
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
情報が欲しいユーザーに伝えるには?
(出典)総務省「平成26年版情報通信白書」
http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h26/html/nc253110.html
情報通信端末の世帯保有率の推移
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
こんな疑問、ありませんか?
これからウェブサイトを制作するけどどうしたらいい?
○○という制作ソフトがいいらしいときいたけど実際のところどう
なの?
最近○○というキーワードをきくけどどういうもの?
パソコンとタブレットとスマホとガラケーの違いを知りたい
更新って具体的には何をしたらいい?
作ったけど思っていた以上にアクセスがサッパリだけどどうしたら
いい?
FacebookやTwitterとの連携ってどうやってやればいい?
などなど…
みんなで疑問を解決しよう
Copyright © 2007-2014 Stellalink Inc. All Rights Reserved.
みんなで疑問を解決しよう

More Related Content

What's hot

Kintoneでビジュアル操作 公開用
Kintoneでビジュアル操作 公開用Kintoneでビジュアル操作 公開用
Kintoneでビジュアル操作 公開用Junya Kume
 
趣味がはかどる趣味プログラミングの話
趣味がはかどる趣味プログラミングの話趣味がはかどる趣味プログラミングの話
趣味がはかどる趣味プログラミングの話yyasuyuki
 
新井さん卒業 & 旅立ちLT
新井さん卒業 & 旅立ちLT新井さん卒業 & 旅立ちLT
新井さん卒業 & 旅立ちLTYasufumi Moritake
 
初めての人におくる初めてのJAWS-UG
初めての人におくる初めてのJAWS-UG初めての人におくる初めてのJAWS-UG
初めての人におくる初めてのJAWS-UGShigeru Numaguchi
 
チームラボ流 デジタルマーケティングにおけるクラウド活用術
チームラボ流 デジタルマーケティングにおけるクラウド活用術チームラボ流 デジタルマーケティングにおけるクラウド活用術
チームラボ流 デジタルマーケティングにおけるクラウド活用術Keisuke Kadoyama
 
kintoneで地図アプリを制覇する 〜SIerの挑戦〜
kintoneで地図アプリを制覇する 〜SIerの挑戦〜kintoneで地図アプリを制覇する 〜SIerの挑戦〜
kintoneで地図アプリを制覇する 〜SIerの挑戦〜kintone Café 名古屋支部
 
Jpk2021 JAWS-UG and COVID-19
Jpk2021 JAWS-UG and COVID-19Jpk2021 JAWS-UG and COVID-19
Jpk2021 JAWS-UG and COVID-19Shigeru Numaguchi
 
「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring
「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring 「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring
「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring Yamamoto Masahira
 
[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる
[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる
[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできるShigeru Numaguchi
 
せっかちな私のAWS Lambda活用パターン
せっかちな私のAWS Lambda活用パターンせっかちな私のAWS Lambda活用パターン
せっかちな私のAWS Lambda活用パターンYukihito Kataoka
 
my-spirit-of-tdd
my-spirit-of-tddmy-spirit-of-tdd
my-spirit-of-tddYu Asano
 
「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...
「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...
「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...Ko Kazaana
 
AWSからJAWS-UGへのメッセージ
AWSからJAWS-UGへのメッセージAWSからJAWS-UGへのメッセージ
AWSからJAWS-UGへのメッセージShigeru Numaguchi
 
マルチコミュニティ
マルチコミュニティマルチコミュニティ
マルチコミュニティ安隆 沖
 
It's not only about "REMOTE"
It's not only about "REMOTE"It's not only about "REMOTE"
It's not only about "REMOTE"Yusuke Wada
 
CoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハント
CoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハントCoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハント
CoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハントHiroyuki Ishikawa
 
JAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へ
JAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へJAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へ
JAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へShigeru Numaguchi
 
Cloudpackが実現するビジネス課題の解決と新しい価値の提供
Cloudpackが実現するビジネス課題の解決と新しい価値の提供Cloudpackが実現するビジネス課題の解決と新しい価値の提供
Cloudpackが実現するビジネス課題の解決と新しい価値の提供Hiroyuki Hiki
 
20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか
20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか
20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるかMasaru Ogura
 

What's hot (20)

Kintoneでビジュアル操作 公開用
Kintoneでビジュアル操作 公開用Kintoneでビジュアル操作 公開用
Kintoneでビジュアル操作 公開用
 
趣味がはかどる趣味プログラミングの話
趣味がはかどる趣味プログラミングの話趣味がはかどる趣味プログラミングの話
趣味がはかどる趣味プログラミングの話
 
新井さん卒業 & 旅立ちLT
新井さん卒業 & 旅立ちLT新井さん卒業 & 旅立ちLT
新井さん卒業 & 旅立ちLT
 
初めての人におくる初めてのJAWS-UG
初めての人におくる初めてのJAWS-UG初めての人におくる初めてのJAWS-UG
初めての人におくる初めてのJAWS-UG
 
チームラボ流 デジタルマーケティングにおけるクラウド活用術
チームラボ流 デジタルマーケティングにおけるクラウド活用術チームラボ流 デジタルマーケティングにおけるクラウド活用術
チームラボ流 デジタルマーケティングにおけるクラウド活用術
 
kintoneで地図アプリを制覇する 〜SIerの挑戦〜
kintoneで地図アプリを制覇する 〜SIerの挑戦〜kintoneで地図アプリを制覇する 〜SIerの挑戦〜
kintoneで地図アプリを制覇する 〜SIerの挑戦〜
 
Jpk2021 JAWS-UG and COVID-19
Jpk2021 JAWS-UG and COVID-19Jpk2021 JAWS-UG and COVID-19
Jpk2021 JAWS-UG and COVID-19
 
20150425 JAWS-UG Okinawa
20150425 JAWS-UG Okinawa20150425 JAWS-UG Okinawa
20150425 JAWS-UG Okinawa
 
「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring
「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring 「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring
「新人エンジニアが北海道から出てきてコミュニティについて思うこと」 JJUG CCC 2016 Spring
 
[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる
[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる
[JAWS-SG#02] JAWS DAYSのオンライン配信は君でもできる
 
せっかちな私のAWS Lambda活用パターン
せっかちな私のAWS Lambda活用パターンせっかちな私のAWS Lambda活用パターン
せっかちな私のAWS Lambda活用パターン
 
my-spirit-of-tdd
my-spirit-of-tddmy-spirit-of-tdd
my-spirit-of-tdd
 
「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...
「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...
「コネクト支援チーム」とは?──サイボウズ開発本部の「謎のチーム」に迫る / Connect Support Team in Cybozu Develop...
 
AWSからJAWS-UGへのメッセージ
AWSからJAWS-UGへのメッセージAWSからJAWS-UGへのメッセージ
AWSからJAWS-UGへのメッセージ
 
マルチコミュニティ
マルチコミュニティマルチコミュニティ
マルチコミュニティ
 
It's not only about "REMOTE"
It's not only about "REMOTE"It's not only about "REMOTE"
It's not only about "REMOTE"
 
CoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハント
CoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハントCoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハント
CoderDojo Meetup in クリエイティブハント 前説スライド #ゴーハント
 
JAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へ
JAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へJAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へ
JAWS-UGとAWSJ ユーザーコミュニティと一緒に成長した8年間とその先へ
 
Cloudpackが実現するビジネス課題の解決と新しい価値の提供
Cloudpackが実現するビジネス課題の解決と新しい価値の提供Cloudpackが実現するビジネス課題の解決と新しい価値の提供
Cloudpackが実現するビジネス課題の解決と新しい価値の提供
 
20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか
20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか
20200912 昔、オンプレミスでやっていたことを AWS でやるとどうなるか
 

Viewers also liked

ホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のことホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のことYasushi Taki
 
Solaris11で深化するクラウド
Solaris11で深化するクラウドSolaris11で深化するクラウド
Solaris11で深化するクラウドYasushi Taki
 
Solaris11/OpenIndiana パッケージ作成
Solaris11/OpenIndiana パッケージ作成Solaris11/OpenIndiana パッケージ作成
Solaris11/OpenIndiana パッケージ作成Yasushi Taki
 
concrete5で制作・運用する多言語ウェブサイト
concrete5で制作・運用する多言語ウェブサイトconcrete5で制作・運用する多言語ウェブサイト
concrete5で制作・運用する多言語ウェブサイトHishikawa Takuro
 
採用マーケティングの全体像
採用マーケティングの全体像採用マーケティングの全体像
採用マーケティングの全体像Yuichiro "Philip" Yamada
 

Viewers also liked (6)

ホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のことホームページを制作する前に知っておきたい13のこと
ホームページを制作する前に知っておきたい13のこと
 
Solaris11で深化するクラウド
Solaris11で深化するクラウドSolaris11で深化するクラウド
Solaris11で深化するクラウド
 
Territori presentació
Territori presentacióTerritori presentació
Territori presentació
 
Solaris11/OpenIndiana パッケージ作成
Solaris11/OpenIndiana パッケージ作成Solaris11/OpenIndiana パッケージ作成
Solaris11/OpenIndiana パッケージ作成
 
concrete5で制作・運用する多言語ウェブサイト
concrete5で制作・運用する多言語ウェブサイトconcrete5で制作・運用する多言語ウェブサイト
concrete5で制作・運用する多言語ウェブサイト
 
採用マーケティングの全体像
採用マーケティングの全体像採用マーケティングの全体像
採用マーケティングの全体像
 

Similar to 人気の出るホームページ制作勉強会(2016/05/18)

Webの構成イメージ
Webの構成イメージWebの構成イメージ
Webの構成イメージJumpei Yamane
 
Web × プログラミング ~JavaScript編~(2017/2/16)
Web × プログラミング ~JavaScript編~(2017/2/16)Web × プログラミング ~JavaScript編~(2017/2/16)
Web × プログラミング ~JavaScript編~(2017/2/16)Hiroyuki Ishikawa
 
物流オープンデータ活用コンテストに応募してみよう!!
物流オープンデータ活用コンテストに応募してみよう!!物流オープンデータ活用コンテストに応募してみよう!!
物流オープンデータ活用コンテストに応募してみよう!!Hiroaki Sengoku
 
WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】
WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】
WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】Hiroyuki Ishikawa
 
オペレーショナルエクセレンスの実現のためにまずやること
オペレーショナルエクセレンスの実現のためにまずやることオペレーショナルエクセレンスの実現のためにまずやること
オペレーショナルエクセレンスの実現のためにまずやることAtsushi Kojima
 
怖くないAzure Landing Zone
怖くないAzure Landing Zone怖くないAzure Landing Zone
怖くないAzure Landing ZoneAtsushi Kojima
 
It web 業界研究_1124
It web 業界研究_1124It web 業界研究_1124
It web 業界研究_1124Toshikazu Oka
 
Jisaセミナー講演
Jisaセミナー講演Jisaセミナー講演
Jisaセミナー講演Hagimoto Junzo
 
女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!
女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!
女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!Yuka Masaki
 
クラウドサービス利活用セミナー in 青森 発表資料
クラウドサービス利活用セミナー in 青森 発表資料クラウドサービス利活用セミナー in 青森 発表資料
クラウドサービス利活用セミナー in 青森 発表資料Takuya Tachibana
 
20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料WebSig24/7
 
[スクラムナイト3]ふりかえってナンボのもんです、か?
[スクラムナイト3]ふりかえってナンボのもんです、か?[スクラムナイト3]ふりかえってナンボのもんです、か?
[スクラムナイト3]ふりかえってナンボのもんです、か?Yuichiro Yamamoto
 
TUIゲームを作った話
TUIゲームを作った話TUIゲームを作った話
TUIゲームを作った話Shinji Miyazato
 
大規模Redisサーバ縮小化の戦い
大規模Redisサーバ縮小化の戦い大規模Redisサーバ縮小化の戦い
大規模Redisサーバ縮小化の戦いYuto Komai
 
Webデザインの「なぞり方」講座DVD限定特価で会員へ販売
Webデザインの「なぞり方」講座DVD限定特価で会員へ販売Webデザインの「なぞり方」講座DVD限定特価で会員へ販売
Webデザインの「なぞり方」講座DVD限定特価で会員へ販売新潟コンサルタント横田秀珠
 
Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】
Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】
Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】Sakae Saito
 
kintoneプラグイン 《Movable Type 連携》
kintoneプラグイン 《Movable Type 連携》kintoneプラグイン 《Movable Type 連携》
kintoneプラグイン 《Movable Type 連携》Sakae Saito
 
AWS Startup Tech Meetup #008 発表資料
AWS Startup Tech Meetup #008 発表資料AWS Startup Tech Meetup #008 発表資料
AWS Startup Tech Meetup #008 発表資料Takuya Onda
 
岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売
岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売
岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売新潟コンサルタント横田秀珠
 

Similar to 人気の出るホームページ制作勉強会(2016/05/18) (20)

Webの構成イメージ
Webの構成イメージWebの構成イメージ
Webの構成イメージ
 
Web × プログラミング ~JavaScript編~(2017/2/16)
Web × プログラミング ~JavaScript編~(2017/2/16)Web × プログラミング ~JavaScript編~(2017/2/16)
Web × プログラミング ~JavaScript編~(2017/2/16)
 
物流オープンデータ活用コンテストに応募してみよう!!
物流オープンデータ活用コンテストに応募してみよう!!物流オープンデータ活用コンテストに応募してみよう!!
物流オープンデータ活用コンテストに応募してみよう!!
 
Shirasagi20190314
Shirasagi20190314Shirasagi20190314
Shirasagi20190314
 
WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】
WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】
WordPressのプラグインを作ってみよう!【第6回 WordBench山口 セッション5】
 
オペレーショナルエクセレンスの実現のためにまずやること
オペレーショナルエクセレンスの実現のためにまずやることオペレーショナルエクセレンスの実現のためにまずやること
オペレーショナルエクセレンスの実現のためにまずやること
 
怖くないAzure Landing Zone
怖くないAzure Landing Zone怖くないAzure Landing Zone
怖くないAzure Landing Zone
 
It web 業界研究_1124
It web 業界研究_1124It web 業界研究_1124
It web 業界研究_1124
 
Jisaセミナー講演
Jisaセミナー講演Jisaセミナー講演
Jisaセミナー講演
 
女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!
女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!
女子にうけるUIはどうやって作られるか?ネイルブックのデザインプロセス大公開!
 
クラウドサービス利活用セミナー in 青森 発表資料
クラウドサービス利活用セミナー in 青森 発表資料クラウドサービス利活用セミナー in 青森 発表資料
クラウドサービス利活用セミナー in 青森 発表資料
 
20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料
 
[スクラムナイト3]ふりかえってナンボのもんです、か?
[スクラムナイト3]ふりかえってナンボのもんです、か?[スクラムナイト3]ふりかえってナンボのもんです、か?
[スクラムナイト3]ふりかえってナンボのもんです、か?
 
TUIゲームを作った話
TUIゲームを作った話TUIゲームを作った話
TUIゲームを作った話
 
大規模Redisサーバ縮小化の戦い
大規模Redisサーバ縮小化の戦い大規模Redisサーバ縮小化の戦い
大規模Redisサーバ縮小化の戦い
 
Webデザインの「なぞり方」講座DVD限定特価で会員へ販売
Webデザインの「なぞり方」講座DVD限定特価で会員へ販売Webデザインの「なぞり方」講座DVD限定特価で会員へ販売
Webデザインの「なぞり方」講座DVD限定特価で会員へ販売
 
Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】
Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】
Eight×kintone 【Eightの名刺データをkintoneで活用してみよう!】
 
kintoneプラグイン 《Movable Type 連携》
kintoneプラグイン 《Movable Type 連携》kintoneプラグイン 《Movable Type 連携》
kintoneプラグイン 《Movable Type 連携》
 
AWS Startup Tech Meetup #008 発表資料
AWS Startup Tech Meetup #008 発表資料AWS Startup Tech Meetup #008 発表資料
AWS Startup Tech Meetup #008 発表資料
 
岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売
岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売
岩崎サトシ「失敗しない」広告デザインの作り方講座Dvd発売
 

More from Hiroyuki Ishikawa

[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハントHiroyuki Ishikawa
 
[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)
[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)
[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)Hiroyuki Ishikawa
 
[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光
[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光
[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光Hiroyuki Ishikawa
 
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】Hiroyuki Ishikawa
 
コミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイントコミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイントHiroyuki Ishikawa
 
山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめました山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめましたHiroyuki Ishikawa
 
「Web × プログラミング」 ~jQuery編~ #2
「Web × プログラミング」 ~jQuery編~ #2 「Web × プログラミング」 ~jQuery編~ #2
「Web × プログラミング」 ~jQuery編~ #2 Hiroyuki Ishikawa
 
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハントHiroyuki Ishikawa
 
Web × プログラミング ~jQuery編~(2017/9/21)
Web × プログラミング ~jQuery編~(2017/9/21)Web × プログラミング ~jQuery編~(2017/9/21)
Web × プログラミング ~jQuery編~(2017/9/21)Hiroyuki Ishikawa
 
利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス
利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス
利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセスHiroyuki Ishikawa
 
非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】
非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】
非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】Hiroyuki Ishikawa
 
はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】
はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】
はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】Hiroyuki Ishikawa
 
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)Hiroyuki Ishikawa
 
国産ランキングプラグインを作ってみた件(2016/10/15)
国産ランキングプラグインを作ってみた件(2016/10/15)国産ランキングプラグインを作ってみた件(2016/10/15)
国産ランキングプラグインを作ってみた件(2016/10/15)Hiroyuki Ishikawa
 

More from Hiroyuki Ishikawa (14)

[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
 
[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)
[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)
[OSC2018広島]自分にできる貢献のしかたを見つけよう(OSC2018広島Ver)
 
[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光
[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光
[DojoCon Japan 2018]自分にできる貢献のしかたを見つけよう by CoderDojo光
 
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
WordPressコミュニティで開花したコスプレ写真芸人が生まれた瞬間を語り尽くす5分間【WordCamp男木島 高松懇親会LT】
 
コミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイントコミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイント
 
山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめました山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめました
 
「Web × プログラミング」 ~jQuery編~ #2
「Web × プログラミング」 ~jQuery編~ #2 「Web × プログラミング」 ~jQuery編~ #2
「Web × プログラミング」 ~jQuery編~ #2
 
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
 
Web × プログラミング ~jQuery編~(2017/9/21)
Web × プログラミング ~jQuery編~(2017/9/21)Web × プログラミング ~jQuery編~(2017/9/21)
Web × プログラミング ~jQuery編~(2017/9/21)
 
利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス
利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス
利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス
 
非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】
非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】
非(エンジニア|プログラマ)でも知っておきたい正規表現【第5回 WordBench山口 セッション2】
 
はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】
はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】
はじめてのライトニングトーク~まとめる・伝える・学びあう 5分間プレゼンテーション~【平成28年度 第6回市民活動活性化講座】
 
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
 
国産ランキングプラグインを作ってみた件(2016/10/15)
国産ランキングプラグインを作ってみた件(2016/10/15)国産ランキングプラグインを作ってみた件(2016/10/15)
国産ランキングプラグインを作ってみた件(2016/10/15)
 

人気の出るホームページ制作勉強会(2016/05/18)

  • 1. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 株式会社ステラリンク 〒743-0065 山口県光市上島田7-1-1 Tel. 0833-77-0212 Fax.0833-77-0343 http://www.stellalink.co.jp/ 人気の出るホームページ制作勉強会 2016/5/18 18:30〜20:00 @CreativeCoworking カラム (⼭⼝県周南市桜⽊2-1-1)
  • 2. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 本日のアジェンダ ⾃⼰紹介 ウェブ制作の基本の「き」 みんなで疑問を解決しよう
  • 3. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 自己紹介
  • 4. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 自己紹介 ⽯川 博之 株式会社ステラリンク 代表取締役 インターネットサービス業 ソフトウェア開発(設計、開発等) Web、OA系、FA系… セミナー 講師 等 光市成⼈のつどい企画運営委員⻑ 光市⻘少年ボランティア育成協議会 企画実⾏副委員⻑ (⼀財)リスクマネジメント協会 会員 リスクマネージャー 講師実績 元 周南コンピュータ・カレッジ ⾮常勤講師 元 (株)⼭⼝県ソフトウェアセンター 認定講師 企業 社内研修・セミナー講師 多数 Mail ishikawa@stellalink.co.jp Facebook y3sei Twitter @stellalink_jp @y3sei LINE y3sei
  • 5. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. ウェブ制作の基本の「き」
  • 6. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. サイトを作る…と一言で言っても 何を発信したい? 会社や事業の情報 キャンペーンの情報 ニュース(ニュースサイト) ブログ、コラム 商品の販売(通販) ソーシャルネットワーキングサービス 誰に発信したい? エリア 年齢層 性別 など
  • 7. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. ホームページってそもそもどうやって動いているの? ドメインやURLにより相⼿先サーバーを指定する 独⾃ドメインの⽅がブランディングしやすい Webサーバが必要 プログラムを動かすには、WebサーバにPHPなどのプログラムの実 ⾏環境や、MySQLなどのデータベースのソフトが必要 表⽰するまでには、HTMLとCSSで表⽰内容を作り出す ブラウザでプログラムを動かしたり(JavaScriptなど)、 サーバ側で動的にHTMLなどを⽣成したりすることが可能 リクエスト レスポンスクライアント サーバ
  • 8. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. CMSって何? Content Management System 主なCMS Movable Type WordPress a-blog cms Concrete5 通販系 EC-Cube
  • 9. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. SNSって何? Social Networking Service インターネット上の交流を通して社会的つながりを構築するサービス 主に以下の機能を持つものを分類 プロフィール機能 メッセージ送受信機能 タイムライン(ウォール) ユーザー相互リンク機能 ユーザー検索機能 ⼝コミと類似した効果を期待できる 相互に繋がっているユーザー間で情報が共有されやすい → バズる SNSで発信しやてもらいすくするために シェアボタンとシェア時にサムネイル画像などを設定するタグを設置 すべてのメディアに同じことを書かない(それぞれの雰囲気や特徴、 主な利⽤者層が違う) 有名なサービスの例 • mixi • Facebook • Twitter • Instagram • Pinterest • Tumblr • LINE
  • 10. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. どうやったら人気が出る? これだけやっておけば⼈気が出るというものはない! 複合的な取り組みが⼈気を導く 質を重視したコンテンツ作成 検索エンジンへの最適化(SEO) スマートフォン等のモバイル環境への最適化(モバイルファースト) セキュリティ対策(SSLの導⼊) 使いやすい導線、表⽰速度 広告出稿 etc… つまり、 探したいキーワードがある(検索エンジンからのランディングなど) 再び訪れたいと思えるコンテンツである(最新の情報があるなど) ⼈気が出たことはどうやって知る? サーバが備えているアクセス解析機能を使う → Analog、Webalizer、 AWStatus など(サーバの管理画⾯を参照) アクセス解析サービスを活⽤する → Google Analytics
  • 11. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 情報が欲しいユーザーに伝えるには? (前提として)アクセスしたい情報がそこにある 伝えたいことがすでにあり最新の情報が掲載されていることが⼤前提 最近の実績が掲載されているのといないのではどちらが良い? 通販サイトで、商品については「お問い合わせください」となっているの と、在庫点数や納品時期が明記されているのではどちらが良い? 専⾨⽤語が並んでいるのと専⾨⽤語があまりつかわれておらず⼀般にわか りやすい表現がされているのではどちらが良い?(※誰に⾒せるか) ⽤語解説ページや技術解説ページがあるのとはないのではどちらが良い? インターネットの世界の基本は「Give & Take」 → 与えることが先 伝えるから⾒に来る、⾒るから興味を持つ、興味から購買へ → AIDMAの法則(興味、関⼼、欲求、記憶、⾏動)
  • 12. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 情報が欲しいユーザーに伝えるには? 最近では広い年齢層でインターネットによる検索が当たり前 サイトがない、更新されていないは存在しないことと同義 とりあえず調べる、探す 気になるものが⾒つかれば発注につながる可能性 検索エンジンで周知されるまでに掛かる時間は最短1週間くらいから⻑ い場合は1ヶ⽉程度までかかる傾向にあり、特に新しい商品やキャン ペーンなどは事前の準備を⼊念に⾏う 検索エンジンで検索できるように最適化していく プログラム(bot)で世界中のサイトを巡回(クロール)しているので、プ ログラムが読みやすい作りと、キーワードが取りやすい内容や⽂章作りを ⼼掛ける 年齢層や性別で伝わりやすい時間が違う 社会⼈の通販は夜間に集中しやすい SNSでは昼休みや終業後の19時ごろからアクセスが集まりやすい etc..
  • 13. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. 情報が欲しいユーザーに伝えるには? (出典)総務省「平成26年版情報通信白書」 http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h26/html/nc253110.html 情報通信端末の世帯保有率の推移
  • 14. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. こんな疑問、ありませんか? これからウェブサイトを制作するけどどうしたらいい? ○○という制作ソフトがいいらしいときいたけど実際のところどう なの? 最近○○というキーワードをきくけどどういうもの? パソコンとタブレットとスマホとガラケーの違いを知りたい 更新って具体的には何をしたらいい? 作ったけど思っていた以上にアクセスがサッパリだけどどうしたら いい? FacebookやTwitterとの連携ってどうやってやればいい? などなど… みんなで疑問を解決しよう
  • 15. Copyright © 2007-2014 Stellalink Inc. All Rights Reserved. みんなで疑問を解決しよう