読者です 読者をやめる 読者になる 読者になる

ダサうぇぶろぐ。

美的センス0の元自動販売機補充員のダサうぇぶろぐ。現在クソダサwebデザイナーとして絶賛活躍中!ダサい俺がwebの話しなんかをしちゃってみるよ。

MENU

恋愛映画で胸キュン必須!あのイヤフォン半分このシーンで、もしもワイヤレスイヤフォンを使っていたら興醒めするよね説。

雑記

 どうもダサうぇぶです。

突然ですがみなさんは、恋愛映画で胸キュンするシーンってありますか?

「壁ドン」とか「アゴグイ」とか後ろからハグする「バッグハグ」とか、まあ色々ありますよね?

 

そこで今日は、誰もが一度は見たことがあるだろう、カップルがイヤフォンをお互いの耳につけて音楽を共有している「イヤフォン半分コ」のシーンについて思ったことを語ります。

 

・イヤフォン半分ことは?
・イヤフォン半分この良さは?
・最近流行りのワイヤレスイヤフォン
・完全ワイヤレスタイプの『イヤフォンで半分コ』してみると。
・Bluetooth対応のワイヤレスイヤフォンの実力をフルで活かしてみると。
・結論

 

 

イヤフォン半分ことは?

イヤフォン半分このカップルの画像

イヤフォン半分こってなんだろ?って思ったアナタ!上の写真を見て貰えば分かると思う。

カップルたちがイヤフォンをお互いの耳につけて音楽を共有しているこの光景のことをいいます。

 

イヤフォン半分この良さは?

こんなリア充イベントを1度も経験したことない俺だが、「イヤフォン半分こ」の良さを自分なりに考えてみた。

・好きな音楽を好きな人と共有出来る
・青春っぽい
・ラブラブ感をかんじられる
・自然に距離が近くなる
・2人だけの世界に浸れる
・片耳があいているので曲についての話をすることができる

 まあ大体こんなとこだと思うんだが。

最近流行りのワイヤレスイヤフォン

そもそも最近ってBluetooth対応ワイヤレスタイプのイヤフォンが増えてきたよね?

iPhone7なんかねイヤフォンジャック廃止しちゃってるし!

アップルのAirPodsなんかは完全コードレスだしね!

 

しかも近年では、各社で完全コードレス型のイヤフォンが続々と出てきています。 

そこでふと思ったのだが、もしも恋愛映画のシーンでBluetooth対応の完全ワイヤレスタイプのイヤフォンを使って『イヤフォン半分コ』したらどうなるのか?って。

 

完全ワイヤレスタイプの『イヤフォンで半分コ』してみると。

写真左は通常のイヤフォンで半分こしている、右の写真ではワイヤレスタイプのイヤフォンで半分こした写真となります。

 

さて、この写真を見てみんなも何か変だなって感じにならないかな?

 

左はねーなんか青春っぽくていいよね。

何聴いてるのかな?とか気になっちゃうし、コードが短いこともあってお互いがぴったり寄り添っている感じがすごくいい。

映画で使われていたらまさに胸キュン必須!!

 

さて、ここで問題のこの写真に注目!皆さんはどう思うだろうか?

ワイヤレスになったことで煩わしいコードがなくなりスッゴイ便利だよね?

 

「んースッキリー!」とか言ってる場合じゃなくてね。これが映画のワンシーンだったら

 

「なにしてはりますの?」ってならないかな?

 

もはや本人達以外からしたら、ただのイチャついているカップルにしか見えないからね?

 

こんなシーン見ても全然胸キュンしないし!

 

てか、コードレスなんだからこんなにくっつかなくてよくない?

もっと離れてって感じになるんじゃないかな?

Bluetooth対応のワイヤレスタイプのイヤフォンの実力をフルで活かしてみると。

Bluetooth機器(スマートフォンの場合)は「class 2」 通信距離は2.5mWという規格になっています。 

 

これは障害物がない場合に、だいたい10m以内の通信距離を確保することを想定したものだそうです。 

 

この「10m以内まで届くよ」ってことに注目してみた。

恋愛映画でよく使われている「イヤフォン半分こ」のシーンでBluetooth対応のワイヤレスタイプのイヤフォンの特性をフル活用した場合はこうなる。

著作者:oscarandtara

この距離感でも2人で音楽聴けるんだよね。

Bluetooth対応でしかもコードレスで通信距離も10m以内まで届くだから、ここまで離れてもいいんです。

これが最新技術を利用した現代版『イヤフォン半分こ』の正しい絵面だと思うんだけど。

 

・・・。

 

って何コレ?

 

もう何が伝えたいかわからないね。

 

恋愛映画でこのシーンあったら興醒めしちゃうわ。

 

結論

とゆうことで、「イヤフォン半分こ」をするにはコードレスタイプのイヤフォンを使っちゃダメっていう結論に至りました。

 

あと、数年したら恋愛映画で「このイヤフォン半分コのシーン」は無くなるかもしれないですね。

あ、過去のシーンを再現するんだったら使えるかも。

今回は以上です。

 

1本指でキーボードを打っていた元自動販売機補充員の俺が未経験でweb業界へ転職した話。

雑記 転職

 どうもダサうぇぶです。

今日は自動販売機補充員からweb業界に転職したときのことを語ろうと思います。

今、振り返って見ても昔からデザインセンスのカケラもなかった俺が、「未経験でよくwebデザイナーに転職出来たものだな」と我ながら感心してしまうのだが。

そんな俺が転職の際に感じたことや、自動販売補充員からどのようにweb業界への転職を果たしたのかを語ろうと思います。

- 目次 -

転職を決意したきっかけ

