Erika Sonoda portfolio site has opened

website-screenshot

First of all, thanks for visiting my website and reading my blog!

I had planned to make the site for a long time but it never happened until now. Although I had some experience in making websites in the past, it has been such a tough work to make one from scratch with the updated technology.

I didn’t have to care about it being responsive to many types of devices 10 years ago, did I? Since smartphones are the most popular device to browse the internet these days, I had no choice but learned how to code a responsive website. Dream Weaver was very handy to code this kind actually. You can check the output with whatever screen size while coding it.

The trend of web design has completely changed. I used to use frames or Flash on my personal website. I don’t see anything like that anymore. Keeping up with technology isn’t easy at all!

These past few months, I spent all day, almost every day in front of my laptop. The worst thing is that it takes forever to find out what to fix in a long code when there is an error. Tiny mistake makes a big difference. It drives me crazy sometimes.

screenshot2

After coding the site with HTML and CSS, I needed to make an original theme for WordPress so that I can set my blog with the same design as the other pages. Without any knowledge of PHP, I followed some turtorials how to make an original theme. At first, I thought I would just use WordPress for the blog but it turned out it was easier to achieve what I wanted to do on the top page if I use PHP…

At this point, I was exhaused as I thought everything had been set up. I didn’t have much energy left to learn PHP on top, to be honest. Fortunately, there are so many plugins you can add easily on WordPress. For instance, I managed to make the contact form work without programming PHP or using CGI.

Learning how to program PHP would be fun but I don’t have time for it now. It’s high time I started making new clothes!

P.S. I have tested the operation with Internet Explorer11 and Google Chrome. If any problems occur with the other web browsers, please let me know.

まず初めに、このサイトを見てくれて、ブログを読んでくれてありがとう!

だいぶ前からずっとウェブサイトを作ろうと思っていたのがようやく実現した。前にもウェブサイトを作ったことはあったんだけど、知識が古くて、最新の技術を使って一から新しいものを作るのにはかなり手こずった。

10年前にはこんなに色んなタイプのデバイスに対応するように意識する必要なかったのになぁ。最近ではインターネットを見るのにスマートフォンが一番使われているので、それを無視するわけにもいかず、レスポンシブデザインというものを学ばざるを得なかった。こういったタイプのサイトをコーディングするのにDreamweaverはすごく使いやすかった。コーディングしてる間に、どういう出力をされるか随時好きなスクリーンサイズで見ることができるから。

ウェブデザインの流行は完全に昔と変わったと思う。私はよくフレームを使って枠組みを組んだり、Flashを使ってアニメーションを組み込んでたんだけど、そういったデザインはもう全然見なくなった。最新のテクノロジーについていくのは本当に大変。

この数か月、ほぼ毎日のようにパソコンの前で過ごした。最悪なのは、何か少しでも表示がおかしい時に、長いコードの中から間違いを見つけるのにものすごく時間かかること。たかが1文字の間違いがすごい影響するの。気が狂いそうになる時あるよ。

今回はブログも他のページとデザインを統一したかったから、HTMLとCSSでウェブサイトを組んだ後、WordPressのオリジナルテーマを作る必要があった。WordPressで使われるPHPの知識もないまま、とりあえずオリジナルテーマの作り方を載せてるサイトを参考にオリジナルテーマを作成。最初ブログだけWordPressで作るつもりが、どうやらトップページに付けたい機能がPHPの方が実現させやすいということが判明。

この時点で、もう作り終わった気分だったから、正直言って、さらにPHPを学ぶ気力は残されていなかった。ありがたいことに、WordPressには簡単に色んな機能を追加できるプラグインというものがある。私の場合、コンタクトフォームをきちんと動作させるのに、PHPを自分でプログラミングしたりCGIを使わずに、プラグインで簡単に設置することができた。

PHPも学んだら楽しいだろうなと思うけど、今はその時間がない。いい加減、新しい服を作り始めないと。

最後に、Internet Explorer11とGoogle Chromeでの動作確認済ですが、他のブラウザで何か問題があれば教えて下さい。