早苗とダブルクリック！ https://ameblo.jp/webweb-pws/ Webデザイン制作を通してWeb初心者の皆さんに、ちょっといい！をお知らせするブログです☆Webの基本を知りたい方向けに、情報を発信していきます♪ ja あけおめです☆
あけましておめでとうございます鏡餅
Weぶー子ですリボン

ブログ更新がなかなかできず…昨年末より
ちょっと体調を崩し、お休みさせていただいていましたDASH!
ごめんなさいしょぼん

体が一番ですね病院
実感…天使

今年も皆様にとってよき日々となります様にコスモス


きれいな夕日


]]> https://ameblo.jp/webweb-pws/entry-11746431491.html Thu, 09 Jan 2014 15:40:39 +0900 きものサローネin日本橋 台風がきたり、寒くなったり、急に暑くなったりと、異常気象だな～～っと
感じる今日この頃ですが、皆さんは体調など崩していないでしょうか？

さて、今日は皆さんにおススメのイベント情報です(^-^)/
Weぶー子の会社協賛で、

きものサローネクラッカー

というものを日本橋で開催しています☆
きもの好きの貴女は、是非足を運んでみてくださいチョキ




ちなみに、、、このきものサローネ日本橋
いつもご紹介しているWeぶー子の会社で使用している
CMSのパワーシード
というもので制作されています！！
素敵なデザインでしょ音譜

参考にしてみてくださいね目


 ]]> https://ameblo.jp/webweb-pws/entry-11646239007.html Mon, 21 Oct 2013 17:50:00 +0900 ウェブサイト更新の工夫について 朝夜は、秋らしい風がふいていますねクローバー

先日お知らせした、Weぶー子の会社のWebセミナーも
無事終わりましたアップ
参加してくださった皆様ありがとうございました パンダ

セミナー後のアンケートでは、
ウェブを作ることも大変ではあるけれど、うまく利用すること、
更新しつづけることが大変だというご意見がたくさんありましたDASH!

それは、ウェブを仕事にしている私には、よーーーーくわかります
ウェブは作ればおしまいっではなくて、育てるものラブラブですね～目

いつも一生懸命１００パーセントでやると、いつか息切れしちゃいます叫び
例えば、決算の時期は忙しい！だとか、イベント時は忙しい！など
事前にわかっているときは、あらかじめ、更新できる材料を余裕のあるときに
作成しておいて、非表示で入れておき、忙しいときには、非表示を表示に
変えるだけっという方法もオススメです！！
表示非表示を自由にできるのが、CMSの特徴クラッカー
CMSによっては、表示期間をあらかじめ設定できるものもあります。
Weぶー子の会社のパワーシードというCMSはあらかじめ
準備して表示、非表示の設定ができますo(〃＾▽＾〃)o

先日、不在にする後輩からお仕事を引き継ぎをしたのですが、
記事を準備してあり、公開時期がきたら、表示にしてくださいね
っという引き継ぎを受けました。引き継ぎのサイトをみると、
２ヶ月先の１１月までの記事が入っていました ニコニコ
更新をしなければならない私の手間もこれで全然違うのです～
何て、準備のよい、後輩だな～～～ドキドキ
っと関心したWeぶー子でした(-^□^-)

この様に、大変な更新も、あらかじめ作りためておく作戦は
かなり有効なのです(^∇^)

あとは、SNSをうまく利用することですねビックリマーク
ん？？？SNSって何だっけ？って思ってらっしゃる方に…
SNSとは、
人と人とのつながりを促進・サポートする、コミュニティ型のWebサイト
つまり、皆さんもご存知のブログやフェイスブック等の様なものです。
このSNSの更新情報をウェブサイトにリンクさせておくと、
ブログを更新した時、フェイスブックを更新した時に、同時に
ウェブサイトも更新されるっというわけです(^∇^)

更にメリットがあって、
以前もブログでお伝えした、SEO対策にもなるわけです
ブログは、文字がとっても多いのです
その大量の文字は、SEO対策にとても役立ちます
是非、会社のスタッフのブログ、お店のスタッフのブログなどを
ウェブサイトにリンクさせてみましょう～ひらめき電球

■今日のWeぶー子つぶやき■

空が青い

