クレアネットの実習生のブログ

こんばんわ。中裏です。

今はスマートフォンが流行っていますね。
スマートフォンにはいろいろアプリとかがあって、
その中にスケジュールを管理するものもありますよね。

スマートフォンがあれば手帳もいらないように感じられますが、
手帳の販売数は年々伸びているらしいです。

スマートフォンの便利なアプリよりも、
スケジュール手帳は過去を振り返りやすいとのことです。

アナログだからこそ良いものもありますね。

ただデジタルだとアラーム機能もあるので、
やはり併用することが一番いいのかもしれません。

っと今日はなんだか意味の分からないことを書いてしまいました。

本日はこの辺で。

こんばんわ。中裏です。

最近任される仕事が増えてきて？自分の能力を
考えて仕事をしなければならないなと思いました。

今自分も実習生の身でありながら、
他の実習で来ているインターンの人に仕事を
手伝ってもらったりしてます。

他人に仕事を振る。
これってタイムマネジメントになるらしいです。

自分一人ですると何時間もかかってしまう仕事でも、
他人にも手伝ってもらうと意外とあっさり終わりますよね。

時間を有効に使うためには他人に仕事を振ることも大事だなと
タイムマネジメントのセミナーを受けながら納得していました。

本日はこの辺で。

こんばんわ。羽田です。

今日はお客さんのサイトのトップデザインを
やらせていただきました。

色の組み合わせって意外と難しいです。
全部同系色というわけにもいかず。

自分の好きなようにやるのと、
お客様の希望にそって考えるのでは、やっぱりちがいます。

カラー別のキャプチャーストックもしておくべきですね。

最近のはwebサイトのブックマークサイトでは、
カラーでも検索できたりします。

例えば、ブックマと言うサイト。
http://www.bookma.org/

こういったwebのブックマークサイトに限らず、
ファッション雑貨の通販サイトでもできたりしますね。

ユーザーにとってはうれしい機能です。

こんばんわ。羽田です。

ブログデザインがオリジナルに変わりました。

”積む”とか”蓄える”とかいうイメージです。
ちょっと抽象的ですが。

話は変わりますが、

昨日セミナーにいった帰り、
「20代にやっておきたいこと」
という本を買いました。

まだ少ししか読めていませんが、読み終わったら感想を書こうと思います。

20代はあと7年とちょっと。
長いと思っていたらすぐに終わってしまいます。
20代は大いに冒険しておくべきですね。

こんばんわ。羽田です。

ペットサロンのサイトが完成しました。
練習用のためサーバーに上げられないので、ここに載せられないのが残念ですが。

今回の自主制作を振り返って成功した点・失敗した点。

・成功した点
→どんな情報が必要になるのか
→グーグルマップの設置の仕方
→お問い合わせフォームcgiの設置の仕方

・失敗した点
→TOPのコーディングについてまだおかしいところがある
→高さ指定について
→SEOを意識したコーディングができてない
→デザイン崩れ

今回失敗した点については、検証・改善して
次に活かせるようにしたいです。

こんばんわ。中裏です。

Ｙａｈｏｏニュースから引用です。
2010年9月の携帯の契約数は、
各社下記のようになっています

NTT docomo の契約数は5,689万4,600
KDDI の契約数は、3,229万1,200
ソフトバンクの契約数は、2,347万4,200

それぞれの契約者の比率はそれぞれ、
50.5%、28.7%、20.8%となっている。

docomoの契約数が一番多いですね。

ちなみに携帯のモバイルＳＥＯでは、それぞれの
モバイル検索エンジンによってアルゴリズムが違うようです。

なので、一番に対策すべきなのは、契約数の多いdocomoになりますね。
なぜならdocomo の公式サイトのみを検索結果に表示する i-menu、
au の公式サイトのみを検索結果に表示する EZGoogle、
公式サイトおよび勝手サイトを検索結果に表示するGoogleMobileYahoo!Mobile、Yahoo!ケータイそして goo モバイルになります。