自動販売機補充の仕事は、めちゃくちゃハードで体力仕事なのです。

俺は売り上げが高いルートを担当していたこともあり、繁忙期の夏場なんかは朝7時位から夜10時位まで休憩時間もまともになくぶっ続けで働いていた記憶があります。

当時20代前半だったため体力には問題がなかったのだが、30~40歳位の先輩たちは本気で辛そうでした。

しかも上の世代がいっぱいいため、出世して現場をドロップアウトするのも絶望的な状態だったのです。

このまま歳をとっても「現場で一生を終えるなんて絶対嫌だ。」と思うようになり、歳をとり体力が低下しても働けるように「特別なスキルが必要な職業に就こう」と思い転職を決意したのでした。

>>目次へ戻る

なぜwebデザイナーに?

2010年頃、当時インターネット業界の盛り上がりがとにかくすごく、これからの時代はパソコンのスキルをつけるべきだと思うようになった。

ある時、何気なくインターネットで検索した時に、ホームページをデザインする職業があることを知る。そこで初めてwebデザイナーという職業の存在を知り「なんかカッコ良さそう」「モテそう」とか、不純な動機でwebデザイナーありじゃん。とか考え始めたのである。

>>目次へ戻る

当時のパソコンスキルについて

俺の子供の頃はパソコンはすごく高価なもので(Windows96とか98とかの時代)勝手に触ると「壊れるからダメだ」とかよく両親に言われていた。

小学生の頃、友達が海外のエロサイトを見たせいでパソコンにウィルスが入り、親にめちゃめちゃ怒られたなどのエピソードを聞き、子供の頃の俺は何それ?「パソコンってめっちゃくちゃ恐いじゃん!」と思うようになり、パソコン=恐いもの。と認識することになる。

そんなこともあり、大人になってからも特にパソコンを使うことがほとんどなかった俺は、もちろんキーボードで文字を打つ時もブラインドタッチなど出来るわけもなく一本指でひと文字ずつ丁寧に入力するくらいのパソコンスキルだったのです。

>>目次へ戻る

どうしたらwebデザイナーになれるか考えてみた。

ノースキルだった俺がどうしたらwebデザイナーになれるのか必死に考えてたり、調べてみたところweb業界に転職するためのスキルが身につけられるスクールがあることを知ることになる。

このスクールに通えば「ノースキルの俺でも転職できるじゃんか」と思い早速資料請求をしたのだった。

>>目次へ戻る

大金をつぎ込んで。

パソコンスキルゼロの俺が最短でweb業界に転職するためには、お金を払ってでも専門のスクールで学ぶことが一番の近道だと思った俺は、KENスクールの「Web実践就転職総合コース」で学ぶことにした。

パソコン教室・ITスクール|資格と就職に強い【KENスクール】

俺が入ることになるコースは、実務研修講座「極」コーディング/制作編を含むことで、制作現場同様の環境の中、実際に現場で必要とされるスキルを身につけ、最短3ヶ月で即戦力となり得るスキルを習得できるとのことだった。

さらに、就職をサポートしてくれる専門のアドバイザーがいるところに魅力を感じた。

 だがここの入学金が約40万ものお金がかかることが判明。

「40万って俺の給料2ヶ月分じゃんか!」「あと1ヶ月分たしたら婚約指輪買える値段じゃん!」と、考えつつもお金を払うことで「やっぱり転職やーめた」って状況を生み出さないためにあえて自分を追い込むことに決めたのだった。

まあ、迷わず分割での支払い方法を選択したけどね。

>>目次へ戻る

エンジョイ!スクールライフ!

入学を決め実際に授業のスケジュールを組んだ結果、平日は仕事で土日に3〜4時間分の講座を組みこむと言うハードスケジュールをたてた。これが実にキツかった。

平日のハードな仕事がたたり、土日の講座の時にウトウトしてしまうこともあったのだが、新しいことを学ぶってすごく楽しいことで全てが新鮮だった。

ソフトの基本的な使い方から実践で使える技術を学んでいくことで着々と実力がついていく実感を得ることが出来たと思う。

また、分からないとこを、先生に教えてもらえるのがなんだか学生時代に戻ったようで楽しかった。苦労したことは山程あるがお金を払ってでも入学した価値はあったとを思う。

この生活を8ヶ月の間 続けることになるのです。

>>目次へ戻る

仕事辞めることを上司に報告。

秘密裏に転職を企んでいたのだが転職までのスケジュールが見えてきたので、退職希望の3ヶ月前に直属の上司太鼓持ちだけはやたら上手い)に仕事を辞めたいと報告することを決意。

ビビリの俺だったがもう後には引けず、いざ報告してみることに。

「あの・・・お話があります。」

上司「何だ?」

「仕事を辞めさせていただきたいと思っているのですが・・・。」

上司「何で?理由は?」

「やりたい仕事があるんです。」

上司「やりたい仕事?お前さあ、24歳だろ?もうそれなりの歳なんだから転職とか厳しいんじゃないの?実際そんなに世の中あまくねーよ。」

 俺の心の声「はぁ〜!!24歳ってまだまだこれからだろ?アラフォーの太鼓持ち上司に言われたくねーし。じゃあ、あなたは世の中語る程の経験をしてきたのですかー?」

とは言えるわけもなく。

 「僕は自分の人生で後悔だけはしなくないんです。過去を振り返った時に、あの時こうしていたらもしかしたらこうなってたかも?とかやっぱりこうしたら良かったとかそんな思いをしたくないんです。僕にとっては今が人生の分岐点なんです。無理を言っているのは承知していますが。どうかよろしくお願いします。」

上司「・・・。まあ分かった。とりあえず今すぐ辞めるわけじゃないんだろ?上に報告しとくよ」

