鹿児島のWebデザイナー＆Webエンジニア｜小田聖夏のブログ

自分のサイトの１つが、ある日突然！
特定のキーワードで1ページ目から消えました。

1ページ目、2ページ目、3ページ目、、、探しても探しても見当たらない。。。。

スマホやipadではいつものように上位表示されている。
・・・な　なぜ？？？？∑(＿□＿;)ii

冷や汗がでる。。

放置していたら、スマホとipadの上位表示からも消えてしまうのだろうか・・・・？

グーグルの検索結果は、原因がみあたらなければ
数日後に戻ることもあるのだけれど、
怖くて、ま、待てない。。。

ということで、「検索結果が急に下がっちゃった時のチェック・調べ方」を再度見直し、チェックチェック。

グーグルウェブマスターにも登録しているのだけれど
そこにはペナルティーメールは何も届いてなかったので、自動ペナルティー？
・・・となると、やっかい。。。

モバイルフレンドリーをチェックしたり、セーフブラウジングを確認したり
タイトルを変更してみたり、、、思い当たること全部しつくしました。

・・・・結果。

3日後に、いつもの上位表示に戻りました！！！！
☆・ﾟ:*(人´ω｀*)ぅ｡れ｡し｡ぃ｡｡

もしかしたら、何もしなくても元にもどったのかもしれないけれど
デスクトップの検索結果のみ、トップページがインデックスされてなかったので
たぶん、やっぱり自動ペナルティーを受けてたのだと思う；

夕方に撮影しました。鹿児島神社のほとりです。池が鏡のように反射していて、綺麗だったので、思わず。

税理士事務所ホームページ制作

貿易会社ホームページ制作

今頃、、気づきました。。

Apple による Windows用 Safari の提供は終了してたんですね～；

仕上がったホームページを、各ブラウザでチェックをするとき
レイアウト崩れがなかったので、今日まで気づかなんだ。。。

今日、他のブラウザではレイアウト崩れしてないのに、
Winのサファリで見たら、レイアウトが崩れていて
最新のブラウザでは、このタグは使用できるはず！、、と思ってバージョンを調べてみたら、
バージョンが止まってた。。

【詳細】PC設定のカルマ

iPadで、見よう。。

２０２０年から小学校でプログラミングが必修科となりますね。

「塾に通った方がいいのかな？」
と心配されている知り合いのママさんがいたのですが、
家にパソコンもしくはiPadがあって、wifiが通っていましたら、お家で学習できます。

欲をいえば、１冊参考書1000円～2000円ほど、があればバッチリです

「Scratch　スクラッチ」で学習

一般的にプログラミング学習に導入されているソフトは、「scratch（無料）」です。

メールアドレスで登録すれば、だれでも無料で使用できます。
基本的にはオンラインでの使用ですが、パソコンにインストールしての使用も可能です。

https://scratch.mit.edu/

難しい言語を書くのではなく、視覚的な操作で、ブロックを積み上げてプログラムを組んでいきますので
ゲーム感覚で学ぶことができます。

他にもプログラミング学習で使用されるソフトがあるようですが、
ゲーム感覚で、本格的に近いカタチで学べるのはScratchかな？と個人的には思っています。

そもそも学校で学ぶことは・・・

そもそも学校でのプログラミング学習の目的は
プログラミング的思考を学ぶためのものであって、職業訓練で学ぶような技術的なものとは違うという記載がしてあります。

どうすれば、自分の考えたようにプログラムが動いてくれるのか、そこが重要なのです。

その思考をScratchで学べば、
今後、本格的にプログラムを書くときに、とても参考になります。
なぜなら、言語が違うだけで、同じような考え方で書くためです。

な～んて、書いている私の扱う言語は、
HTML CSS Javascript PHPといったWeb言語なので、
ゲームも作れるScratchは、勉強になります♪

ネットショップをはじめるには以下の5つの方法があります

売り上げの規模と、自身にとっての必要な機能が備わっているかどうかが選択の目安になります。
月商0～2億程度であればASPを利用し、1,000万～2億であればパッケージ、2億以上であればフルスクラッチを利用といった感じでしょうか。
チェックしたい所、例えば：デザインは？お知らせ更新は？スマホ版は？クーポン・ポイント・レビュー機能は？販売手数料は？クレジット利用月額費用は？　etc

※2017年データ

wordpress4.9の編集画面は、dreamweaverに近いものがあります～

間違ったタグを書いていると
そこにチェックが入って教えてくれます。

なんて便利なのでしょう。