通常と携帯のSEOでは、
SEO対策の戦略が変わってくるんだなと思いました。

携帯で検索サイトの利用者比率は60.8%いるようなので、
あまり無視もできないのかなと思いました。

本日はこの辺で。

こんばんわ。羽田です。

ペットサロンのサイト完成間近です。
土日を使ってコーディングしました。

気づいたこと
・最初にテキストを決めるとき、DWで直接作っておけばテンプレートの中に突っ込むだけで形ができる。
・むやみにabsoluteを使わない。崩れる。
・固定のスタイルを作っておくと後々楽。（.right .left .bold　.small　 などなど）

０から作ることでいろいろ発見がありました。
あと一息がんばります。

こんばんは。中裏です。

結構会社名を入力すると、その会社のＨＰが出てきたりしますよね。
ＳＥＯ対策でいろいろなキーワードで上位表示ももちろんですが、
会社名を入れて真っ先に出てくることももちろん重要です。

でも意外と同じ名前の会社名や、似た名前の会社名がでる割に、
自分の会社の名前が出てこないということありませんか？

自分。中裏も会社に来るまで「中裏」と打っても
名前と関係ないサイトしか出てこなかったんですが、
最近ブログの記事が上位に表示されるようになりました。

しかし、今日はなんと・・・
がんばっていたＴｗｉｔｔｅｒでの上位表示が、
自分の名前で叶いました（笑）

検索キーワードは、「中裏です」です。
なんと検索結果の２位に表示されてました・・・感激です。

ほぼ偶然ですが、やりました!!

証拠も残しておきました。→
本日はこの辺で。

こんばんわ。羽田です。

今日は自主制作のペットサロンのサイトの
ＴＯＰページをコーディングしました。

で、気づいたことが、
・フォントを後から指定するとずれる。
これを直すのに時間とられました。反省。
・テキストの位置とかマージンじゃなくパディングで指定？
まだ曖昧です。

昨日フィードバックしてもらったおかげで
少しずつ正確になってきました。

　こんばんわ。中裏です。

今回HP制作もしている会社に実習にきているので、
ホームページ制作に挑戦しました。

堺市の鳳に住む柴犬の銀さんの紹介ページを作りました。
ホームページ内では銀さんの紹介や、アルバム。
柴犬のちょっとした豆知識なんかを紹介しています。

『堺市鳳の柴犬銀さんのご紹介』
http://www.shibainu-dog.com/

11月の始めに作り始めて今日完成です。
全てを自分でとまではいきませんでしたが。
補助してもらいながらなんとか完成です。

谷社長ご指導ありがとうございました!!

ホームページ作りに関われてよかったです。
すごく良い経験になりました。

堺市鳳の柴犬銀さんの紹介のホームページを
ご覧になって感想とかいただければうれしいので、
よろしければご意見・ご感想待ってます。

ご意見ご感想はこちらから

本日はこの辺で。

お疲れ様です。
今日も朝から電話に一本逃げられた中裏です。

今日は社長からありがたい一言をもらいました。
「他人のフリ見て我がフリ直せ」という言葉です。

会社にかかってくる営業の電話。会社に訪れる営業マンの方々。
学べることがたくさんあります。

早口な電話は何を言ってるか分からないですよね、
この部分自分もあてはまってないか、早口な電話に出会うことで
想いしらされます。

きほん早口になってないと思うのですが、
それ以前に話していることがわかりにくくないか、
逆にゆっくりしゃべりすぎて相手をいらつかせてないか、
いろいろ考えてしまいます。

日常で起こる全てのことから学べるんですね。
新聞の広告もそうだったように、ほんとに一つ一つのことが
自分につながってるんですね。

本日はこの辺で。

topページコーディングのフィードバックをいただきました。

新たにわかったこと