「はい。ありがとうございます。」

その後、この話が所長に報告されなんとか退職を認めてもらえたのでした。これで3ヶ月後の退職が確定して、もう後戻りできない状況になったのです。

>>目次へ戻る

退職まであと少しで問題発生!卒業制作の課題がダサさすぎて。

退職まで残り1ヶ月を切ると残りの講座のカリキュラムもほとんど終えていて、後は卒業制作課題のみとなった。実はこの卒業制作課題が超重要で、俺みたいな未経験組はこの作品の完成度により就職が決まるかどうかがかかっている。という程重要なものだった。

要するに私はweb業界は未経験ですが、スクールで学ぶことで「こんなセンスのいいサイトが作れるようになりました!」的なアピールするためのものです。

まあ普通の人なら一生懸命取り組んでそれなりのものを作れたのだろうが、そこは当ブログの筆者である俺!!もちろんそんなセンスがまるっきりなく卒業制作の課題には「クソダサいカフェサイト」を作りあげてしまったのである。

そこで思い切って就職サポートの先生に作品を見てもらいつつ相談してみることに。

 「こんなものしか作れない未経験者の俺ですが、無事転職できるのでしょうか?」

就職アドバイザー「・・・・。作品はあったに越したことはないですが、作品が駄目でも違ったアプローチの方法がありますよ。例えば現在の仕事での実績を語るとか・・・。まあダサうぇぶくんはまだ若いからどちらかというと今後の可能性を含んだ言い方で企業先にアピールしていくといいかも」

俺の心の声あれ?今作品が駄目でもっていってなかったか?こんなダサいものは見せるべきじゃないのか?はっきり言ってくれ!てか、まだ若いから今後の可能性って・・。もう俺がつくった作品ガン無視だよね?そうだよね?なんとか言ってくださいよ先生ー。」

就職アドバイザー「とりあえず私も全面的にサポートさせていただきます。弊社のお付き合いがある企業も紹介できますし、未経験の方でも比較的簡単に出来るアルバイトの案件もございます。またweb業界について詳しく教えてくれるセミナーなどもありますので1度行ってみてはいかがでしょうか?

「はあ、、、。検討してみます。」

その後、セミナーに参加して情報収集に励んだり、履歴書や職務経歴書をアドバイザーの意見を聞きながら作成する日々を送っていた。クソダサい課題についても修正に修正を重ね少し良くなったレベルだがなんとか完成していよいよ転職活動を本格的にスタートすることになったのだった。

>>目次へ戻る

結末

問題を残しつつも、自動販売機補充の仕事の退職の日を迎えることになり晴れてニートになってしまった俺はとりあえずハローワークに初めて出向いたのであった。

その時に、ハローワークでは仕事を紹介してくれたり自分で求人を見つけたりできることを知り、早速地元の企業でweb案件の求人募集がないか検索してみたところ。

従業員が10人も満たない会社だったが、昔からある会社(カテゴリーでいうと日用品雑貨を取り扱うお店)でwebデザイナー募集という求人を見つけた。

調べてみるとこの会社は最近ネットショップを始めたばかりで募集をかけていたのだった。

ダメ元で求人に応募し、書類一式を送付して待っていたところ数日が経ち、先方から連絡があり面接が決まった。

面接の時はweb業界未経験であるが熱意をしっかりと語り、前職でのアピールポイントを要約して話し、これらの経験を活かしたいという感じでまとめて話した。

その面接を終えた帰宅途中に俺の携帯電話が鳴った。

最初は試用期間として3ヶ月間はアルバイトというカタチでの採用になるけどどうかな?と持ちかけられ迷わず「働かせてください」と返事をしてしまった。

web制作会社ではないし、小さな会社だったけどwebの仕事ができることが嬉しかったのを今でも覚えている。

あの時の俺はまだ知らない

あの時の俺はこの会社に入社することで「ネットショップ」EC業界の凄さに魅了されていくことになるとは知るよしもなかった。

入社当時の売り上げが100万円にも満たなかったこの会社が2~3年後に売り上げが30倍になり従業員も30人程の会社になるとはこの時の俺はまだ知らない。

この会社に入社することで、俺の人生の転機になったことは言うまでもない。

おしまい。

さて今回は転職について語りましたが、今回はここまでとなります。

それではまた〜。

Photoshopを学ぶならこのサイト! ダサいウェブデザイナーの俺がお世話になっているサイトを紹介するよ。

WEB Photoshop

f:id:dasaweb:20170219221821j:plain

 

 こんにちは!元自動販売機補充員のダサうぇぶ。です。

ウェブデザイナーなら避けて通れないデザイン系ソフトの代表といえる

Photoshop -フォトショップ- 」

 

 俺もPhotoshop -フォトショップ-は毎日のように仕事で使用しているのだが、悲しいことに全然使いこなせていません!


普段何気なく使っているデザインテクニックやツールの使い方など改めて、調べてみると『こんな便利な使い道があったのか』・『こんなオシャレな素材が無料で使えるのか』など改めて気づくことが多いと思います。

 

f:id:dasaweb:20170219224220j:plain

Photoshop -フォトショップ-について、様々な情報を知っていると作業効率が上がり時短につながったり、オシャレなデザインが作れるようになったりと、学ぶメリットはたくさんあるんです。


そこで、今回はそんなPhotoshop -フォトショップ-の基本的な機能や使い方から仕事で使えるちょっとした小技、無料素材や、写真加工、実際に手を動かしながら学ぶ、チュートリアルまで教えくれる。

新人ウェブデザイナーさんにおすすめのPhotoshop -フォトショップ-のことならこのサイトでしょっ! 」って言うサイトを紹介しようと思う。

