インターン1社目1日目(訓練61日目) [インターン日記]

今日からインターンです。

といっても、廊下隔てて向こう側に移ったというだけですが。
最初の1時間はいろいろと設定。
ローカルPCにはソフトが整っていないということで、
引き続きリモートサーバーで作業を行うことに。

その後は花屋さんのコーディング。
午後には終わりました。
途中、先生社員の方から、もう少しDIVタグの整理をしたほうがよいよといわれたので、
完成してから、リファクタリング(機能を変えずにコードを改善させる。
プログラミングで使われる手法です)を行うことに。
しかし、改善ポイントはレイアウトの関係上、
そんなに改善できないことが判明。
結果、あまり改善できずでした。

その後はお仕事をもらおうと思ったのですが、
通院や諸事情により水・金・月と休むので、
今仕事をもらっても、逆に迷惑をかけちゃうので、
お仕事もらうのは来週以降にして、
他にデザインしたものをコーディングしたり
追加デザインをすることにしました。

それでも明日は急な仕事があるらしいです。
(本当は今日入るかもと言っていたのですが
結局今日は無しでした。ということは明日急ぎだな。)。
ウェブ制作には欠かせない作業なのですが
結構地味な作業です。
がんばります。

では、また明日!




アンテナショップ ストロベリーフィールズ
ストア ストロベリーフィールズ
爪水虫 妊婦 紫外線治療器
夏フェス テント 寝袋

座学最終日(訓練60日目) [通学日記]

今日は学校の最終日。
午前中は実習の説明と諸手続きと発表。
作成した作品のプレゼンを行いました。
無事終えることができました。
プレゼン中に、課題で作ったページとは違うページも見せ、
ホームページコンテストに受賞したことを告げ
それも訓練のおかげだと話しました。
そのページが↓
バケツプリン


午後は花屋のサイトの続きと、サーバーをきれいにするため
データをUSBメモリに移す作業。
意外に時間かかりました。1時間くらいかかったかな。
帰ってきて残り容量を見たらパンパンでした。
危なかった。
もうひとつUSBメモリが必要なようです。


これで学校の全過程は終わりです。
先生ともお別れ。
ありがとうございました。

来週からは部屋を移してインターン開始です。
秘密保持の関係で、ちょっとぼやけた内容になるかもです。
とはいえ、来週の最初1日くらいは、花屋の課題の続きをするので
実習開始は来週中ごろからです。


仲間から「終わってみて充実感はありますか」と聞かれましたが、
僕はありました。
訓練開始前はイラストレーターはまったく触れない状態、
フォトショップは画像の切り抜き、リサイズができる程度でした。
Dreamweaverも触ったことが無い状態でした。
それが作品が作れるようにまでなったというのは、すごいことです。
満足してここで成長を止めるつもりはありませんし、
さらに作品を作っていこうと思いますが、
この成長はやっぱりすごいです。

ではまた来週!

コーディング課題4日目(訓練59日目) [通学日記]

今日もコーディング。
今日はカフェのメニュー画面を作成して何とか出来上がりました。
今日は1画面のみ。

ちょっと複雑な画面だったので、まぁこんな感じ?

あとインターンの最初の面談があったので、
自己紹介を考え、暗記するのに気を取られて
あまり作業進まずでした。

結局午前中は、暗唱暗唱で、手がつかずでした。

それで午後面談がありました。
面談相手は、学校を運営している会社の人。
よ~く聞いたら、インターンは最初、学校を運営している会社で実習して
そのうちに外部実習へ行く人はさらに面談をして、実習に行くらしい。

面談では、普通の面接みたいに自己紹介して質疑応答って感じではなく、
いきなりジョブカード(ハローワークが推薦している4枚組みの履歴書。
確かにいっぱい書けるし、キャリアカウンセリングもしてくれるので、
こちらのほうが良いです)と職務経歴書を見せて、
ふむふむと2、3質問を受けてから、
ポートフォリオ(作品集)を見せて、いろいろ指摘受けたという感じです。
合否があるわけではないので、これでよい感じです。
いろいろ準備して損した~という感じですが、
いずれ外部実習や就活で必要になるので、無駄ではないです。

それで、発覚したのがポートフォリオの印刷の質が悪いということ。
僕のには印刷ミスまでありました。
(機械のミスと僕自身のミスと両方ありました)。
20枚まで出力無料なのですが、それ以上はお金がかかることと、
そんな状態じゃ任せられないということで、
帰りにビックカメラへ行き、ちょっと良い目のA3の用紙と
光沢紙(A3)を買い、今自宅のA3プリンタで出力中です。
今出している感じだと、機械を操作した人にも問題あり、
原稿にも問題ありでした。
でも学校(来週からは会社になるのですが)だと別な場所で印刷なので
とにかくレスポンスが遅いし、印刷しなおしもお金がかかるというよりも
時間がかかるので、自宅で印刷できるのはありがたいです。
(しかも光沢紙はやっぱりきれい!)

