Monthly Archives: 7月 2013

こんにちは、室です。

気が付いたらインターンが始まって一週間以上経っているうえに、七月も終わりになっていたので、作業に没頭していると本当に時間が過ぎるが早く感じます。

 

本日も近場の取引先へ納品をしにいく用事があったのですが、重いダンボール数箱だったので車を借りていくことになりました。

その車内にて、運送業者に頼むと高くつくけどレンタカーを借りて自分で運びにいくなら安くなるうえに、駐車場側も空いたスペースを活用するためにレンタカーを始めたという話を聞き、いかにして料金を安く抑えるか、また利用客を増やすかということの参考になりました。

特にレンタカーの話は、最近は車を所有する人が減っているので、その人たちに対して非常に有効的なサービスが作られたなと感じるとともに、私も何かお客様の気を引くことができるようなサービスをいずれ作らねばとも思います。

 

会社に戻ってからの作業はスマホサイトの作成の続きで、メールフォームの方は一通り正常に動かすことができましたが、後々のメンテナンスのことも考えると、やはりソースコードの短縮や見やすく修正することにこだわってしまいます。

2つ目以降のサイト制作も進めることになりましたが、1つ目のサイトと構成はほぼ同様であるので、1つ目のサイトほど時間をかけてしまうようなことはなさそうです。

こんにちは、室です。

 

本日は、phpとjavascript両方を使用したメールフォームの作成を行っておりました。

メールを送信する処理はjavascriptでは出来なかったので、名前やメールアドレスなどを入力するボックスの間違いチェックや送信後のダイアログ表示はjavascriptで、メール送信はphpで行うという、互いにできないことを互いに補っていく処理を作成することなり、知らない命令を覚えなければいけないこともあって難しかったですがやりごたえもありました。

 

また、社内の作業だけでなく、取引先との用事があったので、実際に出向いてきました。

梅田や淀屋橋付近へ行くときはいつも電車でしたが、今回は自転車をお借りして移動しました。

別々の場所にあると思っていた街同士が実は近くにあったのに気づいたり、別の街に入れば雰囲気が急に違ったり、そもそもあまり探索したことなかったので、なかなか新鮮に感じられました。

いつも電車で行くところに、たまには自転車で来るのも悪くないと思います。

室です。インターン開始から一週間経ちました。

 

先週から引き続きスマホサイトの制作を進めており、まず1つ目のサイトに含まれる全ページ分のhtmlは出来上がりました。

しかしお問い合わせフォームのページにて、メールを送信する処理はまだ未作成であり、方法を調べてみたところjavascriptやjQueryだけでは出来なさそうだったので、別の言語を覚える必要が出てくるかもしれません。

 

また社員の方と、最近話題のLINEを登録してみました。

互いに登録したユーザ同士で会話する程度だと思っていたのですが、タイムライン機能もあったので、公になるtwitterやfacebookなどと対象的に、身内のみのSNSとして利用したい場合にも使えそうでした。

Webの仕事に携わる者として、流行のサービスにはとりあえず触れておく必要があると思いました。

室です。先日までデザインを作成していたスマートフォンサイトを、実際にコーディングしておりました。

古いブラウザが使われるかもしれないPCサイトと違って、スマートフォンはそれ自体ほぼ新しいものでありブラウザも新しいものなので、画像を使っていた箇所をCSSで再現したり、より整頓されたコードに仕上げていけると思います。

でもそうしようと心掛けるあまり、試したことのない手法を試してはうまくいかないを繰り返し、デザイン作成のときには単純な構成だと思っていたものに、予想以上の時間がかかってしまいました。

しかし何度も考えながら作っていった結果、テキスト領域の下に二本の線を色違いかつ間隔を空けてつけたり、複数行のテキストを左寄りのまま横幅設定なしで中央に自動で配置させたりなどを、少ないタグ数で作ることが出来ました。

新しい手法を覚えることができたうえに、一度作れたものを次はすぐに再利用したりさらに応用させたりできると思うので、残りのページも出来るだけ早く完成させるようにしたいです。

こんにちは、室です。

本日は、お客様が使われているサイト2つの修正を、指示書の内容に従ってコーディングしておりました。

 