f:id:dasaweb:20170219225031j:plain

これらのサイトで学習すればデザインの引き出しやスキルがアップすること間違いないです!

是非、今日からブクマしてみてください!

 

●この記事はこんな方にオススメです。

Photoshop -フォトショップ-の使い方がわからない。


・現場で使える時短テクニックや小技を勉強したい。


Photoshop -フォトショップ-で使える、パターン素材やシェイプ、ブラシ、グラデなどのオシャレな素材を使っているサイトを知りたい。


・ウェブ業界を目指している未経験の方や新人ウェブデザイナーさん。

 

・デザインのレベルを向上させたい。

 

 

それでは早速紹介していこう!

まずは、Photoshop -フォトショップ-のことならこのサイトに全てお任せ。

 

PhotoshopVIP

PhotoshopVIP キャプチャ

http://photoshopvip.net/

 

「 PhotoshopVIP 」では基本的な使い方はもちろんのこと、各種ツールを駆使した便利な使い方やフォトショップでの作業が楽になる小技テクニック・作業スピードがグンと上がるショートカットについて教えてくれたりとまさにプロの技が学べるところが魅力的です。

 

さらに、世界中から集めたフリーフォントフォトショップで使える無料素材、実際に手を動かしながら学べるチュートリアルも紹介してくれている初心者さんから中級者まで参考になる内容が無料で学べます。

 

お金を払ってでも見たいレベルの内容が多いです。

 

特に、ソフトを使ったことがない方や、新人ウェブデザイナーの方はこの記事を是非見ていただきたい!


Photoshopをしっかり学ぶ、入門デザインテクニック集めました。」

Photoshopをしっかり学ぶ、入門デザインテクニックキャプチャ

http://photoshopvip.net/ps-basic

 

続いて紹介するサイトは「Photoshopを全く使ったことないよ〜 」って方にもおすすめのサイトとなります。

 

サルワカ 〜ゼロからのPhotoshopの使い方〜

サルワカ 〜ゼロからのPhotoshopの使い方〜

http://saruwakakun.com/design/photoshop

 

Photoshop -フォトショップ- を全く使ったことがない初心者さんから中級者さんまでおすすめしたいサイトです。

 

基本編では、フォトショップの画面の見方からツールの解説、使い方を教えてくれます。

中級者以上の方にはフォトショ写真レタッチ講座やフォトショ合成・加工テクニックが参考になると思う。

 

イラスト・画像などを中心に構成されていて、文章を補足として分かりやすく解説してくれているのため、画面を見ながら実際に手を動かしながら学ぶことができると思います。

 

また、疑問点やその項目のコツなどもワンポイントアドバイスとしてしっかりと解説してくれています。まさに読み手にやさしいサイトです。

 

下手なフォトショップの参考書に負けない電子版のフォトショップ参考書サイトとも言えるでしょう。

 

コンセプトなどの詳細は下記リンクから見ていただけたらと思う。このサイト制作者の記事です。

 

tsukuruiroiro.hatenablog.com

 

商用利用無料で使用出来る、フォント・グラフィック素材・パターン素材・テクスチャ素材など無料素材を集めるならこのサイトがおすすめ!

 

coliss コリス

コリス画像スクリーンショット

http://coliss.com/

海外デザイナーのサイトから、Photoshop -フォトショップ- で使える商用利用無料で使用可能な素材をまとめて紹介してくれるサイトです。

圧倒的な素材紹介数はもちろんのこと、仕事で使えるレベルのおしゃれな素材が多いのが特長。また、商用利用についての有無も紹介してくれているので仕事で使いたい素材を集めたいと思っている方におすすめです。

 

無料素材以外にも仕事に使えるデザインテクニックやフォトショップ新機能の紹介記事・おすすめ環境設定・便利なショートカットなど業務に使える記事が多数あるので過去記事をくまなく見ることをおすすめします。

 

過去記事の見方は、まずサイトにアクセスしたらページ右上の検索ボックスで「Photoshop」などで検索すると関連した記事一覧が出るので是非参考にしてみて欲しい。

 

Photoshop -フォトショップ- 以外にも、web関係に関する様々な記事があるのでweb業界で働く方は情報収集に使いたいサイトです。

 

 

webクリエイターボックス

webクリエイターボックス スクリーンショット

http://www.webcreatorbox.com/tag/photoshop/

 

2007年から海外を活躍の舞台としているWebデザイナー+WebデベロッパーのManaさんが運営しているサイトです。

Photoshop -フォトショップ- 関連の情報から無料素材やプラグインチュートリアルを動画で紹介してくれる新人webデザイナーが参考にしたいサイトです。

デザインソフトだけじゃなくHTMLやCSSなど
コーディングに関する記事やテクニックなども分かりやすく教えてくれるのでweb業界未経験の新人さんにオススメのサイトです。

フェイスブックツイッター等で情報を受け取ってみよう。 

 

まとめ

今回の記事はいかがでしたか?

これからweb業界を目指す方や新人webデザイナーさんにおすすめのフォトショップを学ぶのに参考になるサイトを集めてみました。

 

サイトごとに特長があるため、使い分けて参考にしてみてはどうだろうか。

 最後に目的別にサイトを紹介します。

 

Photoshop -フォトショップ-初心者ならこのサイト

 ●サルワカ 

Photoshop -フォトショップ-で使えるオシャレな無料素材が欲しいならこのサイト
●コリス

豊富なチュートリアルからPhotoshop -フォトショップ-について学ぶならこのサイト
●PhotoshopVIP 
●webクリエイターボックス

 

それではまた〜。

 

 

クソダサいウェブデザイナーの俺は友達が少ない。

雑記