風がやさしく吹いている

小鳥が鳴いている

海の香りがする


ただ、それだけで幸せだね


ちっぽけに見える自分を

大きく包んでくれる自然を

私たちは当たり前に思っているけど、

当たり前じゃない


その自然に私たちはできるかぎり

お礼をいわないといけないよね

自分たちにできる小さいことから

やらなきゃ


早苗とダブルクリック！-朝の秋空




]]> https://ameblo.jp/webweb-pws/entry-11618591905.html Sat, 21 Sep 2013 23:05:41 +0900 初心者向けWEB講座
Weぶー子は猛暑だった８月、一生懸命お客様のサイトを心をこめてつくっていましたパソコン
なかなか更新できなくて、ごめんなさいショック！

やっと秋らしい日も増えてきましたね(＝⌒▽⌒＝)
まだまだ暑い日もありますが…
皆さんもお仕事がんばっていますか？

Weぶー子の会社では、ウェブセミナーを開催しますドキドキ
初心者用のセミナーです！ご興味のある方は↓をクリック～～～クラッカー

初心者のための「ウエブで集客」実践セミナー

私は、ウェブの仕事をしている今でも、卒業した学校のセミナーに申し込みますひらめき電球
でもでも講座はいつも人気で、先着って書いてあると、ほぼ満席キャンセル待ち～ダウン
子育て中の私には、時間も限られるので、なかなかね～(ﾉ_･｡)

皆さんも、どんどん色々なセミナーに行ってみてくださいひらめき電球
ウェブは、流れがはやい(((( ;°Д°))))
情報を常にキャッチしておくことは重要ですよチョキ

■今日のWeぶー子つぶやき■


息切れしてないかな。
大きな悲しみや辛いうずの中にいるなっ…て
思うと、本当に雨はやむの？って思う。
一生懸命、傘をさして。

でも、たまには、傘をささないで、
濡れちゃえって思うのもいいかもね。
違うなにかに気がつくかも。
靴が、くちゅくちゅ可愛い音をたてることや、
雨が肌にかかる冷たさや、
意外に雨でも目を開けてられることにきがついたり、
まつげについた水滴が風景を不思議に見せたり。
上を見上げると、次々と雨の子供達みたいな
丸いかたまりが、自分へめがけておっこってきて、
どのくらい上からやってきたのかって考えたり。

それでも、やっぱり晴れて欲しい。
でもいつか、かならず、晴れるんだよね。

早苗とダブルクリック！-きっと晴れる ]]> https://ameblo.jp/webweb-pws/entry-11612755481.html Fri, 13 Sep 2013 16:08:03 +0900 段階を踏んでみよう！
その時に感じたことをお話しようと思いますビックリマーク

Web制作が初心者っという社長さんとお話をしました。
Weぶー子が働いている会社のパワーシードというCMSを導入して
これからWebサイトを作りましょう！っというお客様です。
社長も始めとして、スタッフの方々にこのパワーシードを
使って、呉服屋さんのWebサイトを作成、更新していきたいっとのこと目
その際、どのように進めていったらよいのかっというご相談でしたひらめき電球

社長とお話をさせていただいた中で重要だとおもったのは、
段階を踏んでみよう！音譜
っということでしたドキドキ

CMSを使えば、Web制作の初心者でも、Webサイトを作る事ができます合格
ですがやはり、携帯もメールぐらいしかしませんっという方には、
ハードルが高いっと思われがち汗
そんな方には、３段階にステップを踏む事をおすすめしますビックリマーク
いきなりWebを作る！っと思わないことが大事ですグッド！

１　まず、日々お仕事をしている中で感じだことを、
PCで文字にしてうちこんでみましょう パソコン
この際、メモ帳やテキストエディット等で保存しておきくと便利です。
その文字と一緒に、お仕事で出逢ったものを、
デジカメや携帯で写真をとっておきましょう カメラ

2 文字をうちこむ、写真を撮るということに慣れたら、
まずは、ブログをかいてみましょう。ブログは、きまった場所に
文字をうちこみ、写真をアップすれば、できあがります ロボット
１で書き留めていた文字や、写真をアップしてみましょう パソコン

3 ブログでアップすることに慣れたら、Webに挑戦してみましょう パソコン

