webデザイン初心者|sometimes study

webデザイン初心者の私が一人前になるまでの記録。webデザイン(Illustrator・Photoshop)・webサイト制作(HTML・CSS・JavaScript・jQuery・PHP・WordPress)を中心にお勉強中。

職業訓練校を卒業してwebディレクターになりました

f:id:serinaishii:20160107134552p:plain

 

明けましておめでとうございます。

訳あって約1ヶ月ぶりのブログ更新となりました。


webディレクターになりました

実は、昨年11月一杯で職業訓練校を退校して、12月からコーディング専門の会社でwebディレクターとして就職が決まりました!!

 

訓練期間はあと半月残っていたのですが、就職先が決まったので途中退校という形になりました。

 

webフロントエンドエンジニアを目指して学校に通ってたけど、世の中の動きと日本における需要の関係でディレクターになることにしました!

 

いま7年目のベンチャー企業から、昨年の春頃に独立した子会社で働いています。

 

f:id:serinaishii:20160107135142j:plain

 

↑ 動物園みたいなエントランスの会社でお仕事しています!!

 

周りが出来る人ばかりで、日々目まぐるしく吸収・成長できる環境でとてもありがたい。私も私の持ち味を活かしてがんばります!!


このブログは引き続き更新します

今は仕事が始まったばかりでなかなかブログを更新する時間もとれないけど、慣れてきたらまたちょこちょこ更新していきたいと思っています。

 

そしてこんなに放置してしまっても、毎日一定数の方が見に来てくださってることにすごく驚いています!ありがとう。愛してる!!!

 

ブログ見てるよー!為になったよー!ってあちこちからお声がけいただいて、とってもとっても嬉しいです。

 

ディレクターといってもコードをいじることは多々あるポジションなので、これからも最新技術を追いかけ続けます。

 

  • webサイト制作における便利ツールの紹介
  • IllustratorPhotoshopの小技などデザインに関すること
  • 初心者向けなjQuery系の動きのこと
  • CSSでも簡単にできるアニメーションのこと
  • 職業訓練校を知らない人の為の"職業訓練校とは"的な記事
  • 紙のポートフォリオを作るときのポイント

 

などなど

 

少し考えただけでも記事にしたいことは山積みなのです。

 

これからは無理せずマイペースに更新していきます。


私はこの半年で人生が変わりました

って書くとなんか怪しい勧誘みたいだけど、そういうんじゃないです!真面目よ真面目。

 

半年前に前職を辞めて、未経験だけどどうにかweb業界に就きたくて職業訓練校に通い、念願のweb業界にジョインすることができました。

 

そんな私はもう20代後半。

 

『新しいことに挑戦するなら今しかない!』ってあの時に思い切ったことを、今ではとても良かったと思ってる。

 

小さい頃から絵を描いたり工作をしたりっていうクリエイティブなことが好きで、同じことを繰り返す事務職に飽き飽きしてたから。

 f:id:serinaishii:20160107135450j:plain

 

f:id:serinaishii:20160107135456j:plain

 

また学生に戻るって恥ずかしいことじゃない。学ぶことに一生懸命になれる環境って本当に素晴らしいのです。

 

義務教育のときは学校なんて面倒だって思ってたけど、大人になって自分でやりたいことが見つかって、方向性を定めて勉強してるとすごく有意義で楽しい。

 

今の仕事にやり甲斐を見出だせず悩んでる人、手に職が無くて転職に踏み切れない人、今とは全く違う業界に飛び込みたい人。

 

私はこの半年で人生が変わりました。

 

必要なのは、少しの勇気と日々の努力だけです。

 

少しでも多くの人が自分が本当にやりたいことを見つけられますように。

意外と知らない?IllustratorやPhotoshopを簡単にPDF化する方法:無料ソフト「CubePDF」を使おう!

最近、学校の授業でポートフォリオ作っておりまして「PDFで出力したいけど、やり方がわからない」とよく耳にするので、手順を書いておこうと思います。

 

ポートフォリオIllustratorで作っている人が大多数ですが、今回ご紹介する方法はOfficeSoftのEXCELやWORDなどで作ったものでもPDF化できます。

 

プリンターを選ぶようにPDF化ソフトを選べるようになるので、印刷画面を出せるところなら何でもPDFに出力できます!


意外と知らない?
IllustratorPhotoshopを簡単にPDF化する方法

f:id:serinaishii:20151124115646p:plain

 

今回ご紹介するのは「CubePDF」という無料のソフトです。

 

CubePDFは、Windowsの印刷機能を利用した「仮想プリンタドライバ」形式のPDF変換ソフトです。


使い方はとてもシンプルで簡単です。それぞれのアプリケーションで印刷ボタンを押す際に、CubePDFプリンタを選択することによって実際に紙へ印刷する代わりにPDFファイルを作成することができます。 

 

f:id:serinaishii:20151119194912p:plain

 

「 百聞は一見にしかず」早速、使い方を見ていきましょう!

続きを読む

ダメな大人とメディアが生み出す『ゆとり世代』~目立つのは個性を持った人という話~

 ダメな大人とメディアが生み出す『ゆとり世代