f:id:dasaweb:20170212183803j:plain

 

どうもダサうぇぶ。です。

 

今回は、アラサーも中間地点に差し掛かった俺が

ふと気づいたことを言ってやろうと思う。

 

それは、、、

 

『  俺、遊ぶ友達いなくね? 』ってことだ。

  

f:id:dasaweb:20170212184531j:plain

 

この事実を受けいれることが出来ず、

今まで考えないようにしてきたが

 

今回は あえて友達 について語ろうと思う。

 

まず、俺の人生を振り返り、ボッチ確定までの友達の人数を推移をグラフで表すことにした。

友達グラフ

10代の頃は20人位遊ぶ友達がいたのだが、20代後半から30歳を越えたあたりで遊ぶ友達が激減している。

 

 こうして俺のボッチ確定の瞬間が訪れたのである・・・・・・。

 

 っておい!この10年たらずでなにがあったんだよ?

 

あの頃、近いあった友情はどこにいったわけ??

 

夢か?YUMEを見てたのか俺は?

 

友達ロスに悲しんでいても何も始まらないので

そこでもうちょっと原因を追求してみることにした。

すると20代後半から30歳を過ぎたあたりで変化が見えたことに気づいた。

 

答えはこの時期にある?

 

こうして俺はこの時期の自分に会うため

久しぶりに机の引き出しをあけタイムマシンに乗り過去に向かうことを決意したのだった。

 

f:id:dasaweb:20170212183823j:plain

 

20代後半から30歳までの俺はとにかく色々大変だったなぁと思う。

 

転職→転職→転職みたいなかんじで大変充実した日々を過ごしていたのだが、

 

この時の周りの友達についての変化について注目してみた。

 

社会人に出て10年を間近に迫ってくると周りの友達にも変化が見られてきた。

仕事・昇進、結婚、転職、転勤、加齢による体力、遊ぶ意欲の低下 、職場での付き合い。これらの出来事が目立ってきたのである。

 

要するに、生活環境の変化が友達がいなくなった一番の原因だと気づけた。

社会に出るとそれぞれの生活環境が微妙に食い違ってくる。

若かりしあの頃、いつも一緒にいた友達たちとも、やがて疎遠になってくる時期がくることだろう。

 

それでもたまに会えばあの頃のように笑い合える友達がいるってことは改めて大事なことだと思った。

 

それはさて置き、

 

 「ダサうぇぶろぐでは友達募集中です。」

 

おしまい。

元自動販売機補充員の俺がウェブデザイナーを語るなんて間違っている!

WEB

f:id:dasaweb:20170212011618j:plain

 

どうも、クソダサウェブデザイナーのダサうぇぶです。 

 

俺みたいな、ダサいやつがウェブデザイナーとして名乗る資格があるものか?

 

日頃からから疑問に思うところがあるので、

今回はウェブデザイナーについて勝手に考えてみることにしました。

 

そもそもウェブデザイナーとは何か?

 

wikiで調べてみると

ウェブデザイナーとは、ウェブデザインを行うデザイナーのことを指す。

 引用元:ウィキペディア

 

では、ウェブデザインとはなにか?

ウェブサイトにおける視覚面(意匠・要素配置等)に対し、整理・再構築・意匠等を施すことである。

 引用元:ウィキペディア

 

はい、ここまではいちおうあてはまっておりますな。

 

俺の視点からウェブデザイナーという職業について語ってみる。

 

世間一般のイメージではウェブデザイナーとはオシャレなサイトを作る人のことでしょ?

って思っている方も多いと思う。

 

だが、実際にはそれだけでウェブデザイナーは務まらないし、そんなに甘くないのです。

 

ではウェブデザイナーの仕事とは?

ウェブデザイナーの仕事とは?

 

依頼主 クライアントの意向をしっかりと組み取りそのサイトを通じて何を伝えたいのか?

誰に向けたものか?そのサイトの目的とゴールを明確にし、どうすればこれらを伝えることが出来るかを考え、それをデザインで表現することがウェブデザイナーの役割だと思う。

 

クライアントを満足させるデザインを作るだけじゃなく、エンドユーザーの事を意識したデザインを制作することが重要なのです。

 

見た目だけの綺麗で中身が空っぽなんて意味がないもんね。

 

ただねぇ、これはあくまでも理想論なのでは?と思ってしまうときがあるのが実際のとこですが・・・・

 

 その他にも色々あるけど、細かく言ったらキリがないのでこの辺にしときます。

 

優秀なウェブデザイナーとの俺の違いを考えてみた。Part1

 

一流のデザイナーならクライアントの意向が間違っていると判断したとき、間違えを指摘し、正すことが出来るのだろうが、俺みたいな弱小会社のダサウェブデザイナーにはそんな権限を持ち合わせてないし実力がない。

 

悲しいことに、、、。

 

もちろんクライアントが間違っているとき時には、誠心誠意しっかりと解説をし、こうゆう理由なので出来ませんよ。と説明したり、

 

少しでも意向に添えるよう別の案を考え提案したりするのだか、納期に間に合わせなければならなかったり、顧客との力関係を考えてしまい、ついつい妥協してしまうことがあるのが本音である。

 

こうゆうところがダメなんだよなぁ。

 

優秀なウェブデザイナーとの俺の違いを考えてみた。Part2

 

一流のデザイナーは制作の段階でその意味や意図を理解してからとりかかるので、そのデザインからメッセージ性を感じることが出来る。

その結果 → 無駄のない洗練されたデザインとなる。

 

その点、俺は

 

  • 無難なデザインで逃げようとする
  • 指示された通りにしか作らない
  • 攻めの姿勢が見られない、常に受け身のデザイン
  • クライアントの好みに寄せた(喜びそうな)デザインしか作れない

 だからお前のデザインはダサいんだよ

 