今までは、一通り完成したらW3Cなどのサイトでチェックしてましたが
そうするまでもなく、すぐに表示で示してくれるので

今までは、つい誤って削除してしまったタグが原因で
いきなり画面が崩れてしまったこともありましたが
今後はなくなりそうです。

ああ～よかった。

私はヘテムルサーバーを使用していますが
今回「http」から「https」に移行の際に生じたエラーについての記載です。

ヘテムルは2017年10月より無料SSLが導入されましたが、一部ユーザーはSSLサーバーへ引越しをしなければ、使用できません。

そのため、すべてのデータをダウンロードして、SSLサーバーにアップロードしなければならないのですがその際のエラーです。

[状態]　SSLサーバーに切り替えたとたんに、500エラーがでて、ログインも出来ない状態；
[原因] .htaccess記載のphpバージョンがエラー原因

【.htaccess】
-------------------------------------------------------------
AddHandler php5.3-script .php
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
-------------------------------------------------------------
ヘテムルは今回の移行に伴いphpを5.6～のphp7.0を標準としたため、5.3がエラー原因。

.htaccessを削除すると、各ページが404エラーになる原因になるため
.htaccessのphp5.3をphp5.6に書き換えてサーバーにアップでエラー解除。

最後にhttpsへのリダイレクトタグを.htaccessに追記記載して完了

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]

FC2カートのカスタマイズ制作をしました。

FC2ショッピングカートをカスタマイズしました

照国神社近くが歩行者天国となり、
鹿児島にながら、25年ぶりに行きました。

しかも、終わり前。

お祭りに癒されるのはなぜなんでしょう。

今年こそは花火を見たい。

夕暮れどきの学校です。
綺麗だな、と思う自分と
なんだか寂しいな、という思いで
空を眺めてました。

撮影時、午後7時55分頃。

鹿児島は、まだ明るいですね。

レスポンシブワードプレスホームページ制作

ここ１週間ばかり、朝から晩まで家での作業が続き、外に出るのは、、、夜。

鈴虫の鳴き声と、涼しいそよ風と、静かな月夜は
まるで　もうこの世を卒業したかのような
いろいろなしがらみから解放されたような

自分が、何者でもないように感じて

ホッとします。

人間界に灯る”あかり”が好きな灯りフェチ。街頭や遠くに灯る家の灯りなどに癒～♪。

撮影カメラは　PowerShoto S90。

一番好きな灯りは、熊本県球磨川沿いに灯るあかり。

なんともいえない何かを感じます～

ご不便をおかけします（＿）

レスポンシブワードプレスホームページ制作

ワードプレスレスポンシブホームページを納品しました♪

トップページと下層ページのデザインが違うレスポンシブホームページ制作です。

トップページ

下層ページ

プルダウンメニュー

レスポンシブワードプレスホームページ制作

ワードプレスホームページ制作

以前ご依頼くださったお客様で、ショップ（カート）の内容を
珈琲豆販売とドリップパック専用にわけたいとのことで、２つめのショッピングカート制作の依頼を受けました。

「カート付ワードプレス」と「FC2カート」で迷われたのですが
もともとFC2を長年使用してきたので、今回もFC2での制作となりました。

販売趣旨・販売対象者などなどターゲットによっても　デザインはかわってきます。

FC2カートのオリジナルカスタマイズデザインをイメージ違いで2パターン作成して
結果、2枚目に決定し、フォントの変更と、画像の大きさを変更して設置に至りました。

ちなみにFC2カートは、今年2月ほどから、スマホのデザインも若干さわれるようになりました。
↓商品を１つだけテスト登録した画面。2つ目は右に並びます。

ワードプレスホームページ制作

名刺。

名刺は、「人」そのものです。
名刺入れに入れるまで、決して気を抜かず、雑に扱ってはなりませぬ。

雑に扱った時点で、
（ああ～そんな人なんだ～）
と、あなたの人となりを見られます。

せっかく、いい感じで名刺交換して、打ち合わせに入っても

相手からいただいた名刺の存在を忘れて、気づけばコースター替わりのようになっていたり
机下に落ちていたり、
無意識に、持っていた手提げ袋に投げ入れてみたり、

してませんか？

Ｗさんは、コースターがわりになってしまった自分の名刺を見て
（この人との取引は、ない）と思ったそうです。

なので、名刺の扱いはとても気をつけています。
無意識に扱ってしまわないように。

名刺は「その人」そのものです。

ついつい、やってしもうた。。。

Ｍさんからのご依頼で
とあるサイトのメイン画像の差し替えだけだったのに

メイン画像とサイトのイメージが全く合わなくて