今日面談してみた結果、できたらもうちょっと作品を作ったほうがよさそうです。
でも時間ないなぁ。

明日は作品のプレゼンテーションと午後は実習の説明。
来週は花屋さんのコーディングが終わり次第、
実習課題を与えられるそうです。


では、また明日!

コーディング課題3日目(訓練58日目) [通学日記]

今日もコーディング課題でした。

カフェリニューアルに取り組んで、3ページ中2ページを仕上げました。
このスピード、早いんだろうか遅いんだろうか。
う~ん、悩みどころです。

明日はカフェリニューアルの残りと、インターンの面談が1件あります。

ではまた明日!




アンテナショップ ストロベリーフィールズ
ストア ストロベリーフィールズ
爪水虫 妊婦 紫外線治療器
夏フェス テント 寝袋

コーディング課題2日目(訓練57日目) [通学日記]

今日もコーディング課題でした。

今日は高級車専門店のB案に取り組み、
無事完成しました。

実際にコーディングしてみると、デザインにあらがあり、
やっぱりできることとできないこと、
やってみないと分からないものもあるなぁと思いました。

デザイン課題でノングリッドレイアウトなんていう注文もあったけど
やっぱりWebはグリッドベースで考えなければなと思いました。
あとfloatで振り分けられる限界も感じました。
やっぱり経験してなんぼですね。
学校から渡される課題はもう終わりですが、
常に作り続けていないといけないと思いました。

明日はカフェリニューアルのコーディングを行う予定です。

では、また明日!




アンテナショップ ストロベリーフィールズ
ストア ストロベリーフィールズ
爪水虫 妊婦 紫外線治療器
夏フェス テント 寝袋

コーディング課題1日目(訓練56日目) [通学日記]

今日からコーディングです。

日付変わってしまいそうなので簡潔に書きますが、
今週1週間で、先週までデザインしたサイトを1サイト
コーディングしてサイトとして完成させる課題なのですが、

今日終わってしまいました。

たぶん今週1週間で、デザインした4サイトはほぼ終わりそうです。
みんなは来週もコーディングですが、
僕は再度デザインに戻りそう(新しいサイトのデザインをする)です。


では、また明日!



アンテナショップ ストロベリーフィールズ
ストア ストロベリーフィールズ
爪水虫 妊婦 紫外線治療器
夏フェス テント 寝袋


ポートフォリオ作成2日目(訓練55日目) [通学日記]

今日はポートフォリオ&外部実習先希望の締切日。

なのに出席率半分でした。


ポートフォリオは、略歴を作って完成。
先生のチェックが入って、いろいろ直しました。
製作時間は日数ではなく、時間が良いんですね。

今日は大半の時間をネットサーフィンしていました。
(ネットサーフィンって死語?)。
良さそうなデザインのサイトをいくつも見ました。
が、まねしてみようと思ったサイトはありませんでした。
なぜだろう。
やっぱり、作成すべき課題みたいなものがないと
漫然と見ていてもダメだということですかねぇ。
販売サイトならいくらでもネタはあるのですが、
それ以外となるとちょっと。
そのネタも蓄えないといけないですね。

これで、夏までの冊子のポートフォリオは完成。
後は、サイトにして実際のHTMLになったポートフォリオを作るだけです。
サーバーもドメインも複数あるので、どれにしようか迷い中です。
(ドメインは場合によっては新しく取るかも)。

居残り時間は、ポートフォリオには載せなかった
アジの開きの販売サイトの画像切り出しと、コーディングをしました。
ここでは話せませんが、デザインに思うところありました。
これからは気をつけたいと思います。


ではまた来週!




アンテナショップ ストロベリーフィールズ
ストア ストロベリーフィールズ
爪水虫 妊婦
夏フェス テント 寝袋




ポートフォリオ作成1日目(訓練54日目) [通学日記]

今日はポートフォリオの作成です。

ポートフォリオとは、いろいろな意味がありますが、
クリエイティブ業界では、作品集を意味します。
でもポートフォリオといった場合、単なる作品集というよりも
何ができるのか、どんなセンスをしているのかの自己紹介的な意味を示します。
通常転職活動では職務経歴書が重要なのですが
クリエイティブ業界ではポートフォリオがほとんどを決めると言われています。

今日やった作業は、主に、作品の説明を書きました。
なかなか自分のものを客観的に説明するのって難しい。

表紙を青空にして、一番最後に略歴がくるようにしました。
今日で、略歴の一部以外は出来上がりました。


それと実習先の希望表を書きました。
これで良いのかという迷いはありますが、
後は、天が決めること。


6日は略歴を完成させて出来上がりです。
すぐできそうなので、残り時間は何しよう?
ネットサーフィンをして良さそうなサイトを見て
良いデザインとかパーツがあったらコピーしようかなと思います。