子どもが見習いたくない『ダメな大人』

昨日は朝からすごく嫌な場面に遭遇しちゃったのです。

 

f:id:serinaishii:20151110111033p:plain

 

前を歩いてた中年のビジネスマン。

 

 

目の前をたった20歩あるいただけの人に、こんなにも嫌悪感を抱いたのは初めてでした。

 

だからって正義感を振りかざして、そのおじさんを注意することもできなかった自分も嫌になった。


ゆとり世代』って言うけどね?

私は平成生まれです。そういうと大人たちは「ゆとりだゆとりだ」って言いたがる。

 

でもね、私の世代がみんな常識外れでおバカな子が多いのかと言うと、決してそんなことはないと思うのです。

続きを読む

超簡単&コピペでOK!ページトップへ戻るボタンの実装方法:jQuery

先週末まで2週間インターンシップに行っていたのでバタバタしてましたー!やっと落ち着いて来たので久しぶりの更新です。

 

今回は様々なところで見かける『スクロールして、ページトップに戻るボタン』の作り方です。


超簡単&コピペでOK!
ページトップへ戻るボタンの実装方法:jQuery

f:id:serinaishii:20151106144134p:plain

 

jQuery初心者さんが、まず1番最初にやりたいのはこの『トップページへ戻るボタン』なはず!!!

 

なぜなら私がそうだったから! !

 

ボタンを押すとスーっと上に移動してくれる。この動きがたまらなく気持ちいい。

このブログにも最近やっと実装しましたが、クセになりますよね。

 

ページが縦に長くなりがちな方はぜひぜひ設置してみてくださいませ。

続きを読む

これなんて読むの?今さら聞けないweb用語の読み方まとめ

さて、前回の記事に引き続き『これなんて読むのシリーズ』の後半、『web用語編』です。

 

Google Chrome』ってグーグル チャーム?クロム?チョロメ?

ASUS』はアスース?エイサス?エイスース?

 

 

あなたは自信をもって正しい読み方ができますか?


 これなんて読むの?
今さら聞けないweb用語の読み方まとめ

f:id:serinaishii:20151022134658p:plain

 

web系初心者さんも、ベテランのバリバリさんもいい機会なので一緒におさらいしてみましょう!

 

そして、私が間違っているところがあったらこっそり教えてください。

 

前回の記事はこちら

serinaishii.hatenablog.com


これなんて読むの?web用語編

[ Google Chrome ] の読み方 - [ グーグル クローム ]

   [ × ]:「チャーム」「チョメ」「チョロメ」

 

Google社が提供しているwebブラウザ「Google Chrome」。

 

 

見たことはあるけど、なんて読むのかわからない人が意外と多いようです。正しくは『グーグル クローム』。

 

「クロム」「クロム」って読んでしまうけど、クロムメッキのクロムだから間違えではないんだけど…でも『クローム』伸ばすのが正しいのです!

 

続きを読む

これなんて読むの?今さら聞けないHTML・CSSプロパティの読み方まとめ

 HTML・CSSのお勉強を始めて、まず最初に混乱するのが「これなんて読むの?」だと思います。私みたいに独学で始めた人は特に、書けるけど…読めない。

 

調べてみても色々な読み方がされていたり、間違ったまま覚えている人を信じてしまったり…

 

いつも自己流でテキトーに読んでいたのを、つい口に出してしまって恥ずかしい思いをした方も多いはず!


 これなんて読むの?
今さら聞けないHTML・CSSプロパティの読み方まとめ

f:id:serinaishii:20151022134956p:plain

 

 『これなんて読むの?シリーズ』は書いていたら長くなってしまったので、『HTML・CSSプロパティ編』と『web用語編』の2回に分けてご紹介しようと思います。

 

 今回は、『HTML・CSSプロパティ編』!初心者さんもベテランさんも読み方をおさらいしてみましょう!そして、私が間違っているところがあったらこっそり教えてください。


これなんて読むの?HTML・CSS

[ width ] の読み方 - [ ウィドゥス ] [ ウィトゥス ]

   [ ▲ ]:「ウィズ」 [ × ]:「ワイズ」

 

これは1番意見が分かれるところ。

 

 

発音的には『ウィドゥス』・『ウィトゥス』とか「ウィズ」が正しく、dの発音がほとんど聞こえません。

 

ただ「ウィズ」と発音すると「with」と混同される為、『ウィドゥス』・『ウィトゥス』と読むのが良さそうです。

 

www.slideshare.net

 

また、混同を避ける為にあえて「ワイズ」と読む方もいるようですが、ちょっと無理矢理感があって微妙ですよね…

 

続きを読む

【映画】バック・トゥ・ザ・フューチャー2の未来は今日!遂に2015年10月21日がやってきた!!:Back To The Futureまとめ

 本日、2015年10月21日は何の日だかご存知ですか?

 

映画ファンにとっては一大事!そう、映画Back to the Futureのマーティとドクが過去からタイム・トラベルしてくる日なのです!!


【映画】バック・トゥ・ザ・フューチャー2の未来は今日!
遂に2015年10月21日がやってきた!!

f:id:serinaishii:20151021100209p:plain

 

続きを読む