お客様とお話をさせて頂いた中で、社長さんは、
その段階ごとにスタッフの方々の進み具合や、
短い期間で、少しずつ目標をたてて皆の進度をみてみるよっと
おっしゃっていました。
スタッフをまとめる社長さんは、大変なんだな～っと
思いながら、優しい社長さんに感激したWeぶー子でしたドキドキ

Web制作の必要性はわかっていても、一歩が踏み出せないあなた。
是非、社長さんの様に、少しずつ目標をたてて進んでみてください リボン

今日はお客様とお話した中で感じたこと、
段階を踏んでみよう音譜でした≧(´▽｀)≦



■今日のWeぶー子つぶやき■

子供の頃、ホッピングが大好きだった。
膝に青あざができるまでとんだし、
両手を離して何回とべるか、
ホッピングと縄跳びを同時にできないか、
なんて、
大人にとっては、あまりにもくだらないと思うことに、
ものすごい時間をかけて、
練習をしていた。

大人になって、
バイクに乗りたくて
教習所で何度も転んで
やっぱり足に青あざつくって、
教官に、女の子は
途中でやめちゃう子が多いって
言われると、
余計ムキになって、
夢中になってた。

大人とか、子供とか、
関係ないんだね。
できないことが、できるようになる
そのワクワク感。
きっと、
いくつになっても、
できないことをできるようになりたいって
思うんだろうな。
遊びも、仕事も、
そのワクワク感をいつまでも
楽しめるのって、
いいね。


早苗とダブルクリック！-今日の夜空

]]> https://ameblo.jp/webweb-pws/entry-11576802854.html Sat, 20 Jul 2013 23:15:50 +0900 お客様の声を聞こう！ webサイトは、一方的に伝えたい事を伝えてしまいがちなので、
気をつけましょうっというお話を何度かしてきましたねメモ

お話をしている時を考えてみてください！！
一方的にいいたい事だけを言って、こちらの気持ちを
全く聞いてくれない会話は楽しいですかはてなマークいやいや
楽しいわけがないですよね汗

Webサイトは、ただ素敵に作りました…あせる
というだけでは、その一方的にお話をする人と同じことです叫び
会話をしなければならないのです。
では、どうやってはてなマーク

サイトに訪れてくれた方の声を聞くといっても、
色々な方法がありますが、一つ重要なことは、
サイト分析をするっということです音譜

皆さんはブログをやっていらっしゃるのでPVっというものを
少なからず気にしている方が多いはず！！
PVとは、簡単に言うと、そのページをみてくれた数！！
たとえば、その一つをとっても、多ければそれだけ興味を
もってくれた人が多くいるというメッセージを読み取る事が
できますクラッカー少なければ、興味をもってもらえなかったと
いうことですねDASH!

この様にさまざまな角度からサイトの分析ができますサーチ
何というキーワードでサイトに来てくれたのかはてなマーク
来たけれどもすぐ閉じてしまった人はどのくらいいるのかはてなマーク
リピーター率はどのくらいなのかはてなマーク
見てくれている時間帯はどの時間帯なのかはてなマーク
などなど、見てくれている人の声を聞く事ができるのは
データから読み取るということも重要な一つの方法なのですラブレター

お客様の声を分析し読み取る事によって、
その声をもとにサイト作りにつなげることで
お客様との会話が成立する一つの方法なのですひらめき電球
伝えいたい事だけ伝えるサイトはだれも見てくれません汗

では、この分析はどうやってやるのはてなマーク
ブログでは、アクセス解析や、ランキングというものがありますねビックリマーク
サイトでは、例えば

Google Analytics（グーグルアナリティクス）というものがあって

ソースコードにそれを入れ込む事によって分析をしてくれるという

方法がありますビックリマーク色々なデータを集める事ができるので、

お客様の声をデータから読み取るには、とても良いアイテムです音譜

しかし、初心者が使いこなすのは、ちょっ難しいかもしれませんガーン


そんな方におすすめなのは、やはりCMSを使って
サイトを作り、そのCMSについている分析メニューを利用する
ということひらめき電球