これらをまとめると、つまり本質を見失った見せかけだけ(中身のない)のデザインを作っているということ。

 

この点を考え直さない限りウェブデザイナーとして、成長出来ないんだろうなと日々感じています。

 

 

ウェブデザイナーについてのまとめ!

 

さて長くなりましが、今回はウェブデザイナーについて偉そうに語ってみましたが、自分がいかに駄目なのか浮き彫りに出来たと思う。

 

 これからウェブデザイナーを目指す方は自分が作るものの意図をしっかりと考えてから制作にとりかかることで俺のようなダサウェデザイナーにならないでもらいたいと思う。

 

まあ、最後に結論を言うと

 

 

『 やはり俺がウェブデザイナーを語るなんて間違っている。』

 

そう、これがいいたいが為に、

この記事を書きました。ごめんなさい。

 

それではまた!

これからWebのお勉強を始める人必見!無料で学習できるオンライン動画サイト3選!

WEB

f:id:dasaweb:20170204205957j:plain

どうもダサうぇぶです。これからweb業界で働きたいと思っている方、既にweb業界で働いているが新たなスキルを身につけたいと思っている方は、どう勉強したら良いのか迷っていることだろう。

高額なお金を払ってスクールに通うのもいいし、参考書を購入して独学で学ぶのも間違いじゃないし、ぶっちゃけ学ぶ方法はいくらでもあると思う。

ただせっかくこの業界で働くのだからネットの力を使ったらいいと思う。

そこで今回は無料でwebに関する勉強ができるオンライン動画サイトを紹介しよう!だって無料で学べるんだから損はしないはず。

そもそもオンライン動画で学ぶメリットは?

動画で学ぶことの最大のメリットは書籍などのテキストで学ぶよりも、短時間で圧倒的に多くの情報を得られることだ。
そのため学習効果も高いと言える。また音声と映像を合わせた動画で学習することで記憶に残りやすく覚えるまでの時間を短縮できるのが特徴と言えるだろう。

まあ要するに、あらゆる情報を同時に学ぶことで勉強の効率があがるってことかな。その他のメリットとしては、時間や場所を選ばず学習できたり、何度でも繰り返し見ることができたり・自分のペースで学習できることかな。

これらのことからオンライン動画での学習をおすすめしたい!

無料で学べるオンライン動画サイト

ここからは無料で学習できるオンライン動画サイトを紹介しようと思う。

schoo スクー

f:id:dasaweb:20170204215542j:plain

web業界で働くためのオンライン動画サービスとうたっているだけあり、プログラミングの他にwebデザイナー向けの講座が多数あるのが特長。

さらに最大の特長はライブ動画授業であることかな。つまり実際に教室で授業を受けているイメージを思い浮かべていただければ分りやすい。

講座時間も1時間程度など集中力も持続できると思う。しかも講座の説明をしてくれる講師は現役のプロということで信用性も高いし、とてもためになる話をしてくれるので面白い。

現在、動画本数2800本以上!会員24万人!国内でも最大級の規模である。無料会員でも十分勉強になるので一度登録してみたらどうだろうか。

f:id:dasaweb:20170204221837j:plain

https://schoo.jp/

ドッドインストール

ドッドインストールキャプチャ

「全ての動画が3分間で学べる」がコンセプトの動画学習サイト。プログラミング初心者向けの学習サイトとなっている。

これからweb業界を目指す方は、まずはHTML入門から受けてみたらどうだろうか。3分間の動画閲覧なら集中力が切れることもないし、場所を選ばず学習できるのが良いところだと思う。

もちろん無料で動画閲覧ができるが、無料会員になると文字起こしテキスト機能が使えるので音声の他テキストを見ながら学習することで勉強の効率がアップすることだろう。

現在、全293レッスンで動画本数4,308本にて提供中。

http://dotinstall.com/

Progate プロゲート

Progate プロゲートキャプチャ

最後に紹介するのは、プログラミングに特化したプログラミング学習サイト「Progate プロゲート」。プログラミングのプロ集団が立ち上げたサイトである。

Progateでは、「プログラミングについて世界一わかりやすく楽しい学習環境を作る」と宣言しているだけあり、実際にやってみるととても楽しく学習することができた。

Progate プロゲートキャプチャ

Progateでは動画を見ながら学ぶというよりは、実際にコードを入力しながら学べるのが魅力でゲーム感覚で学習を進めることができる。

また、講座ごとにヒントや答えがあるのでわかりやすい。講座に入る前にスライドショーでその講座の説明があるのがいいし、自分のペースで進められるところもポイントだ。もちろん途中から続きができるのも良い。

 試しにひとつ講座をやりきりれば流れをつかむことができるだろう。プログラミングを真剣に学びたい方には是非このサイトがおすすめだ。

http://prog-8.com/

まとめ

今回紹介したサイトはどれも無料プランでも十分勉強になるものを紹介したが、もう一歩踏み込んで学習したい方は有料会員になっても良いと思う。

月額 数千円程度なのでスクールに通うよりは金額的にも安く勉強できるし、有料ならではの特典があるので検討する価値はあると思う。

ただ、動画で学習するからといって閲覧するだけではなく実際に手を動かして学ぶことで、より現場で使える知識を身につけることができると思う。

昔懐かしのファミコン風フォントをインストールする方法!

フォント

f:id:dasaweb:20170122161634j:plain

テレレレッテッテッテー(ドラクエレベルアップの音)
ダサうぇぶはブログを更新した。

レベル2にあがった。

どうもダサうぇぶです。突然ですが、アラサー世代のゲーム好きのみなさんはこのファミコン風の文字を見て懐かしく思いませんか?