・基本的に高さは指定しない。
・floatしたらdispray:inlineをつける。
・ulには直接classを指定しない。
　数が増えてもいいのでｄｉｖで挟む。
・同時に２つのclassは指定しない。
　※clearfixなど固定のもの以外。
・margin-bottomじゃなくて
　下のコンテンツにmargin-topをつける。

などなど。

あとテンプレートの作り方も習得。

一番てこずった箱の大きさやマージンを調べるのも、
それぞれの箱のサイズがわかればあとは計算でできるということでした。
電卓がいるわけですね。

ペットサロンのコーディングはこれを踏まえてもっと早くできるように、精進します。

こんばんわ。羽田です。

サイトをコーディングするにあたって気をつけたいのがデザイン崩れ。
といっても、まだまだ経験が足りないのか、小さな崩れはよくあります。

まだ多くのユーザーがIE６を使っているようなので、６からのサポートが必要です。

ブラウザによって差異が出るのでどのブラウザでみても崩れないコーディングというのも一苦労ですが、
これを守れば大丈夫かも、な情報を見つけたので報告。

1.line-height を指定するときは単位を付けない。
2.WinIE5.0 をサポートする場合は height: 100% 指定は避ける。
3.form要素に margin-left を使わない。
4.出来るだけ width, padding, border を同要素に指定しない。ただし、CSSハックを使って差異を潰すなら使ってもよい。
5.float を指定した子孫要素をもつ要素には overflow: auto および height: 100% を指定する（高さを可変にする場合）。
ただし、WinIE5.0をサポートする場合は height: 100% 指定は避け、br要素でclear属性を使う。
6.親要素と子要素の間に余白を設けたい場合は、親要素に padding を指定する。
7.ブロックレベルにしたa要素には、 width: 100% または position: relative を指定する。
8.display: block でブロックレベルにした元インラインレベル要素を子に持つ親要素には、display: inline または border を指定すか、もしくは親と子の間にブロックレベル要素を挟む。
9.なるべく margin-top で余白を作ることは控える。
10.float 指定した要素には margin-left を指定しない。
11.border を指定するとき、同要素に position: relative および line-height： 1.2 以上を同時に指定しない。
12.絶対配置の位置指定をするとき、逆方向同士の指定はしない。例えば top と bottom など。
13.親要素から子孫要素がはみ出るような指定はしない。
14.親要素・子孫要素ともに border を指定するときは、どちらかに position: relative を指定する。
15.出来るだけbr要素は文章の体裁を整えるために使い、レイアウトに関することには使わない。
16.li要素に width を指定した子孫要素があるときはリストマークは使わない。
17.絶対位置指定を right を使ってするときは、親要素に width または height を指定する。
18.絶対配置をするときは、位置指定を省略しない。
19.絶対配置指定した要素の後続要素に margin-left を指定するときは、親要素に width または height を指定する。
20.body要素の子要素には position: relative を指定しておく。
21.ブラウザごとの初期CSSを壊すため、全称セレクタで最低限 margin および padding を0にする。
22.body要素に overflow: auto を指定する。
23.同方向の float および margin（％指定） をしない。例えば float: left; margin-left: 10% など。
24.同要素に borde-left および padding-bottom を指定しない。
ただし、同要素に width または height が指定されている場合は指定してもよい。
25.出来るだけ float を指定した要素には width も指定する。
26.ブロックレベル要素の位置を指定するとき、WinIE6.0（互換）以下はその要素の親要素に text-align を指定し、
それ以外にブラウザではその要素に margin: 0 auto を指定する（この場合は中央揃え）。
27.連続したbr要素を作らない。
28.img要素に padding を指定しない。
29.相対配置した要素へのリンク指定はしない。
30.head要素およびその内部要素は表示しない。
31.list-style を使ってリストマークを表示するときは、li要素に相対・絶対・固定配置および float を指定しない。
32.fieldset要素に上パディングを指定しない。

