【お知らせ】Webサイト & SNSの開設

WebサイトとSNSの開設

2017年秋、Webサイト & SNSTwitterFacebookInstagram)を
Webデザイン技術、地域の紹介、日本人の活躍、勉強の様子などを
掲載しますのでご覧になって下さい。今後、随時情報を更新していきます。
みなさんとともに成長していきますのでよろしくお願いします。
技術者として技術を磨いていきますので応援お願いします。
興味を持って頂けたら、フォロワー友達になって頂けると幸いです。

1. 概要

1) 開設概要

・Webサイト・SNS(TwitterFacebookInstagram
開設のお知らせ

#ウェブサイト(Webサイト)
・企業や個人が特定のテーマで公開している複数の
Webページのまとまりのことで
「World Wide Web(WWW)」 の略である。

出典: Wikipedia(ウェブサイト)

#ソーシャル・ネットワーキング・サービス(SNS)
・Web上で社会的ネットワーク(ソーシャル・ネットワーク)を
構築可能にするサービスのこと
「social networking service」の略である。

出典: Wikipedia(SNS)

2) 開設目的

・自身の活動を多くの方々に知って頂きたいから
Webデザインの技術を磨きたいから

3) 公開内容

①Webデザイン日記
Webデザイン制作(プロジェクト)の様子
Webデザイン制作(研究)の技術・知識
・勉強している様子
・作品とその説明(自身がデザインしたもの)

②地域の宣伝
・奈良県大和高田市とその周辺の魅力
(活動・施設・店を紹介)
☆地域活性化プロジェクト 「まち部。
(大和高田元気発信プロジェクト)
・大阪府大阪市とその周辺の魅力
(活動・施設・店を紹介)

③社会活動の様子
地域の活動に参加した様子と学んだこと
イベント勉強会に参加した様子と学んだこと

④日本人の活躍
・文化・スポーツの快挙
・知人・友人の活躍
・偉人の名言

4) サイト・ユーザー名

エリアステーション
・自身のWebサイト・SNS

AreaStationのロゴ

①名前の由来: AreaStation
・Area: 地域
・Station: 拠点

②内容
Webデザイン・ブログ制作
Webデザイン日記
・地域の宣伝サイト

5) 閲覧方法

①ノートパソコン
*どちらでも閲覧はできます。
Windows(Microsoft社)
Mac(Apple社)

ノートパソコンのイラスト

②スマートフォン
*どちらでも閲覧はできます。
Android(Google社)
iPhone(Apple社)

スマートフォンのイラスト

2. Webサイトの開設

1) 使用ソフト

WordPress(ワードプレス)

WordPressのロゴ

#WordPress(ワードプレス)
・PHPとMySQLで開発されており、個人ブログや企業
サイトのCMS(コンテンツ管理システム)としても活用
されるオープンソースのブログシステムのこと。

出典: ferret(WordPress)

#CMS
・Webサイトを作成するための作業を、一元的に
管理・更新できるシステムのことで
「Content Management System」の略である。

出典: ferret(CMS)

#プラグイン
・ソフトウェアに機能を追加するためのプログラムのこと。

出典: ferret(プラグイン)

2) 掲載方法

①長い文章
・平均500~3000文字程度

②メディア掲載
・写真(.jpg)
・イラスト(.jpg .png)
・動画(.mp4)

【WordPressの特徴】
・時間が経っても検索しやすい
・長い文章・多くのメディアを掲載することに対応しているので
詳しい情報が得られる
・デザインが豊富に作成できるので、見て楽しめる

3) サイト紹介

エリアステーション

*Webメディア: A
▼公式サイト: エリアステーション

3. Twitterの開設

1) 使用サイト

Twitter(ツイッター)
フォローフォロワー
(自分がフォローして、みなさんにフォロワーになって
頂けると幸いです)

Twitterのロゴ

#Twitter
・140文字以内の短文でコミュニケーションを取り合う
コミュニティサービスのこと。

#フォロー
・友人や気になる人を登録して、その人の発言
(つぶやき)を自分のタイムラインに表示させ、
いつでも確認できること。

#フォロワー
・自分をフォロー(登録)してくれた利用者のことで
自分の発言(つぶやき)がタイムラインに表示され
いつでも確認されること。

出典: ferret(Twitter)

2) 掲載方法

①短い文章
140文字以内
リアルタイムで情報が得られる

②メディアの掲載
・写真(.jpg)
・イラスト(.jpg、.png)
・動画(.mp4)

③ハッシュタグ: #
・検索してもらいやすくするためにキーワードを付ける
共通のワードでつながりやすくするため)

#ハッシュタグ
・#記号と、文字や半角英数字で構成される文字列のことで
発言内に「#○○」と入れて投稿すると、キーワードで
検索しやすくなる機能のこと。

出典: ツイナビ(ハッシュタグ)

④いいね(共感)
人の投稿(つぶやき)自分が共感したら、
いいね」 ボタンで表示する
自分の投稿(つぶやき)人が共感して頂けたら、
いいね」ボタンで表示して頂く