1つ目のサイトは。初めはそれほど難しくない内容かと思っていたのですが、かなり古くに作られたサイトなのか、隙間を空けるのに改行を複数挟んでいたり、テキストにスタイルを適用するのに、テキスト全体をspanタグで囲っていたりと、指示された修正点以外にも直したい箇所が多々ありました。

もしいっぱい時間が有れば、最近のサイトのようにHTML側の書き込み量が少なく、後からでもメンテナンスがしやすいコードにしてみたいとも思いましたが、古いブラウザでサイトを見ているお客様もまだ多いと思われ、それに合わせたコードで作っていかないといけないのが悩ましかったところです。

また2つ目のサイトでは、テキストを指示どおりに変えてみたら枠からはみ出したり、リンクテキストとリンク先のページ名に食い違う点があったりなど、思うようにいかずページデザインを組みなおしたり別の文章に変えたりする必要が出てきました。

指示どおりにいかなくなった場合、なるべくその都度相談をして別の方法を考えたり、相手に考えてもらったりする必要があると思いました。

こんにちは、室です。

昨日に引き続いて、2サイトのスマートフォン版のデザイン製作を行っておりました。

 

1つ目のサイトのボタンのデザイン作成中、サイトの内容的にあまり派手なものにはできないと思ったので、薄い色にしてみたところ、形がほぼ四角に近かったこともあって、ボタンとわかりづらいものになってしまいました。

サイトの雰囲気を崩さずに、ボタンだと認識できて強調されすぎないものにするのに苦労しました。

また、ボタンに貼り付けるアイコンもどのようなものにするべきかも悩みました。

1つ目のサイトには、PC版のメニューに白抜きのアイコンがあったのでそれを参考にしましたが、白抜きなので作ることは簡単な分、何の形が認識できるようにしないといけませんでした。

もう1つのサイトは、PC版にもアイコンがなかったので既存のものから参考に出来るものがなく、何をモチーフにしたものを配置するべきか、白抜きにするか色のついたものにするか、現在考え中です。

 

お疲れ様です、室です。

本日の朝頃、先日作成したサイトに修正を行いました。

修正内容としましては、テキストにフォントを適用することと、ボタン画像にマウスオーバー処理を入れることでした。

マウスオーバーは、インターン前の課題作成でも行ったことがあるので、すぐに入れることができました。

フォントの方も、本来ならすぐに入れられるはずでしたが、サイトを表示してもフォントが元の状態から変わらずで、その後ソースコードをよく見ると、自動折り返しかと思いきや改行が変なところで入力されていたので、それにより正しく動作していませんでした。

誤入力を見落とさないように気をつけたいと思います。

 

午後には既存のPCサイトをもとに、スマートフォン版サイトのデザインを作成する作業を行いました。

元のサイトのイメージをなるべく残そうと思って作っていくものの、ボタンが強調されすぎたりと、全体のバランスを崩さないようにするのは、やはり難しいと思いました。

画面の表示面積も限られるので、どの項目を残しどの項目が不要か、またどの項目を優先させるか、ボタンは押しやすいかどうかも、考えないといけませんでした。

現在は1ページのみ作成しましたが、他のページも使い勝手に不満が出ない出来に仕上げるようにしたいです。

 

本日からインターンに参加させていただきました、室と申します。

面接のときは異様に緊張してしまいましたが、本日は落ち着いて取り組むことができました。

 

本日行った作業は、自己紹介の作成や適正テスト、トリミングやコーディングの作業でした。

適正テストは、問題を解くのに制限時間が厳しいものがあったので、急いで解くことが求められました。

トリミングの作業は、写真から人物だけを切り抜くというもので、以前はphotoshopで人物の周りを消しゴムで消していくという手法を取っていましたが、手間がかかるうえに後戻りできない恐れがあったため、illustratorで人物の周りをパスで囲ってからマスクをかける手法を教えていただき、こちらの方法で作業を進めました。

コーディングの作業は、特に複雑ではないページであったうえに、webの作業ならコーディングが得意であるため、特に苦労する場面はありませんでしたが、いつも思った以上に時間をかけてしまうため、時間短縮も出来るようになりたいところです。

 

明日もよろしくお願い致します。