ひと味違うデザインをする為に

WEBデザインのコツ、僕は学校に通った訳でもWEB制作会社で働いていた訳でもないですが自分なりに研究を重ねてきました。

うまくできない。

キレイなWEBサイトを見て、どうしてこんなキレイに出来るんだと、、いつも不思議でした。
デザインがうまくなるコツって、やはりキレイなサイトから盗む。

盗む。

変にオリジナリティをだそうとせず、最初はとにかく細部まで盗む。真似る。
そうしていくつもサイトを作る。練習でですよ。
同じデザインが出来るまでデザインするんです。

すると、何となく見えて来る。。。
1pxの影があるだけてぐっとデザインが引き締まったり。
見る人に何を伝えたいか、自分は何を主張したいのか、
色の使い方。

そして僕の中で一番大事だと思うのが、
デザインの中に3つのこだわりを入れこむ事。

何でもいいので、とにかく3つこだわる。
ここをこの色にしたのは○○○だから。
ここを強く伝えたいから他とは色を変えてみる。
などなど。

バナーやボタン一つとっても一つ一つに3つのこだわりをいれる。
フォント一つとっても。

何も考えず制作したページとは、ひと味違うモノが出来るので是非取り入れて下さい。

 

たった1日でアクセスが20倍に…

サイトを制作してもアクセス数が伸び悩んで困っている人が多いかと思います。

 

ある程度アクセスがなければ解析もしにくいので困りますね。

SEO対策によって解決出来ますが、業者に頼むとけっこう高いですから

なかなか踏ん切りが付かなかったり。

 

地道な努力が必要なので即効性はないです。

気長に続ける根性がないとSEOって難しいですね。

 

色々試しているのですが、今回荒技ですがすごい方法を発見しました。

公開できないのですが、気になれば個別に聞いて下さい。

 

結構手間ですがこの手法を2サイトで試してみましたが、

1サイトはアクセスが1日で20倍以上に。

もう1サイトはアクセスが100倍近くに膨れました。

 

2つ目のサイトは元々アクセス数が少なかったのでこの数値になりましたが、

なかなかの結果です。

 

継続して行うには労力がかかります。

今回テスト運営で試したのですが結果には満足しています。

 

インターネットビジネスにおいて重要なある部分を抑える事で

180度生まれ変わる事も出来ますね。。。

 

 

SEOとか仕事環境について

SEOという技術は日々変化していて、昔は効果のあったやり方も今ではもう古い(スパムになる事も)という事もあるのは、皆さんご存知だと思います。

 

順位をあげる為にSEOをやるわけですが、検索エンジンも日々賢くなっていて、

今では個人個人の趣味やサイトの趣向などもわかるんじゃないでしょうか。

 

WEB閲覧履歴なんて蓄積するのは今の時代容易いと思いますし。

今やインターネットで電話する時代です。

サーバーにかかる負荷なんかもものすごいのですが、それに合わせて端末もどんどん

機能があがっています。

今ではPCサイトをスマホで見れますね。

まだまだ遅いな〜とか不満はありますが、、、WiFi環境ならそれほどストレス無く閲覧できます。

 

WiFiももっと普及して、電話の電波が届く所は全部WiFi環境になるといいですね!

SOHOなど、独立した人達はわかると思いますが、

 

いつでも、どこでも仕事が出来るというメリットを十分に生かすには、

どこでも快適なネット環境がある事(自分で作れる)が必須です。

 

ここは僕はまだまだ修行中ですが、ノマドスタイルを追求している人を見ると、

自分が快適に仕事出来る環境(PCや付属端末など)や効率化できるアイテムには

お金を惜しまずかけています。

性能のいいパソコンは基本的に高いので、ある程度そこそこの物を・・・と思いがちですが

ここに思い切って最高の物を取り入れる事で、処理が早い分、作業効率化が出来ますし、

時間も浮いて仕事が出来る時間が増えます。

 

という事は、結果稼ぎが増えるという事です。。。

 

 

成約率を上げる為に

サイト制作において、特にECサイトとかには有益な情報です。
記事内の漢字の比率、気にしていますか?

僕はあんまり気にしていませんでしたが、楽天など大手モールでの商品購入率を計測すると、商品説明文における漢字の使用比率が29%前後だと購入率が良いそうです。

漢字が多くなると購入率が下がってしまうようです。

漢字にできるところも、あえてひらがなで表現するのも有効ということですね!

漢字比率チェックは下記サイトが使えそうです!
http://akind.dee.cc/kanjiritsuchk-input.html

チャットでのサポート

ホームページ作成をサポートする活動、

今はメール、Skypeでのチャット、音声でのサポートをしています。

 

1〜2時間時間を作ってもらってチャットや音声でサポート。

割と好評です。

毎回テーマを一つだけ絞ってそれを徹底的に行います。

 

チャットと、音声、どちらが良いかは合わせられます。

僕も本業が有るので、チャットの方が良い時も有りますし、

会社員の方だと、周りに話しているのがわかるとイヤだという方も

いるかと思います。

 

その場合はチャットオンリーで行います。

音声の時はこちらの画面を見せながら説明したり、わかりやすそうな

説明方法をケースバイケースで行います。

 

まず、チャットだけでホームページ作成はサポート出来るのか?

という点を検証したかったので、相手の方にチャットのみでの

サポートでやります!という事でやってみました。

 