⑤リツイート(拡散)
人の投稿(つぶやき)に自分が拡散したいなら、
リツイート」 ボタンで自分の投稿に宣伝する

自分の投稿(つぶやき)人に拡散してもらいたいなら、
リツイート」 ボタンで人の投稿に宣伝してもらう

#リツイート
・自分が気に入った他ユーザーの投稿を自分の
フォロワーのタイムラインに届けて再投稿(拡散)すること。

出典: ツイナビ(リツイート)

3) ユーザー名

エリアステーション
*Webサイトの名前に合わせています。

*Webメディア: B
▽Twitter: エリアステーション

4. Facebookの開設

1) 使用サイト

Facebook(フェイスブック)
友達
(自分が友達申請して、みなさんに友達登録して
頂けると幸いです)

Facebookのロゴ

#Facebook
・世界最大のSNS(ソーシャルネットワーキングサービス)であり、
実名での登録し現実の知り合いとインターネット上でつながることが
できること。

出典: ferret(Facebook)

2) 掲載方法

①短い文章
100~300文字程度

②メディアの掲載
・写真(.jpg)
・イラスト(.jpg、.png)
・動画(.mp4)

③ハッシュタグ: #
・検索してもらいやすくするためにキーワードを付ける
共通のワードでつながりやすくするため)

④いいね(共感)
人の投稿(つぶやき)自分が共感したら、
いいね」 ボタンで表示する
自分の投稿(つぶやき)人が共感して頂けたら、
いいね」ボタンで表示して頂く

⑤シェア(拡散)
人の投稿自分が拡散したいなら、
シェア」 ボタンで自分の投稿に宣伝する

自分の投稿人に拡散してもらいたいなら、
シェア」 ボタンで人の投稿に宣伝してもらう

#シェア
・自分が気に入った他ユーザーの投稿をタイムラインに
届けて再投稿(拡散)すること。

出典: ferret(シェア)

3) ユーザー名

①自分の名前(ローマ字)

*Webメディア: C
□Facebook: Nishikawa Kayoko

5. Instagramの開設

1) 使用サイト

Instagram(インスタグラム)
フォローフォロワー
(自分がフォローして、みなさんにフォロワーになって
頂けると幸いです)

Instagramのロゴ

#Instagram
・写真や動画の共有に特化したソーシャルネットワーキング
サービス(SNS)のこと。

出典: eWord(Instagram)

2) 掲載方法

①短い文章
・100文字以下

②メディアの掲載
・写真(.jpg)
・動画(.mp4)

④ハッシュタグ: #
・検索してもらいやすくするためにキーワードを付ける
共通のワードでつながりやすくするため)

⑤リポスト(拡散)
〇スマートフォンのアプリケーションなら可能
(×パソコンでは不可能)
人の投稿自分が拡散したいなら、
シェア」ボタンで自分の投稿に宣伝する

自分の投稿人に拡散してもらいたいなら、
シェア」ボタンで人の投稿に宣伝してもらう

#リポスト
・自分が気に入った他ユーザーの投稿を自分の
タイムラインに再投稿(拡散)すること

出典: 意味解説ノート(リポスト)

3) ユーザー名

エリアステーション
*Webサイトの名前に合わせています。

*Webメディア: D
◇Instagram: エリアステーション

6. 開設して学んだこと

1) 交流が活発になる

・自分の活動思いを発信することによって、
自分のことを多くの方々に知って頂ける
・友人・知人の活動思いを知ることができる
(情報が得やすくなる)
・いろんな方々とつながりを持つことができた

2) IT技術の向上

Webサイト制作の技術・知識が習得
・WordPressでの制作・管理方法
・デザイン思考
・SEO対策
・プログラミング技術・知識の習得
・サーバーの設定

3) 文章能力の向上

箇条書きで表現
・わかりやすい文章で表現
名詞を多く使い、余計な言葉を省いたから)
・文書の区切りを意識

4) 写真撮影の技術向上

①構図
・全体のバランス
・メイン(主役)を決定すること
・左右対称・非対称

②設定
☆光加減が重要(明るい光で撮ると仕上がりも良い)
・絞り値(F値)
・シャッタースピード
・ISO感度

③天候
・野外での撮影では天気を確認
・良い時間帯を確認

5) いきがいを持てた

・外へ出かける機会が多く、生活を楽しめるようになった。
視野が広がり、生活や心が豊かになった。

6) 夢や希望が持てた

・将来はWebデザイナーとして活躍したいと希望が持てました。
(社会・人のために貢献したいから)

7. まとめ

ここまでいろんな方々の指導や支えでWebサイトTwitter
FacebookInstagramを開設することができました。公開できて
嬉しかったし、感謝の気持ちでいっぱいです。

WordPressでWebサイトを制作したときは苦労の連続でした。
難しくて自分の考えを反映させるのは大変です。しかし、
あきらめずに研究して制作してきたので何とか形にはなりました。
Webで情報発信してみなさんに満足して頂くことを目標にして
夢に向かってスタートラインに立てました。

まだ始めたばかりなのでクオリティー(質)は高くないですが、
今後も進化していきますので暖かく見守って下さい。

タイトルとURLをコピーしました