つい、（ここまでなら費用は修正程度で・・・）とサイト全体のイメージを
メイン画像にあわせて若干変更したところ、

人にはやはり好みというものがあるので
Ｍさんに「だったら、ここはこうして、ああして・・・」と追加変更依頼がきて
結果的に大きなカスタマイズになりもした・・・；

費用と時間的作業対価が全く見合わない状態で、
だからといって、従来のカスタム料金を請求するわけにもいかず
自業自得とはいえ、、
精神・体力ともにやられました。。。。。＿|￣|○lll

でも自業自得なんです。はい。。。

なので、
よかれと思って、よけいな手を加えない！
ということを身に染みて理解しました。

お客様のことを想うと、誰もがついやってしまうことかもしれませんが
行き過ぎたサービスはお互いの心にあまりよい影響は及ぼさず
フリーランスは特に、精神・体力　ともに立ち直るのに時間がかかります。

依頼内容は、”それだけ”と割り切ることも大切です。

疲涙；

忙しい日々が続き、それぞれの終わり（納品）が見えてくると
ふっと、気持ちに余裕が生まれてくるからなのか、
燃え尽きてしまうからなのか、

急にやる気が出てこなくなって、ふ～～～～～～～～～～～～＿|￣|○ ＿となってしまうことがある。

最近多いぞ、、私。。。

いつも行くカフェのマスターも似たようなことを言っていた。

仕事柄？昼と夜が逆転したり、
でも　娘のお弁当を作らないといけないので６時には起きるんだけど
また、夢の世界へ～ということも、、結構、、汗汗

９時頃に、提携先から電話がきて、私の寝ぼけた声に
「朝っぱらから、お電話申しわけございません～汗」
とか言われちゃったりして、
（いえいえ、朝っぱらから。。。ではなく、問題ない時間帯ですよ(；・∀・)）
と一人、心の中でつぶやき、（こんなんじゃダメだ・・・・）と反省。。。

だったら早く寝ればいいのだけれど、夜の方がはかどっちゃうから不思議・・・

い、いや、不思議～とか言ってる場合でなく
なあなあな不規則な時間帯で過ごすのが多くなると・・・・・やる気・・・・が体の中から失せる・・・

フリーランスだから、１人作業だから
ＢＧＭ流して、たまには口ずさんでみたりして、独り言言ったりして
パソコン開いて・・・・・・・・・

(ﾉ▽ο▽)ﾉ ｵｫｵｫｵｵｵ!!

となって、やっと、エンジンがかかってくる。

やる気はやらないと出てこない。

↓こんな素敵なところで仕事できたら・・・間借り出来たら、仕事もはかどるような気が・・・・気が ・・・

昨年末、エクセルとワードの講師をさせていただきました

助講師をすることは多かったのですが
講師そのものは、はじめてで、
・・・結構、体力いりますね～汗、、ということを実感しました。

ワードやエクセルの参考書は一応あるのですが
・・・どうせなら、面白くしたいな～と思って

実践の練習で使用する資料などは、
こちらでパロディ的なもの（架空の世界の内容のもの）を ご用意　(*´罒`*)

ワードで、ドラえもんの提案した未来企画、とか
エクセルで作成した宇宙旅行のご案内、とか
みなさん、「おもしろい～」と笑いながら、私の企画にひくことなく
実技を終えることが出来ました。

ちなみに、チラシのデザインなどをワードで実践させる際、
お手本資料は、あくまでも”参考”ということを強調し、あとは皆様の好きな画像選びやお色味で、とお伝えしましたら、

皆様、創作意欲があふれでてきたようで、プロ並みのデザインをする方々がたくさんいらっしゃいました。

びっくりです。

やはり、一人ひとりにはたくさんの創作意欲があるんです！

それを、教科書通りとか、これに習って、、としちゃうことで
せっかくの”場”で眠らせてしまうんですよ、きっと。

可能な限り、その人の個性を生かせるような、
引き出せるような
そんなやり方に持っていけたら
授業でも仕事でも、ワクワクしながら素敵な何かが生み出されるのかも、と思うことでした。

写真（右）は、講座終了後の打ち上げにて♪

私は英語は好き。

でも英語はわからない。
話せないし、あまし書けもしない。

でも！！！！

HTML言語、およびCSSは世界共通語なのである！！！！！！

私が書いたタグを、
翻訳必要なくして　海外の方もわかるのである！！！！！！

これって　すご～～～～～～～～～～～～～～～～～～～～～～いよね！？

HTMLとCSSは　音楽と同じで世界共通！！

世界共通なのだ！