下記に、実際のチャットの流れを添付します。

途中相手方が仕事が入ったりした事もあり2時間以上かかりましたが

良いサポートが出来たかな、と思います。

この時はwordpressでの新着情報の編集方法、リンクの付け方などを

説明しました。

 

とりあえず、一連の流れを貼付けます。

※一部伏せ字にしたり、xxxにしたりしています。

 

Tokumaskype 12/01/25 12:33
お疲れさまです!
Kさん 12/01/25 12:54
お疲れ様です!
Tokumaskype 12/01/25 12:56
とりあえず、チャットでやってみましょう。
Kさん 12/01/25 12:56
了解です。
Tokumaskype 12/01/25 12:57
現在試作しているページ

http://www.●●●.jp/wp/

を開いて下さい。

開けたら教えて下さい。
Kさん 12/01/25 12:59
開きました!
Tokumaskype 12/01/25 12:59
この新着情報の部分は編集方法はわかりましたか?
Kさん 12/01/25 13:02
わかりません…。
Tokumaskype 12/01/25 13:03

http://www.●●●.jp/wp/wp-admin/

このURLがログイン画面になるので、

ログインしてください。

ログインIDとパスワードは覚えていますか

もしわからなければ、再設定するので教えて下さい。
Kさん 12/01/25 13:04
もちろん覚えてます!何度も開いたページですから。開きました。
Tokumaskype 12/01/25 13:05
OKです!

では

左側の縦に並んでいるメニューのうち、

投稿

というのをクリックしてください。
Kさん 12/01/25 13:05
できました
Tokumaskype 12/01/25 13:05
投稿の下に4つ、サブメニューが出ていますか?

投稿一覧、新規追加、カテゴリー、投稿タグです
Kさん 12/01/25 13:06
はい
Tokumaskype 12/01/25 13:06
ここの新規追加をクリックしてみてください。
Kさん 12/01/25 13:07
しました
Tokumaskype 12/01/25 13:07
タイトルを入力してください。

の部分に「タイトル」と入力してみてください。
Kさん 12/01/25 13:08
しました
Tokumaskype 12/01/25 13:08
その下に、少し大きめの枠があると思いますので、

ここに

本文を入力します。

とでも入力してみてください。
Kさん 12/01/25 13:09
しました
Tokumaskype 12/01/25 13:10
右側に、カテゴリーと書いてある箇所がありますが

わかりますか?
Kさん 12/01/25 13:10
はい。informationという項目があります
Tokumaskype 12/01/25 13:10
そうです!

その、informationの左の白い□をクリックして

チェックしてください。
Kさん 12/01/25 13:10
しました
Tokumaskype 12/01/25 13:11
もともとチェックが入っていればそのままでよいです。

OKです

そうしたら、

その少し上に、【公開】という

青いボタンがあるので、

それをクリックしましょう。
Kさん 12/01/25 13:11
しました
Tokumaskype 12/01/25 13:12
投稿を更新しました

というメッセージが黄色い背景で

表示

されていますか?

タイトル入力の上です
Kさん 12/01/25 13:13
投稿を公開しました。というメッセージです。はい
Tokumaskype 12/01/25 13:13
OKです

そしたら、

その更に少し上に、