Weぶー子の働くPR現代では、CMSの中でもパワーシードという
ソフトを利用していますが、このパワーシードにも、分析メニューが
ついています ラブラブ
Google Analyticsを見ても、何の数字なのかわからないビックリマークなんて
いうあなたには、パワーシードの分析メニューはわかりやすい言葉で
書いてあり、見やすいので、おすすめドキドキ
この様な機能を使って、是非多くのお客様の声に
耳を傾け、お客様の声をもとに、もとめられているサイトを
目指して作ってみてくださいね音譜

■今日のWeぶー子つぶやき■

雨にも風にも耐えて
どんなときでも凛とそこに生き続ける
だから、こんなにも美しい。

私たち人間の世界も
雨の様な風の様な、時には嵐の様な事があるけれど
かわいらしく、強く、たくましく、凛として
生きたい。

早苗とダブルクリック！-旬のいろ

Weぶー子の実家でとれた
すもも カメラ



]]> https://ameblo.jp/webweb-pws/entry-11569613342.html Wed, 10 Jul 2013 06:45:41 +0900 お手紙 今日は、何度もテーマにしている伝えるっと言うことに関連して、
お手紙というテーマですＯ(≧∇≦)Ｏ
Webのテクニックには直接関係しないけれど、伝えると言うことの
根本はお手紙だと思っているのです!!ニコニコ

Weぶー子は小さい頃、母によく言われました。
ありがとうっという思いがあるのなら、
必ずその思いをお手紙に書いて相手に伝えなさい…っとラブラブ
白い葉書を何枚か持たされていて、
まだ字が上手く書けない小さい頃は、絵を描いて送っていました♪
子どもの頃は、切手というシールみたいなモノを貼ると、
あげたい人に届いちゃうことが、不思議でした…汗
そして今はそれが、アドレスというものを入力するだけで、
メールが送る事ができたり、
誰でも見ることができるWebサイトパソコンと言う時代になり…！！
伝えるっという手段が変わってきていますあせる

今はメールや電話で伝えることがほとんど((o(￣ー￣)o))
でも、やっぱりポストに入っているお手紙を見つけて開封するまでのわくわく感ひらめき電球
一文字一文字に書かれた文字目
お手紙は、何にもかえがたい良さが一杯ラブレター

 
Web制作をしていていつも感じるのは、伝える原点は、
お手紙だっ手紙!!!と思っていますラブラブ
ペーパーレスの時代になって、Webサイトを作るという、
時代の先を常に追いかけるあなただからこそ、
このお手紙で伝えるこの大切な気持ちを大切にしてくださいねラブラブ

ただ売りたいっという事の優先されたデザインや、サイト構成では、
お客様は、去ってしまいます…あせる
何度かテーマにしていますが、ユーザビリティが大切です音譜
凝ったデザインは、自己満足で終ることが多いかもしれません…(*_*)
もちろん、デザイナーさんのサイトの様に、デザインをメインとする場合は別ですあせる
ですが、モノを売るサイト、何かの紹介するサイトの場合は、
使い勝手がよいことが第一優先です♪

初心者の方は、CMS(Web制作を簡単にできるソフト)を利用してみましょうひらめき電球
Weぶー子の会社株式会社PR現代では、
パワーシードっと言ってテンプレートがたくさんあるソフトをおすすめしてますクラッカー
パワーシードを使って作られた、
Weぶー子の会社でのサイトでは、例えばこちら

ダウン
きものポータルサイト 花saki人!!

テンプレートは、基本のユーザビリティを考えられてできているので、
テンプレート利用しながら、あなたらしい味わいを出して作ってみてくださいねクローバー

お客様が何を求めているのか、どんなお客様に、
どんな情報を提供し続けるか…が大事です。
そして、お手紙を何度も書き直して書いた時の様に、
相手がそれを読んで、
どう感じるかを原点に作ってみてください合格


早苗とダブルクリック！-空はつながってる


Android携帯からの投稿 ]]> https://ameblo.jp/webweb-pws/entry-11559662888.html Mon, 01 Jul 2013 23:25:00 +0900 画像の保存形式 今日は、画像の保存形式を使い分ける～についてラブラブ

Webにアップする時、画像の保存形式ってどうしてる？？
よく使われているのが、jpgかな音譜
今日は、jpg、gif、pngの３つのご紹介～ドキドキ