そこで今日は、昔懐かしのゲームに使われいファミコンフリーフォントのおすすめを紹介しながら、フォントのインストール方法まで記事にしてみようかと思います。

 

・ファミコン風フォントについて
・代表的なファミコン風のフリーフォント3選
・ダウンロードからインストールまでの流れ
・ゲーム画像フリー素材サイトの紹介
・まとめ記事

 

 

ファミコン風フォントについて

ファミコン風フォントとは、通称ビットマップフォントといいます。

簡単に言うとドットで表現されたパソコン用の文字って感じかな。

ビットマップフォントとは、文字の形をコンピュータ上で表現するフォントデータの形式の一つで、文字を小さな正方形の点(ドット)の集合として表したもの。 ある決まった数の格子(縦横数個から数十個)を用意し、格子の一部を塗りつぶすことで各文字の字形を表現する。

引用元:IT用語辞典 e-Words

 

代表的なファミコン風フォント3選

1,PixelMplus(ピクセル・エムプラス)

PixelMplus(ピクセル・エムプラス)フォント

このPixelMplus(ピクセル・エムプラス)は、どちらかと言えばスーパーファミコンで使われていた文字に近いフォントです。

文字がアウトライン化されているためとても見やすく使い易いと思う。

下記ブログからアクセスして、ダウンロード (1.4MB)という項目からファイルをダウンロードできます。

2,美咲フォント

美咲フォント

ファミコンソフトで使われていたフォントに限りなく近い8×8のドットフォントです。漢字はやや潰れがちだが、JIS第一・第二水準をサポートしている。

またゴシック体と明朝体の2種類フォントをインストールできます。

上の画像は美咲ゴシック体を使用。

こちらのフォントはライセンスフリーで自由に使うことができます。

http://www.geocities.jp/littlimi/misaki.htm

3,ドラクエフォント

ドラクエフォント

そしてあのフォントです。ドラクエフォント!この文字を見ただけで懐かしさ全開です。いや〜感激!ただ、このフォントは漢字や記号などが使えないのが残念。

でもよく考えてみたら当時のゲームはみんなそうだったような気がする。

下記リンク先からダウンロードしてみてください。

http://ifs.nog.cc/slime4.hp.infoseek.co.jp/font/font.html

ダウンロードからPCにインストールまでの流れ

macでのフォントのダウンロードからインストールのやり方をキャプチャ画像を元に美咲フォントを例にして紹介します。

まずは、下記URLからアクセスしていただき画像の赤枠の部分をクリックしてダウンロードを開始します。

http://www.geocities.jp/littlimi/misaki.html

f:id:dasaweb:20170127000809j:plain

ダウンロードしたファイル(misaki_ttf_2015-04-10.zip)を展開すると、misaki_gothic.ttfとmisaki_mincho.ttfという拡張子が「 .ttf 」というデータがあるのでこちらを開きますと、フォントの見本が出てきます。

その右下にフォントをインストールというボタンが出てくるのでこれをクリックするとパソコン内のフォントフォルダに格納されます。

これでお使いのパソコンの中にフォントがインストールされましたので、普段使っているソフトでフォントを選択してもらえば先程インストールしたフォントを使うことが出来ます。

f:id:dasaweb:20170127000821g:plainどのフォントも、ダウンロードしてからパソコンにインストールするまでのやり方はほぼ同じなので、他のフォントも同様にインストールしてみてください。

今回はMacでのやり方でご紹介しましたが、ウィンドウズでのフォントのインストール方法も同じで、ファイルをダウンロードしたらフォントファイルを開きインストールというボタンをクリックすることでパソコン内に取り込むことが出来ます。

詳しくはググってみてください。

ドラクエフォントのインストールは下記URLからアクセスしてください。

f:id:dasaweb:20170127000758j:plain

http://ifs.nog.cc/slime4.hp.infoseek.co.jp/font/font.html

PixelMplus(ピクセル・エムプラス)

インストールは下記ブログからアクセスしてダウンロード (1.4MB)という項目からフォントファイルをダウンロードしてください。

ゲーム画像フリー素材サイトの紹介

ファミコン風フォントをインストールしたらゲーム画面を再現してみたいですよね。

そこで今回インストールしたフォントにピッタリなおすすめゲームフリー画像サイトをご紹介します。

<ぴほや>

f:id:dasaweb:20170127000842j:plain

http://piposozai.blog76.fc2.com/

ゲーム素材に使えるフリー素材が多数紹介されています。

この記事のアイキャッチ画像の背景はこちらのサイトから使わせていただきました。

ゲーム制作に必要な素材の全てが揃っているおすすめのサイトです。

利用規約をよく読んでから素材をダウンロードしましょう。 

<Material World>

f:id:dasaweb:20170127000850j:plain

http://members.jcom.home.ne.jp/hide.mats/index.htm

モンスターのイラストをフリー素材として提供してくれるサイトで、300種類以上の豊富なモンスターの中から選べるのが魅力です。

ファイル形式はPNGデータ使い勝手も良いです。

利用規約をよく読んでから素材をダウンロードしましょう。

まとめ記事

今回の記事はいかがでしたか?昔懐かしのファミコン風フォント!

レトロなデザインばかりで今あらためて見るとおしゃれなフォントですね。

ライセンスフリーで使えるフォントなので、ゲーム制作をされている方やweb系の仕事をされている方にもおすすめです!

また、ブログのアイキャッチ画像に使うことでいつもと違った印象を与えることができると思います。

次回は「 グーグルフォントのインストールについての記事を書こうと思う。

最後にドラクエで1番好きだったこのゲームをリンクしときますね。