株式会社●●● 各種繊維製品の製造販売メーカー[ AKテープ…

と記載された文字がありますが、わかりますか?
Kさん 12/01/25 13:14
はい
Tokumaskype 12/01/25 13:14
WordPress 3.3.1 が利用可能です ! 更新してください。

の上ですね。
Kさん 12/01/25 13:14
はい
Tokumaskype 12/01/25 13:14
これはクリックできる「テキストリンク」というものですが、

これを、キーボードのコントロールキーを押しながら、

クリックしてみてください。
Kさん 12/01/25 13:16
あ、新しいタブで開けるというわけですね
Tokumaskype 12/01/25 13:16
そう言う事です!

試しに、今出来た新しいタブを一度閉じてください。
Kさん 12/01/25 13:17
OKです
Tokumaskype 12/01/25 13:17
そしたら、今後はコントロールキーを押さずにクリックしてみましょう
Kさん 12/01/25 13:18
はい。普通に開きました
Tokumaskype 12/01/25 13:18
こうやって開くと、管理画面を上書きする形で開いてしまうので、

また、少し文章変えたりする時にちょっと不便です。

管理画面のページは取っておいた方が便利なので、コントロールキーを押しながら開くようにしてください。
Kさん 12/01/25 13:20
了解しました
Tokumaskype 12/01/25 13:20
管理画面では、どのメニューをクリックしても一番上に、

株式会社●●● 各種繊維製品の製造販売メーカー[ AKテープ…

というテキストリンクが表示されているはずなので

これをクリックすると実際のページを見に行って確認できるんです。
Kさん 12/01/25 13:21
この実際のページというのはweb上の実際のページですか?それとも編集中のページ?
Tokumaskype 12/01/25 13:22
実際のページです!

何かページを編集して、公開する青いボタンを押すと、

即時反映されます。

ただ今編集しているのは、

http://www.●●●.jp/wp/

という練習用のサイトですので、何をしても平気です。

http://www.●●●.jp

は実際にユーザーに公開しているもので、まったくの別物です。
Kさん 12/01/25 13:23
理解しました。web上に存在してるダミーページを現在編集しているというわけですね
Tokumaskype 12/01/25 13:24
そう言う事です!

では、ダミーページを下にスクロールしてみてください。
Kさん 12/01/25 13:24
はい
Tokumaskype 12/01/25 13:24
新着情報の箇所に

今入力した「タイトル」がありますね。

日付も今日の物になっています。
Kさん 12/01/25 13:26
はい。これに関してはhtmlで編集するわけじゃないんですね!?
Tokumaskype 12/01/25 13:26
そうですね!

タイトルというテキストリンクをクリックしてみてください
Kさん 12/01/25 13:27
関係ないこと聞きますが、このやりとりって保管されるんでしょうか?後で見直してメモしておきたいので…
Tokumaskype 12/01/25 13:27
スカイプには保存されますので、電源落としても平気です。

もし必要なら、最終的にPDFかなんかでやり方をまとめて渡します。

最終的にっていうのは、これから何度かこういうやり取りをし終わった後に、という事です!
Kさん 12/01/25 13:29
ありがとうございます!テキストリンク、クリックしました。
Tokumaskype 12/01/25 13:29
そうすると、

タイトルと先ほど入力された本文が表示されていますね!

その下にコメント入力欄などもありますが、これか今の段階では無視してください。
Kさん 12/01/25 13:30
はい。されてます。
Tokumaskype 12/01/25 13:30
OKです

そうしたら、管理画面に一度もどりましょう。

管理画面のタブに移動してください。
Kさん 12/01/25 13:31
はい
Tokumaskype 12/01/25 13:31
そうしたら、今はちょうど投稿編集画面になっていると思います。
Kさん 12/01/25 13:31
はい
Tokumaskype 12/01/25 13:32
都合良くいつもこの画面という事もないので、一旦適当にどっかのメニ●●●.jpューをクリックしましょう。

ユーザー一覧などをクリックしてみますか!
Kさん 12/01/25 13:32
はい。しました。
Tokumaskype 12/01/25 13:32
ユーザーというメニューにぶらさがっている3つのメニューのうちのひとつです。

はい

すると

4人ユーザー登録されていますね!
Kさん 12/01/25 13:33
はい
Tokumaskype 12/01/25 13:33
Kさんの名前のよこにある、

takanori というテキストリンククリックしましょう。
Kさん 12/01/25 13:34
はい
Tokumaskype 12/01/25 13:34
管理画面にログインする時の情報はここと連動しています。

takanori というユーザー名が、ログインIDです

パスワードは表示されませんが、

一番下に変更する入力ボックスがあるので、

変えたいときはここに入力して、更新ボタンを押します。
Kさん 12/01/25 13:36
はい。自分の情報のみ変更できるというわけですね
Tokumaskype 12/01/25 13:36
いえ、後の段階で説明する予定でしたが、

ユーザー一覧

を再度クリックしてください。
Kさん 12/01/25 13:37
はい
Tokumaskype 12/01/25 13:37
4人表示されていますが、メールアドレスの横の

権限 がそれぞれ違うのがわかりますか?
Kさん 12/01/25 13:38
はい。
Tokumaskype 12/01/25 13:38
管理者というのが権限としては最上位で、

簡単に言うと何でも出来る人という事です。

投稿者

というは、さっきみたいな新着情報の更新くらいしか機能を使えない人

という事です。

ホームページの中身を編集したりは出来ない人です。
Kさん 12/01/25 13:39
なるほどですね
Tokumaskype 12/01/25 13:39
今僕は、admin toiu

admin という管理者権限で入っているので、

Kさんと同じ画面ですが、投稿者でログインした人は、

操作できるメニューが大分少ないです。

はい
Kさん 12/01/25 13:40
理解しました
Tokumaskype 12/01/25 13:40
では、投稿一覧をクリックしましょう!
Kさん 12/01/25 13:41
はい
Tokumaskype 12/01/25 13:41
先ほどKさんが追加した新着記事の、

「タイトル」というタイトルをクリックします。
Kさん 12/01/25 13:42
はい。クリックするのは「編集」と同じ意味ですか・
Tokumaskype 12/01/25 13:42
そうです!
Kさん 12/01/25 13:42
わかりました
Tokumaskype 12/01/25 13:43
例えば、文字を間違えて打ってしまった場合などは修正しないといけません!

今度はさっき投稿した内容を変更してみます。
Kさん 12/01/25 13:44
はい
Tokumaskype 12/01/25 13:44
多分やり方はわかると思いますが、

タイトルという文字を例えば、

タイトルを修正します

と入力しなおし、

本文を入力します。という文字を

入力した本文を修正しました。

などに変えてみて下さい。

終わったら、更新という青いボタンを押します。
Kさん 12/01/25 13:47
理解しました。
Tokumaskype 12/01/25 13:47
OKです!

そしたら、サイトを表示しているタブに移動しましょう!
Kさん 12/01/25 13:47
はい。更新ボタンを押せば反映されるというわけですね!
Tokumaskype 12/01/25 13:48
そうです!

入力しなおした情報に変わっていますか?

多分F5キーでページ再読み込みです!
Kさん 12/01/25 13:49
変わっています
Tokumaskype 12/01/25 13:49
おお、うまくいきました。

じゃあ、文字を太くしたりするのもやってみましょう。
Kさん 12/01/25 13:50
はい
Tokumaskype 12/01/25 13:50
新着の更新は、HTMLを使用せずともできるのですが、

HTMLを使用する事も出来ます。

一旦、管理画面のタブに戻って下さい。
Kさん 12/01/25 13:51
はい
Tokumaskype 12/01/25 13:51
本文入力する所の上に小さいアイコンがずらずら並んでいるのがわかりますか?

b とか i とか link とか b-quote

とか色々です。
Kさん 12/01/25 13:52
はい
Tokumaskype 12/01/25 13:52
その上に、

ビジュアルとHTMLというのがあります。
Kさん 12/01/25 13:53
はい
Tokumaskype 12/01/25 13:53
ここで、編集モードを切り替えれるのですが、

ちょうど今はHTMLモードになっているのですが、

試しにビジュアルをクリックしてみましょう。
Kさん 12/01/25 13:54
はい。ドラッグした部分を色々編集できるわけですね。タイトルは変えられないんですか?
Tokumaskype 12/01/25 13:54
タイトルも変えられます!

たとえば、ビジュアルモードっていうのは、

みたまま編集できるモードで、HTMLがあまりわからない人向けです!

試しに、ビジュアルモードで、

本文の中の、

修正しました

という所をドラッグしてみてください。
Kさん 12/01/25 13:57
はい。
Tokumaskype 12/01/25 13:57
一旦、サイトを表示しているタブに移動しましょう!
Kさん 12/01/25 13:58
はい
Tokumaskype 12/01/25 13:58
メインメニューの、

お問い合わせをクリックします。

ホーム、会社案内、事業内容、お問い合わせ、資料請求

という上の方に横並びになっているメニューです。
Kさん 12/01/25 13:59
わかりました
Tokumaskype 12/01/25 13:59
お問い合わせに移動できたら、このお問い合わせページのURLをコピーします。
Kさん 12/01/25 14:00
はい
Tokumaskype 12/01/25 14:00
ウィンドウの一番上の方に、

https://xxx.jp/xxx/xxx/contact/

toiu

という記述

がありますか?
Kさん 12/01/25 14:01
はい。コピーしました
Tokumaskype 12/01/25 14:01
OKです!

ちなみに、このメインメニューは

ナビゲーションとか、ナビメニューとか、グローバルメニューとか

色々な言い方をする人がいるので、頭の片隅にいれておいてください。

コピーできたら、

管理画面のタブに移動です!
Kさん 12/01/25 14:02
メインメニューってお問い合わせのページのことですか?
Tokumaskype 12/01/25 14:02
いえ、

ホーム、会社案内、事業内容、お問い合わせ、資料請求
という上の方に横並びになっているメニュー達の事です。

だいたいどこのサイトも、上の方にこういう形式で

横並びのメニューを付けるのが王道です。

http://shinei-systems.net/

私のサイトですが、

上に、トップページ、会社概要〜…など

横にずらっと並んだメニューがあります。

こういう箇所の事を、メインメニューとか、グローバルメニューとか、ナビゲーションとかグローバルナビとか本や人によって言い方が違います。
Kさん 12/01/25 14:06
すいません、社長より急な用事が入ったので、一時ストップしてもらっていいですか??
Tokumaskype 12/01/25 14:06
いいですよ!

また戻ったら教えて下さい。
Kさん 12/01/25 14:07
もうしわけないです

お待たせしました!!まだ時間があれば、先ほどの続きお願いします。
Tokumaskype 12/01/25 15:33
お疲れさまです!

では、続きから行きましょう。

準備出来たら教えて下さい。
Kさん 12/01/25 15:34
できました!
Tokumaskype 12/01/25 15:34
画面はそのままになってますか?
Kさん 12/01/25 15:35
なってます
Tokumaskype 12/01/25 15:35
OKです

では、管理画面タブを開いた状態で、

本文の編集が ビジュアルモード になっているのを確認し、

本文の、 修正しました という部分をドラッグします。
Kさん 12/01/25 15:36
はい
Kさん へファイル送信中 12/01/25 15:38

xxx0125_1.jpg
216.9 KB
Tokumaskype 12/01/25 15:38
この画像をダウンロードしてください。

受信を許可するというボタンないですか?

わかりますか?

このスカイプ内に受信許可ボタンがあると思いますが、

名前を付けて保存

をクリックしてください!

OKです!

その画像に赤丸で囲ってある箇所を、

実際の管理画面ページでもクリックしてみてください。
Kさん 12/01/25 15:42
あ、その部分にリンクを貼りつけられるという意味ですね
Tokumaskype 12/01/25 15:42
そうです!

リンクを新ウィンドウまたはタブで開く

というところにチェックを入れると、

そのテキストリンクをクリックした時に

コントロールキーを押しながらクリックした時と同じ動きになります。

基本的に、同じサイト内で移動させる場合はチェックしなくていいです。
Kさん 12/01/25 15:43
それは外部の人が見たときにどのようになるか?をここでプログラムしておく、という意味ですね
Tokumaskype 12/01/25 15:44
そう言う事です!

ホームページ作成のルールとして、

クリックした時に新しいタブを開いて表示させるのは、

全然違う人のページへ飛ぶ場合のみです。

例外もありますが、基本的にはそう覚えて下さい。
Kさん 12/01/25 15:45
たしかにそんな感じですね!よくわかりました。
Tokumaskype 12/01/25 15:45
はい^^

では、それ更新の青いボタンを押しましょう。

それで、

更新の青いボタンを押しましょう。
Kさん 12/01/25 15:46
リンクは貼らなくていいんですか?
Tokumaskype 12/01/25 15:46
おっと!

さっき、お問い合わせページのURLをコピーしたままになっていると思いますので、
Kさん 12/01/25 15:48
わかりました。
Kさん へファイル送信中 12/01/25 15:48

xxx0125_2.jpg
42.9 KB
Tokumaskype 12/01/25 15:48
この赤丸部分に、貼付けてみて下さい。
Kさん へファイル送信中 12/01/25 15:49

xxx0125_3.png
58.0 KB
Tokumaskype 12/01/25 15:49
こうなります。
Kさん 12/01/25 15:51
理解しました。本文の一部が問い合わせページにリンク反映されました
Tokumaskype 12/01/25 15:51
OKです!
Kさん 12/01/25 15:52
ただ、これは新着情報のリンク先のそのまたリンク先ですよね?
Tokumaskype 12/01/25 15:52
そういう事です。

新着情報に、新しい○○商品という商品を追加

しました!

などの情報を記載した時に、

商品の紹介ページなどへ飛ぶリンクをこうやって付けておくと

見る人にとって便利なサイトになります。
Kさん 12/01/25 15:53
理解しました。

ただ、今までのたとえば『ノンスリップテープ』の紹介ページを追加

みたいな感じにしたいなら、タイトル自体の一部にリンクを貼ればいいんですね?
Tokumaskype 12/01/25 15:54
いい質問です。

今日教えた方法は、トップページの新着情報にあるテキストリンクをクリックすると、

新着情報の文章が記載されたページへ飛ぶ、

という流れですが、

おっしゃるとおり、

ノンスリップテープの紹介ページを追加

という新着は、クリックすると直接商品のページへ飛びます。

これは、

2011年9月22日

より以前の新着情報は、プログラムで制御していません。

実際にトップページのHTMLを手作業で修正する必要が有りますので、

これだと不便だな、という事で

今回のような形式にしています。

ちょっと待っていて下さい。

わかり易く言うと、今後サイトをリニューアルした際は、

こういう風になります。

トップページを

F5キーで再読み込みしてください。
Kさん 12/01/25 15:59
はい
Tokumaskype 12/01/25 16:00
新着情報のところを見てみてください。
Kさん 12/01/25 16:00
以前のものが消えました
Tokumaskype 12/01/25 16:00
はい!

今までの流れだと、新着情報の更新するだけで

面倒な手続きをいくつか踏まなければならなかったのですが、

これからは、管理画面で先ほどのように入力するだけで

完結するようにしましょう。

HTMLがまったくわからない人が緊急対応する際も、

何とかなります。
Kさん 12/01/25 16:02
以前のようなリンクの貼り方は無理ということですか?
Tokumaskype 12/01/25 16:03
無理です!
Kさん 12/01/25 16:03
以前の方が気に入ってたんですが、無理なら仕方ありません。
Tokumaskype 12/01/25 16:03
そうですか?

どうしても以前の形式にしたいのであれば、そうします。
Kさん 12/01/25 16:04
どうしても…というわけではないですが、難しいのであれば妥協します。
Tokumaskype 12/01/25 16:05
ちょっと待ってみて下さいね
Kさん 12/01/25 16:06
いえ、難しいというのは、僕が編集する際にあまりに面倒くさい作業になるのであれば、これでもいいです、という意味です。
Tokumaskype 12/01/25 16:10
ちょっとカスタマイズしてみます。

イメージ的にはこんなこんな感じですね。

F5キーで更新してみてください。
Kさん 12/01/25 16:16
あ!いいですね
Tokumaskype 12/01/25 16:18
この場合、本文が表示されますが

本文があまりに長すぎるとちょっと見栄えが悪いので気をつけて下さい。

たとえば、、、
Kさん 12/01/25 16:19
タイトルは閲覧者には見えない、という感じですね
Tokumaskype 12/01/25 16:19
そうです!

タイトルを表示させる事も出来ますが、本文までをトップページで表示させるなら、色々方法があります。

いったんトップページでF5キーをお願いします。
Kさん 12/01/25 16:20
!!
Tokumaskype 12/01/25 16:21
わかりますか!

本文が長くなる場合には、このようになってしまうので、

対策としては、、、
Kさん 12/01/25 16:21
了解しました

ちなみに新着情報は古いものから消えていくのですか?(別に消えてもいいですが)
Tokumaskype 12/01/25 16:23
そういう事です。

ただ、トップページには

今5件表示していますが、

古い物はトップページからは消えますが、

データとしては残ります。

過去の新着情報一覧

のような表示をさせる事も可能です。
Kさん 12/01/25 16:25
どのページで設定させるんですか?
Tokumaskype 12/01/25 16:25
データ自体は、管理画面の

投稿一覧

を押すと今まで更新した新着がすべて表示されます。

一度投稿すれば、管理画面で消さない限りは

データは残ります。

サイト上で表示させるように設定するのは

プログラミングしないといけないので、すぐにはできません。
Kさん 12/01/25 16:27
つまり、トップページのhtmlのどこかをいじればいい、ということですか。
Tokumaskype 12/01/25 16:28
そうですね!ここは今後ご希望であれば教えますが、ちょっと難しいです。

ちなみに、トップページでF5を押してみてもらえますか?
Kさん 12/01/25 16:28
では、後の機会に…。
Tokumaskype 12/01/25 16:28
そうですね笑
Kさん 12/01/25 16:28
今まで教わったようなことも

htmlで入力しないといけないと思ってたので、思ったより簡単にできそうです
Tokumaskype 12/01/25 16:29
そうですね!それがこのシステムの強みですね!

新着情報の表示の仕方は色々カスタムできるので、

こういう感じにしたい、というのがあればそれにあわせて変更できます。
Kさん 12/01/25 16:31
はい。そのへんは色々やってけば自分でもカスタマイズできそうです
Tokumaskype 12/01/25 16:32
そうですね!カスタマイズの方法は、おいおい教えて行きます。

とりあえず、今は本文をそのまま表示するように戻しておきます。

あ、一度管理画面に戻って頂けますか?
Kさん 12/01/25 16:32
はい
Tokumaskype 12/01/25 16:32
投稿一覧 を押して下さい。
Kさん 12/01/25 16:33
はい
Tokumaskype 12/01/25 16:33
タイトルを修正します

という記事を

編集する画面にいってください。
Kさん 12/01/25 16:33
はい
Tokumaskype 12/01/25 16:33
今、本文の入力はビジュアルモードになっていますか?
Kさん 12/01/25 16:34
なってます
Tokumaskype 12/01/25 16:34
では、これをHTMLモードに変更してみてください。
Kさん 12/01/25 16:34
はい。html化されるわけですね
Tokumaskype 12/01/25 16:34
何かコードが記載されていますね。

そうです。

ビジュアルモードは自動でHTMLを記入してくれるモードなので、

実際に内部的にはHTMLが書かれています。
Kさん 12/01/25 16:36
お問い合わせページへのリンクですね
Tokumaskype 12/01/25 16:36
そうです。

新着情報の投稿などであれば、ビジュアルモードで十分です。

Kさんの好きな方で更新していけば良いです!
Kさん 12/01/25 16:37
了解しました。これであればどちらでもいけます
Tokumaskype 12/01/25 16:38
OKです!

では、最後に一件新着を適当な文章で更新してみてください。

新しく追加という事です。

出来れば適当なページへのリンクを貼った本文を書いてみましょう!
Kさん 12/01/25 16:40
はい。ちょっとまってください

はい。できました。ここまではOKです
Tokumaskype 12/01/25 16:42
パーフェクトです!

新着はこれでOKですね!

新着情報で何か特殊な事、例えば画像を載せるとかそういう事をする場合はまたその都度教えます。
Kさん 12/01/25 16:44
とりあえず、新着情報でそこまで凝るつもりはないです
Tokumaskype 12/01/25 16:44
OKです!

どうでした?このくらいの事なら実際に会わなくても出来そうな感じしませんか?
Kさん 12/01/25 16:45
そうですね。

もしくは

ソフトバンクを使っているのであれば、音声だけでもあった方が

随分効率よく進むと思います。
Tokumaskype 12/01/25 16:46
わかりました!
Kさん 12/01/25 16:46
ソフトバンク間は、たしか昼間は無料だった気がするので
Tokumaskype 12/01/25 16:47
チャットで聞かないといけない状況を想定していたのと、

次回音声で教えますが、

どちらがわかりやすいかを体感して欲しかったんです。
Kさん 12/01/25 16:47
なるほどですね
Tokumaskype 12/01/25 16:47
先にわかりやすいと思われる音声をやっちゃうと、

チャットで教える時に多分イライラするので笑
Kさん 12/01/25 16:48
実は電話が入ったり、しょっちゅう邪魔が入るという

別の問題もあることが見えてきました(笑)チャットだと

 

↑以上です。

2時間どころか3時間以上かかっていました笑

まあ、初めてのサポートという事もありましたが、

手厚くサポートしているのがよくわかるかと思います。

相手によっては、メールだけでのサポートにもなります。

 

全てケースバイケース(Case By Case)となります。

 

興味が有る方、ヤフー知恵袋では聞き難い事などもご相談ください。

ただ、ホームページ制作を本業としている方などはご遠慮ください。

僕も時間を割いてサポートしています。

あくまで初心者レベル、中級者レベルになりたい方、

独立したけどあんまり仕事がとれていない!等の方のみを

対象とします。

画像圧縮しても画質がそのまま!?

WEBに設置する画像ってどうしてもデータサイズを小さくするので、

元画像がどんなに綺麗でも画質が悪くなりますが、、、

 

このWEBサービスを使うと

 

@無料で

 

@スピーディに

 

@とっても美しく

 

 

画像を圧縮出来ます。

う〜ん、、、実際にやってみてびっくりしましたが、、、

 

すっごい。

 

パッと見そのまんまですもん。

 

これは使えますね!

 

http://www.jpegmini.com/main/home

是非ご利用ください。

 

ちなみにMacだとアプリでもこういう類いのあるみたいですが、

自分の環境だと上手く動作しなかったのでとりあえず、紹介は保留しときます。。。

HTMLやCSSの本を読み終えたら、どうするの?

よくWEBでHTMLやCSSの本はどれを読んだらいいのですか?という質問をしている人を見かけます。

 

私自身はもう、何冊も本を読んできましたし、本を読む事は確かに有益なんですが、

デメリットがあります。

 

・本は、貴方向け(専用)には書かれていない。

・最後まで読み切る前に飽きる(人が多い)

・何冊も買うとお金がかかる

 

大体大ざっぱに上記3点があります。

 

わからない事って人それぞれで、その人に合った説明が必要です。

初心者でも専門用語を使われても平気な人も入れば、気を悪くする人もいるでしょう。

 

この辺りは本を書く側も限界があるので、本では伝えられない部分ですね。

 

僕が思うに一番良いのは、「成功者の意見を聞く。」という事です。

 

実際にプロの人、WEBの仕事で生活している人にノウハウを教えてもらうのが一番です。

 

と言っても、そういう「稼いでいる人」というのは捕まえるのが難しいです。

 

発見できても、「稼いでいる人」と「稼いでいない人」の1時間の価値が全く違います。

ボランティアで教えてくれる人を探すのはほぼ、不可能に近いでしょう。

 

しかも、知らない人同士なので教えて欲しくても、自分が何年もかけて得たノウハウを気軽に教えるなんて

なかなか出来ないです。

 

 

こう言った事を言うと、

「あ、貴方も教える時にお金を取るのですね!」

と思われるかもしれませんが、

 

「僕は、取りません。」

 

なぜ?無料で?裏はないの?

 

と思われるかもしれませんが、

 

「何もありません」

 

と応えるしか無いです。

 

というのも、これには理由があって

・今後何年も無料でサポートするとは言い切れないという点。

・人数に限りがあるという点

・真剣な人しか教えたくないという点

・人に教えるのが好きなので、将来教師にでもなってセミナーをやってみたいから、

その経験になるから、という点

です。

 

僕にとってもメリットがあります。

「経験」が出来ます。

 

それによって喜ばれたり、うまく行く人や稼げるようになる人が出て来たら嬉しいです。

それだけです。

 

HTMLやCSSの本、何を読んだらいいの?

 

好きな本を読んで下さい。

 

予算に合った、貴方が理解し易い形式で書かれている者を選んで下さい。

イラストが多い者がわかりやすければ、それを選択すればいいのです。

でも、それを読み終わったらどうしますか?

 

次に読む本を教えて下さい。

読み終えましたが、内容が全部覚えられたか不安なので、もう一度読んでみます。

 

この繰り返しです。

 

最初にも書きましたが、本を読むのも大切ですが、もっと効率的に勉強する事が出来ます。

是非、勇気のある方は僕にアクションを取ってみて下さい。

僕も正直、名前と顔写真を出してこういう事を始めているので、覚悟してます!

 

サポート出来る人数や期間は現状では謎です。

僕も生活があるので本業をやりながらのサポートになりますので

どれだけの人達をサポート出来るかが謎だからです!

一人でも多くの方からのアクションをお待ちしています。

世代間格差の問題点を真剣に考える

今での50歳、60歳の人と比べ今の子供たちは生まれながらに格差があります。

この世に生れ落ちた瞬間に1億円の生涯収入の差があります。

 

進む高齢化社会、下がる所得、ますます住み難くなるのではと思います。

安定だと思われているサラリーマンも危ぶまれますね。。。

 

この記事はとても感じるものが有ります。

http://blogos.com/article/23593/?axis=&p=1

 

自分がどれだけ周りに良い影響を与えて行けるか未だ謎ですが、

少しでも多くの方を幸せに出来れば、、、少なくともそういうきっかけを与えられたら良いなと思います。

 

 

ホームページ制作を学びたい、でも学校に行けない、一人で勉強しても続かない…

そんな方に今なら無料サポート行っております。

是非僕に向かってアクションを!


 

エクセルはCSVが苦手?

商品登録など、膨大なデータを取り扱う時にCSVを利用する事が多いです。

ただ、このCSVを編集する時にエクセルを使うとなかなかうまく行かない事が多いようですね。。

 

自分の経験からの判断ですが、今までCSVの扱いには苦労して来ました。。。

 

CSVの編集はおろか、新規作成なども失敗しまくり。。。

 

どうにかしようという考えを捨てて、そもそも編集するソフト自体を変えようという判断にしました。

 

僕はMacを使用しているので、専用のアプリとかも試しながら、

一番良いと感じたのが、OpenOfficeでした。

 

この機能が無料。最高です。

しかも動作もスピーディで処理速度でストレスを感じた事が無い。

 

エクセルとの連携でもストレス無し。

 

仲間がCSVで悶絶しているのを見ると、僕はOpenOfficeを薦めています。

 

Office系はマイクロソフトのが一般的ですし、入れておくべきだと思いますが、

基本的に使っているのはOpenOfficeです。

 

お客さんから贈られて来たエクセルやワードもOpenOfficeで開きます。

 

ただ、若干レイアウトがズレる場合が有るのでデリケートな資料なんかは

エクセルなどで開いて中身を一度チェックしとかないと危険です。

 

以前、エクセルで作成されたサイトのワイヤーフレームを受け取ってそれを元にデザインし、

コーディングするという対応をしていたのですが、その時は金銭的な問題でマイクロソフトの

Officeを買えないのでOpenOfficeでワイヤーを確認しながら作業していました。

 

完成して、納品しチェックしてもらうとものすごいクレームが来てビックリ。

客:「指示書(エクセルのワイヤー)に書いてあるボタンや文章が一部、入っていない!ちゃんと確認したんですか!」

との事。

その時は、すぐにファイルを開き直して確認し、

僕:「表示されたとおりになっています!」

客:「なってない!」

 

のやり取りに。

この時、もしかして。。。と思って、自分以外の端末(Officeが入っている奴)でみると、

 

げ…

 

OpenOfficeで開くと表示されていないボタンや文章が出て来るではないか…

 

身の毛のよだつ思いでした。。。

 

結局はその仕事はしばらくして打ち切りになり、悲しみに暮れました。

まあ、今思えば良い経験ですね。

 

お金を貰って仕事をするという事はどういう事かというのを感じました。

 

ブラウザチェックでもどのブラウザで見ても1pxでもズレているとおしかりが来る

厳しいクライアントだったのですが、あの時の経験が無かったら今の僕は無いな、とも思えます。

 

どのブラウザで見ても1pxもずれないようなクロスブラウジングって、安い報酬でそこまでやっている

WEBデザイナーっていないんじゃないかな。。

 

大体が、「どのブラウザでも、ほぼ同一になっていれば良い」位ですよ。。。

 

5pxも10pxもずれてたら、それは良くないですが、1pxともなるとどこがズレているかまず調査出来ないですからね。

 

ちょっと話それましたが、編集するソフトは複数持ち合わせた方が得策という事です。

CSVの取り扱い一つで仕事、信頼関係にヒビが入るとも限りませんからね!

 

 

HTMLの勉強?ホームページ作成の勉強?

ホームページの作り方をこれから覚えようという方は多いですが、どんな勉強をしていますか?

HTMLの初歩から学べる本…そんな本を買って勉強しますか?

ホームページソフトと一緒に使い方の本を買って勉強しますか?

だいたいホームページをこれから作ろうとする方が、HTMLやCSSを初歩からまなぼうと思っても続かないんですよね。。。

僕は今でこそホームページ制作会社をやれていますが、もちろんまったくHTMLがわからない時期もありましたし、
CSSが難しく感じていて使いたくなくてわざとtableレイアウトで組んでいたときもありました。

HTMLの初心者向けの本とか、ホームページの作り方入門編、みたいな本も山ほどかって読んできましたが、
ああいう本は結局、初心者にとって本当に有益な部分というのは最初の10ページか20ページくらいまでですね。

あとの数百ページは、なぜか急に新しい専門用語を使い始めたり。

一見、階段を一段一段上っていますよ〜的な雰囲気をだしつづも、「は?」というくらいの2〜3段飛ばしで進んでいるときがあります。

でも、作り方を知らない人からしたらそういうのも気付かず、わけがわからないまま本を読み続けて半分か三分の一くらいまで来た所で「あ〜頑張ったぞ!今日はこのくらいにしとくか!」と休憩したつもりが、そのまま棚にしまいっぱなしのゴミとなるのがオチです。

というか僕がそうでした。。。

で、また1〜2ヶ月たってまたその本の続きから読もうと思っても、内容を忘れているからまた最初から読む?と思っても何だか振り出しに戻る感じで気が乗らない。

結局本屋へ行って新しい本を買って勉強。

で、途中でヤメる。

の繰り返しです。

もちろんこの方法もナシとは思いません。
着実にスキルアップはしています。
このペースで行けば、10年くらい続ければちょっとしたホームページくらいは作れるようになる「かも」しれません。

長い道のりですが、頑張るしか無いですね。。。

これからホームページを勉強したい。
自分で作りたい。
ホームページ作成で独立したい。

こんな野望を持っている方達に取ってはオススメの勉強法とは思えません。

10年もかけたら…

30歳で独立を考えている人からしたら、遅すぎるし、このやり方はオススメしません。

多分数年で作れるようになっても月収5万円くらいが限度じゃないかな…

へたくそな勉強方法に時間を費やすのは自分くらいで良いです。
真剣に考えている人にその時間はもったいないです。

てっとり早く作れるようになる方法、ではないですが、
がっつりどっぷり浸かって周りの誰もやっていない方法でスキルを磨く事が出来る方法を教える事ができます。

しかも、制作会社をやっている僕がサポートします。

僕はこれまで何十冊、百冊は行っていると思います。
そのくらい本を買いました。

もちろん制作ソフトも買いました。

パソコンも。

でも教室には通っていません。

全部独学です。

そして今、ホームページ制作で生活しています。

結婚もしました。

僕の収入で養っています。

独立してから1000円稼ぐ事の難しさを知った。。。

初めて稼いだ10万円。。。

自分には無理だと思っていた100万の壁を突破。。。
(まだまだ不安定な為、安定的に100万以上は今も理想としています)

初めて受注した時の興奮。。。

受注するまでに1年以上かかりましたけどね。。。

これぞノウハウ!というのは本には載っていません。
基本的にそういうのは皆隠したがりますから。

もしそんな本が見つかったら太鼓判でオススメします!

ホームページを作りたい、真剣に独立を考えている。
独立したけど稼げない。。。

そういう人をガポガポに稼げるように。。。とは言えませんが、
少なくとも僕と同じ水準まで上がれるように手を差し伸べる事が出来ます。

惜しげも無く教えますよ!

こんな制作会社、日本に僕だけじゃないかな(笑

興味がある方は是非、僕に向かってアクションしてみてください。

 

ホームページの作り方無料徹底サポート実施中!

スカイプやメールで教えます。softbankの方なら電話も可能です。

人数制限は特にしませんが、キャパオーバーを感じた時に一旦閉め切ります。