Weぶー子は、これらの３つを画像の用途や
どのような画像かによって使い分けます～ひらめき電球
使い分けるには、意味があって…

まず、基本となるのは、画像は軽い方がいい！
何故軽い方がいいの？？

一つ目は、
ブラウザで表示する時間がかかりすぎると、
せっかく訪れてくれた方々に、不快な思いをさせてしまうわあせる
ユーザビリティーが悪いってことねあせる

二つ目は、
画像が重いページが多ければ多いほど、SEO対策にならず、
検索ランクが下がるの叫び

じゃあ、軽いのを使ってればいい！？それは困るの～
ただ軽いということだけを優先すると、
画像が汚い！ってことになってしまって、
本来のクオリティがひく～くなっちゃうガーン
だから、使い分けるのね～グッド！

それぞれの特徴をご紹介します！！

合格jpg
写真に向いてる。イラストは細かいグラデーションをつかっている場合に適している。
画像は標準の重さ。写真が大きいとちょっと重くなっちゃうかな～。
でも、悩んだときはjpg。オールマイティだと思うわ。

合格gif
ベタ塗りのイラスト向き。写真画像には向かない。
画像は、軽い。
ベタ塗りのバナーに適してる。

合格png
写真にも、細かいグラデーションにも向いている。
画像は軽い！
透過処理ができる。かなりの優れもの！
優れものなのに、あまり浸透していないのは、ちょっと前までは
pngは使用できないブラウザがあったから～汗
でも、今はほぼ使用できると言われているわ～。
画像が汚くて～って悩んでしまった時は、是非
保存形式をpngにしてみてね～ドキドキ

Webの制作って、実はとっても地味で、コツコツと見えない部分を
どれだけがんばっているかによって、SEO対策にもなるのね～ひらめき電球
見た目が整っていればいいじゃ～んって思ってしまいがちだけど、
Web制作は、丁寧に、心を込めて、コツコツ作ってねキスマーク

今日は、画像の保存形式を使い分ける～でした合格

■今日のWeぶー子つぶやき■

自由ってなんだろうね。

学校、仕事、しがらみ、人間関係…
色々なことに縛られ、束縛されていても、
心はいつだって自由。
あなたの、あなただけの、あなたにしかない、
素敵な思いを大切にしてね。

早苗とダブルクリック！-自由な世界

チビ娘が、ドアに描く彼女の中の自由。
好きな事を好きな様に
毎日、描くのが彼女の日課。
大人になると忘れかけてしまうけど、
心の自由を皆もっている。
そう気がつかされる。。。
]]> https://ameblo.jp/webweb-pws/entry-11552389224.html Sat, 15 Jun 2013 22:19:16 +0900 伝えるっと言う手段とは いつも技術的な話が多いので、
今日は、伝えると言う手段を考える
っと言うお話です～(*^▽^*)

内緒話しってあなたのイメージは
どんなイメージがある？

内緒に伝えるってことだけど…。

カワイイ子どもが小さな手をを添えて
ママの耳元でささやく。
『きょう、かけっこ、いっとうしょうだったよ!!!』

とっても微笑ましいドキドキ

一方で…
沢山人がいる電車の中で、チラチラと
笑いながらひとりの人を見て、
大きい子どもがママに手を添えて
あからさまに内緒話しをする。
ママも内緒話しで娘に返す。

これは、微笑ましいのだろうか…

同じ内緒話しでも、前者と後者では
まったく違う…。

『とっておきの素敵なことを、
ママに特別教えるわ(*^▽^*)』

『あの人おかしいわよね、
聞かれると都合が悪いし、
内緒話しで教えるわ!!』

同じ内緒話しでも、
人に与える印象は全く違うわね。

Webと言う伝える手段を
仕事にしているあなたには、
一度考えてもらいたいの。

伝える前に、
立ち止まって考えてみてね。
あなたの伝えるその方法が、
そのデザインや、Webサイト構成が、
訪れてくてた人たちに
どんな気持ちにさせるのか。

同じデザイン、サイト構成でも、
伝えかたによって、
嫌な気分にさせてしまうときもあり、
喜んでいただけるときもある。