楽天ウェブ検索を使っておこづかいを稼ぐ方法。

楽天

f:id:dasaweb:20170121233708j:plain

皆さまこんにちは。
自動販売機補充員の仕事からweb業界に転職した経歴を持つ、当ブログの運営者の
ダサうぇぶ。と申します。

デザインセンス0=ダサい 僕がおしゃれな人が多いと言われているこの業界で働いていてほんとにごめんなさい。
今回の記事が初投稿のブログ初心者なので下手くそな文章で読みづらいと思いますがこれから頑張って執筆していきます。

 さて、今回はみんなが大好きな楽天ポイントでおこづかいを稼ぐ方法を紹介します。 今回紹介する記事を実践してもらえば、1カ月間で約150円=ポイントは稼げるよ!

※ただし、地道な継続が必要になりますが、、、

 楽天ポイントの稼ぎ方はたくさんありますが、これから紹介する方法はとってもシンプル! 1日約5分程度あれば実践できる楽天ウェブ検索を利用してポイントを稼ぐ方法を紹介します。おこづかいが足りないとなげいているサラリーマンのお父さん!毎日、家計簿とにらめっこしているお母さん!今回紹介する方法で楽天ポイントを稼いじゃってください。

そもそも楽天ウェブ検索とは何か?

楽天ウェブ検索とはブラウザーにインストールして使うソフトウェアのことで、このソフトウェアを利用してウェブ検索することで、楽天ポイントがもらえる仕組みとなっています。
※まあ、要するにいつもみんなが検索に使っているグーグル検索の楽天と思ってもらえたら分かりやすいかな。

楽天ウェブ検索のインストール方法はどうやってするの?

楽天ウェブ検索のインストールはとっても簡単なので画像をも使って紹介しよう!今回はブラウザーのシェア率が高いグーグルクロームでのインストールの仕方を紹介するよ。

 まずは下のバナーからリンクしてみて! (スマホからアクセするとアプリインストール画面に飛びます)

hb.afl.rakuten.co.jp

 

 ① 今すぐインストールをクリックする。

f:id:dasaweb:20170121220600j:plain

② クロームに追加をクリック

f:id:dasaweb:20170121215234j:plain拡張機能を追加をクリック

f:id:dasaweb:20170121231248j:plain

④ 右上の®ボタンを押す ※表示されない場合は一度グーグルクロームを閉じてみる

ログイン画面から楽天会員IDでログインする

f:id:dasaweb:20170121231150j:plain

 ⑤検索マドから何でもいいのでキーワードを入れてみる

f:id:dasaweb:20170122113421j:plain

⑥下記の画面に移動するので同じく検索マドでどんなキーワードでもいいので検索してみると左下に1口ゲットと出るのでこれを30回繰り返し行うこと。

30回検索すると右下に30口貯まりましたと表示される。

実はこの行動が大事で検索した数によって翌日に付与されるポイントが変わってくるので必ず上限の30口獲得するまで続けよう。

意外と地味な作業でしんどいがここはグッと我慢しよう。

f:id:dasaweb:20170122101811j:plain

ここまでの作業でポイント獲得までの流れは完了となります。翌日に楽天ポイントクラブにアクセスしてみるとポイントが付与されていることが確認できます。30口の検索でポイント付与されいたので、単純に計算してみると5ポイント×30日だとして1カ月続けると150ポイント稼げる計算となります。※ただし楽天ポイントの山分けの状況などにもよると思いますのであくまでも参考程度に考えて下さい。

f:id:dasaweb:20170122101121j:plain※翌日に楽天ポイントクラブで確認してみると5ポイント加算されている

ちなみに楽天ウェブ検索はスマホ用アプリもあるので、ぜひインストールしてみてください。外にいることが多い方は積極的にスマホアプリで検索するのがいいと思う。さらに楽天ウェブ検索のすぐれているのは、スマホで検索してもパソコンで検索したとしても口数を合算してくれるとこが素晴らしい。家にいるときはパソコンで検索し、外出中はスマホアプリで検索するなど使い分けることができるので継続するためのモチベーションも上がると思う。

f:id:dasaweb:20170121234737j:plain

検索だけじゃない!自分のブログで楽天ウェブ検索を紹介して稼ぐ。

楽天ウェブ検索でコツコツポイントを貯める以外ににも稼ぐ方法があるのでここでお伝えしようと思う。実はこの楽天ウェブ検索はアフィリエイトにも対応しているので、自分のブログ記事等で読んでもらいその方が新規に楽天ツールバーをインストールし、次月末までにログインして【検索】を1回以上行った場合にご紹介成立となり、1人ご紹介成立につき100ポイントを楽天アフィリエイトの成果報酬として付与してもらえるのだという。

楽天アフィリエイトサイトから一部引用

楽天ウェブ検索を使っておこづかいを稼ぐ方法まとめ。

  1. 楽天ウェブ検索ソフトウェアをインストールする(スマホの場合はアプリ)
  2. インストールしたら楽天ウェブ検索で1日30回キーワードを検索する
  3. 翌日ポイントを確認してみる

さて今回は楽天ウェブ検索おこづかいを稼ぐ方法を紹介したがいかがでしたか?1度ブラウザー楽天ウェブ検索の拡張機能をインストールさえしてしまえば、後は楽天の検索マドで1日30回キーワード検索するだけで、楽天スーパーポイントが約5ポイント翌日に付与されるので誰でも簡単に稼げる方法だと思います。またパソコンだけでなくスマホアプリからでも使えるので最も簡単な稼ぎ方としておすすめします。

さて長くなりましたが、今回はここまでとなります。

次回は「 楽天リサーチで稼ぐ 」記事を書いていきますね。