こんばんは。中裏です。

最近ファイヤーワークスを使ってバナー作りをしました。
なかなか・・・写真を加工してバナーを作ったんですが・・・難しかったです。

写真を加工してやる場合は、どんな作業をしているのか、
制作側のことも知れたので良かったです。

個人的にですが、作るのは楽しかったです。
１回作りだすと、あれもこれもといろいろ試したくなってしましますね。

フャイヤーワークス便利ですね。
体験版をインストールしただけなので、
あともう少ししか使えないので残念です。

本日はこの辺で。

こんばんわ。羽田です。

以前ブログでも書きました、
ペットサロンのサイトの進行状況。

TOPのデザインが9割できあがりました。
あとは写真等の調整だけなので、ミドルも作っていきます。

だんだん完成像が見えてきて、できあがりが楽しみです。

デザインの段階でわかったことは、
・参考サイトはいろいろ見ながら使えそうなところをつまんでいくのが近道
・メインイメージも色味を合わせないと浮く
・ターゲット層を決める
・目線に合わせて重要なコンテンツから配置

目標は今週中にコーディングに入ることです。

こんばんわ。羽田です。

昨日、ボジョレーヌーボー解禁されました。

大学時代、リカーショップでバイトしてたこともあるので、
ボジョレーヌーボーの解禁日は何度か経験しましたが。

解禁までのカウントダウンポップをつくったりしましたが、
お客さんの購買欲を刺激するのは難しいものに感じます。

宣伝はむずかしいですね～

こんばんは。
広告について少し学んだ中裏です。

新聞の広告のあの小さな窓枠にはめられた広告の数々。
考える側の方々はきっといろいろと考えたんだろうなと思いました。

一瞬しか見られない紙面の広告。
もしかしたら見られることもないかもしれない広告。

考える時は、何を伝えたいのか、
そこから考えなければいけません。

広告って、奥が深いですね。
でもなんとなく、考えるのは楽しいです。

これは今実習生の立場だからかもしれません。
新聞に載せる時は、お金がかかってくるので、
気楽には考えられませんね。

本日はこの辺で。

こんばんわ。羽田です。

最近　カレンダー制作でデザインを考えてます。

その過程でロゴを作ってるんですが、
いままでロゴを作ったことがなく、正直ちょっと心配でした。

といっても、今回のはカレンダーに使うものなので、
季節・文化などのヒントがあるのでなんとかなってます。

お客様に配るものなので、クレアネットの良さがでるようにがんばります。

はじめてのことも含めて、
いろんなことをさせてもらえる環境に感謝。

お疲れ様です。中裏です。

昨日バナー作りの仕方を羽田さんから学びました。
時間がなくて自分で作業する時間はなかったのですが、
作ってるのを見ていると楽しそうだなーっと見つめてしまいました。

イラストレーターやフォトショップは少しだけ使ったことがあるんですが、
少し似た感じもありつつ。

でもそこまでイラストレーターもフォトショップも使ったことないので、
操作は見て覚えたつもりでいる自分です。

WEB制作とかでもファイヤーワークスイラストレーターやフォトショップは
使われていますが、意外と理系の研究室でも使う場面があります。

研究データのグラフをエクセルで出して、それをイラストレーターで加工したりします。
っと理系出身なので軽く語ってみました。

地道な作業になるので、そこはWEB制作とある意味似ているかもしれません。

本日はこの辺で。

こんばんわ。羽田です。

横綱　白鵬
ついに連勝ストップしてしまいましたね。

あと2勝で記録更新だったので、本人もかなり悔しかったと思います。

新聞の1面に大きく写真が載っていましたが、後ろに移ってるファンの方、半泣きでした。
自分のことのように悔しがってくれるファンがいて、すごく支持されてるんだなと思います。

1度あることは2度あるっていいますし、また白星を積み重ねる中で負けることもあるかもしれませんが、
あきらめずにがんばってほしいです。