では6日!




アンテナショップ ストロベリーフィールズ
ストア ストロベリーフィールズ
爪水虫 妊婦
夏フェス テント 寝袋



運命のとおりになすがままになればよいことです。

複数のバージョンのIEを確認する方法

昨日はIE9のことについて書きました。

今日はIE8より以前のバージョンの確認方法について書きます。

昨日も書きましたがIEはバージョンが変わると
表示方法ががらっと変わってしまうんですね。
サポートしている内容がだいぶ異なるからなんです。

ところが、IEは(他のブラウザもですが)、
バージョン違いは共存できなくて、1台のパソコンからは
ひとつのバージョンしか確認できないんですね。

それを解決する方法ですが、
ひとつには仮想PCソフトを使うという手があります。
しかしこれは仮想PC分のOSを持っている必要があり
現実的ではありません。
(ちなみに僕は開発者プログラムに入っていたことがあるので
XPまでのOSは持っているので、この方法が使えます)。

もうひとつは、確認する専用のプログラムを使うという方法があります。
これは、簡単なんです。
こちらをオススメします。

いろいろとソフトはあるのですが、
僕が使っているのは
・IETester
http://www.my-debugbar.com/wiki/IETester/HomePage

・Expression Web SuperPreview
http://www.microsoft.com/downloads/details.aspx?FamilyID=e6cc9b3e-7eab-4525-8322-14d7e267eb2c&displayLang=ja


です。
使い勝手はIETesterの方が良いです。
ですが、SuperPreviewはMicrosoft純正なのと、
2画面表示で、バージョン間の差異をはっきりと示してくれるので、
僕は最初と最後にSuperPreviewを使い、
修正しながらの確認はIETesterで行うということをしています。

floatとかを使っていたりするとIE8やFirefoxではOKでも、
IE7とか6ではガッタガタなんてことはざらにあるので要注意です。


ちなみにSuperPreviewは試用版ということになっていて
60日間の使用制限があるのですが、
IEの確認を使う分には、60日を越えてもまったく問題ありません。

IE9がリリースされましたね [学習情報]

今回は元SEっぽく技術系の話です。

4/26にIE9がリリースになりました。

InternetExplorerと言えば、
世界で(日本でも)一番使われているブラウザで、
特にWindowsに最初からインストールされているので、
一般の方になればなるほど使用率の大きいブラウザです。

当然普通の人を相手にする通販も、要チェックのブラウザです。

ですが。
技術系の人には不評なブラウザでもあるのです。
なぜか?
いろいろ意見がありますが、次の2点+速度に集約されます。
1.独自拡張が多い割りに、Web標準に準拠していない
2.バグ(不具合)が多い、バージョンが変わると見え方ががらっと変わる

はい。難しい内容になりましたね。
1.についてはバージョンが上がるごとに
標準に近くなってきています。
≪注目≫してほしいのは、2なんです。
バージョンが変わると、同じHTML/CSSでも
表示される内容が変わる(見え方が変わる)のです。
つまり、IE6、IE7、IE8、IE9と見え方が異なるのです。
IE8では良い表示でもIE6や7ではガッタガタになっていることは
よくあります。
しかもいろいろと理由があって、IEはユーザが
なかなかバージョンアップしてくれないのです。
アクセス解析でOS別の解析をすると、IE6、7のユーザは
まだ結構います。

つまり、自分が見ている表示と、
お客さんが見ている表示は違う可能性があるんですね。
お客さんはガタガタのページを見ているかもしれない。
これは機械損失の危機で怖いですね。

これを防ぐ方法は・・・別のテーマになってしまうので
明日お話します。


今日はIE9対策のお話です。
IE9で大きな点と言えば、

≪WindowsXPでは使えない≫

ということです。
ということは、XPをお使いのあなたはIE9で
どう表示されているか分からないということになります。
(僕もXPユーザです)。
また、自分はVista/7だからバージョンアップしたけど
XPユーザにどう見えているか分からない。

今回のバージョンアップでこんな不安がよぎります。

これに対しては、対策があります。
表示方法をIE8に合わせて表示するようにHTMLに一言書きます。
HEADタグの中に呪文のように次の一行を加えてください。
「<meta http-equiv="X-UA-Compatible" content="IE=8" />」

これでIE9でもIE8の表示方法でブラウザが表示しますので
IE8でも9でも1回のチェックで済むというわけです。
XPのユーザの人でもIE9の心配をしなくても良いのです。

是非、深い意味は追わずに、おまじないのようにお使いください。

なお、この一文後々結構重宝することになります。
というのも、現在開発版が公開されているIE10では
Vistaもサポートから外れるからです。

多分3年後はXP、Vista、7、次期OSで
またカオスになりそうな気がします。

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。