Webを作る上で、
ﾕｰｻﾞﾋﾞﾘﾃｨを考えるということは、
非常に重要だということ。
Webは、対話と言うより、
一方的に伝えるっと言うことの方が多い。

決して印象の良くない
大人の内緒話しになってしまわないように
常に考えてくださいね。

今日は、伝えると言う手段を考える
でした～ヽ(^○^)ノ
Android携帯からの投稿 ]]> https://ameblo.jp/webweb-pws/entry-11540492042.html Fri, 31 May 2013 08:50:00 +0900 ソースコードに入れる文字について

Webにアップするとき、大切なのは、テキスト！
一杯のテキスト情報が入っていると、SEO対策にもなるし、
なによりも、サイトを訪れてくれた方に、伝えられる重要なもの。
そのテキストは、どうやっていれてる？

もちろん、そのままソースコードに入力するのがシンプルな方法。
でも、テキストは、そのときに考えて入れるだけではないわね。
他のチラシで使っていたテキストをコピーしてくる場合もあるし、
引用してくる場合もあるメモ
もしくは、その時に考えるのではなく、気がついたときに原稿として
とっておいて、後でアップに使うという事もあるわねドキドキ

そういう時。
いくつかの方法があるわ！！
その中でもWeぶー子のおススメは、CotEditorクラッカー
Windowsだと、メモ帳。Macだと、テキストエディットと同じ感じの
アプリケーションソフトよ音譜

その中でも、Webのテキストを扱う上で
Weぶー子が、CotEditorをおススメするのは何故か？？

それは、テキスト情報を引きずらないから 王冠２

ん？？意味わからないかな？？

例えば、ワードで打たれたテキスト、イラレで打たれたテキスト、
ウェブ上のテキスト等をそのままコピーすると、文字だけでなく、
文字情報（フォントの大きさ、文字間隔、文字の種類などなど）を
そのまま引きずってしまう。。。
その何がいけないの？？って思っちゃった？？
引きずってはいけない理由があるのラブラブ
ネット上でも表面上はそのまま表示されて、問題がない様に見える。
でも、ソースコードが問題あせる
どこかで作られた文字情報を引きずってしまうと、ソースコードが複雑に
なってしまうの汗
ソースコードが複雑になると何がいけないの？
それは、SEO対策としてよくないってことガーン

っという様に、文字を入れるだけでも、色々な事に関係してしまうのショック！

それを回避するために、コピーしたテキストを一度
CotEditorにコピーして、文字情報をなくしたプレーンテキストにするメモ
それから、そのテキストをソースコードに入れる。
そうすると、文字情報を引きずらないきれいなソースコードになるってわけねひらめき電球

じゃあ、何でメモ帳、テキストエディットじゃない方がいいの？
もちろん、メモ帳やテキストエディットを愛用している方はそれでも
間違いではないわ。
ただ、より確実に文字情報をなくすのが、CotEditorと言われているの。
一度試してみてね～

それから、CotEditorの利点はもうひとつひらめき電球

ソースコードをCotEditorにコピーした時、
HTMLモードやCSSモードに変える事が出来るの
そのモードにすると、HTMLのタグや、CSSのidや
classが色わけして出てくれる。
もし、打ち間違えした時は色で違っているよっと
教えてくれるの～ベル
スゴイ リボン
上級者はこれも試してみてね～ヾ(＠＾(∞)＾＠)ノ

ちなみに、CotEditorは無料でダウンロードできま～す合格
以上、ソースコードに入れる文字（テキスト）についてでした目



■今日のWeぶー子つぶやき■

気分が落ち込むな…。
集中できないな…。アイディアが浮かばないな…。

そんな時、気分を変えてくれるのが、自分のお気に入り。
お気に入りの香水をつけたり、
お気に入りの道をあるいたり、
お気に入りのネクタイをしめたり、
お気に入りのカップで珈琲を飲んだり、
お気に入りの仕事道具で仕事を始める。

そうやって、沈んでいる心に
がんばれ！って心に響くとき
あるよね。

ちょっと辛いなって思ったときは、
あなたのお気に入りで
元気をだしてね。

早苗とダブルクリック！-いつも使う道具





]]> https://ameblo.jp/webweb-pws/entry-11537079029.html Fri, 24 May 2013 21:31:08 +0900