こんばんは!新人WebディレクターのY.Mです。
先日、先輩と修正対応の件でやり取りをしていたのですがなかなかうまく伝わらず…コミュニケーションって難しいな、と感じました。
自分が仕様を分かっていないから、というのも相まって上手く説明できず、加えて言葉足らずだったなぁ、と反省。ディレクターをする以上、人とのやり取りは必要不可欠なので頑張らなければいけないな、と思った所存です。
Webページの校正
こんばんは!新人WebディレクターのY.Mです。
今日はWebページの校正作業について書いていきます。
この業務は入社したての頃に教えてもらい、いくつかの案件に携わっています。
確認しているポイントは、
①デザイン通りかつ、想定する動作を行うページか?
②サイズが違う画面でも動くか?
③複数のブラウザで動くか?
ざっくりと、こんな感じ。
クライアントの要望通りのWebページに仕上がっているか確認する重要な作業かつ、提出する1つ前の段階なので、見落としが無いように心がけていきたいですね。
本日より
こんばんは!新人WebディレクターのY.Mです。
長いようで短かった1ヶ月の本社での研修を終え、本日から和歌山支店に出社しております!
本社で使用していたパソコンをそのまま発送してもらい、いつもの業務に加え、朝からパソコンのセットアップをしておりなかなか忙しい一日でした。
SlackやBacklogを使って仕事しているので、距離が遠くなっても同じ仕事ができるのって便利ですよね。
クライアント様も同じツールを使用してやり取りしているので、距離の近さには少し驚きますが…言葉遣いには気を付けていきたいですね。
ハンバーガーメニューについて
こんばんは!新人WebディレクターのY.Mです、
前回レスポンシブの記事を書いたので、関連しているハンバーガーメニューについて書いていこうと思います。
ハンバーガーメニューとは、3本の横線が並んだアイコンで、クリックまたはタップするとメニューが表示される仕組みのことを言います。これが何故レスポンシブと関係あるのか?それは、限られた画面サイズでもメニューを表示できるから、です。メニュー項目を横並びに表示した際、小さい画面だと入りきらない、無理やり詰めると文字が小さかったり…それを解決するのがハンバーガーメニューなのです!ユーザーにとって使いやすいサイト作りを実現させる為の一つの手段と言えますね。以上、Y.Mでした。
レスポンシブについて
こんばんは!新人WebディレクターのY.Mです。
レスポンシブって知っていますか?
PCやスマートフォン、タブレットなどの画面サイズに応じてWebサイトの表示を調整する手法のことを指すそうです。先輩曰く、サイトを作るときに気を付けることは、どの端末で見ても画面が崩れていないこと!なんだとか。
端末の種類が沢山あり、今もなお増え続けている現代だからこそ、意識しなきゃいけない点なんだなぁ、と感じました。
はじめまして!Y.Mです
はじめまして!本日からこちらのブログの更新を任されました、新入社員でWebディレクターのY.Mです。
右も左も分からぬWeb業界、ましてやディレクター職(コーダー職希望だったので)という未知すぎる世界。ただHPを制作すればいいんだな、と想像していた入社前よりもギャップを感じております。
そんな不安はさておき。1人前になれるよう頑張りますので、よろしくお願いします!
はじめてのWebディレクターブログ に名前変更しました
2月になって梅がきれいに咲き始める季節になりました。
大阪城公園の梅林も、田辺梅林も実にきれいでして、梅は百花の魁(うめはひゃっかのさきがけ)というように、梅は寒い寒い2月にも花を咲かせるのですが、昔は梅の方が桜よりも人気でした。
菅原道真さんの有名な歌「東風吹かば におい起こせよ 春の花 主なしとて 春を忘るな」、大宰府に流されるときに庭の梅の花に詠んだ歌とされています。
という2月、ブログ名、はじめてのWebディレクターブログ に名前変更しました。
今後ともどうぞよろしくお願いします。
マイク問題
こんにちは。Webディレクターのひよっこです。
ひよっこが使っているPCはマイクが使えなくなったり、と思ったら使えたり…。
マイクが使えないというのはディレクターにとって死活問題です!
お客様とZOOMで打合せができなかったり、社内でコミュニケーションが取れなかったり…。
先輩からPCのホコリを掃除してみて!といってくださったのでこまめに掃除します!!
PageSpeed Insights
こんにちは。Webディレクターのひよっこです。
先日下記サイトを教えていただきました。
https://pagespeed.web.dev/?hl=ja
こちらはGoogleが提供している、サイトが重くなっている原因等が分かるサイトです。
サイトが重たいなと思ったら、これを使用して重くなっている原因を調査してみましょう!
スライス
こんにちは。Webディレクターのひよっこです。
本日はスライスについてです。
slackでよく耳にするスライスですが、なんとなく聞き流してしまっていて、そういえば何なのかと思って調べてみました。
スライスはPhotoshopの機能で、一枚の画像を複数枚に切り分ける機能なんだそうです。
通常、画像を書き出そうとすると1つの画像ファイルが書き出されますが、スライス機能を使えば複数の画像ファイルを書き出すことができるんだそうです。
なんとなく聞き流してしまっていたのは反省です。
分からない言葉はすぐ調べるか聞くのが一番ですね。
最近の業務
こんにちは。Webディレクターのひよっこです。
ひよっこの最近の業務は、議事録係としてヒアリングに参加したり、
議事録を基にWF(ワイヤーフレーム)を作成したり、メール対応をしたり…
覚えることはたくさんありますが、一人前になれるよう、頑張ります!!
事前共有
こんにちは。WEBディレクターのひよっこです。
今日は事前共有についてです。
最近案件をいくつか担当させていただいているのですが、デザイナーさんとコーダーさんに依頼する前に今の空き具合やいつから作業可能かなどを確認するのが必要ですよね。
確認と事前共有することで私もスケジュール組みやすくなったので、こういった細かいこと大切だなと痛感しています。
制作の皆さんには助けてもらってばかりです…。
WF
こんにちは。Webディレクターのひよっこです。
今回はWF(ワイヤーフレーム)についてです。
WFとは、サイト上の情報の配置を決めるものです。
これを基にデザイン、コーダーの作業を進めていきます。
WFをつくる業務は、お客様の要望を聞いたディレクターの仕事になるので、ひよっこ頑張ります!
フリー画像
こんにちは。Webディレクターのひよっこです。
よくフリー画像を使用するのですが、下記サイトおすすめです!
無料で会員登録するだけでダウンロードできるので便利です!!
しかし、1日の検索制限があるため、ブラウザから「○○ フリー画像」というように検索することをおすすめします。
※ダウンロード枚数制限・検索制限は日付が変わるとリセットされます。
電話での課題
こんにちは。来週一気に寒くなるみたいなので、きちんと対策しておきましょう!Webディレクターのひよっこです。
電話対応はちょくちょく行っているのですが、まだまだ慣れないのが現状です。
相手の方が迷われていると、自分も「どうしましょう…。」となってしまうのを直したいです…。
相手が迷われているときには、「これはどうですか?」と提案できる力をきちんと身に着けます!!
参考サイト
こんにちは。Webディレクターのひよっこです。
サイトを作成するときには、似たようなサイトを調べて、デザインなどを参考にさせていただくことがあります。
メイクショップの参考サイトを調べる際には、「家電 /shopbrand/」みたいな感じで、
語尾に○○/shopbrand/と検索すると出てきますので、ご参照ください!
コーダーさん
こんにちは。Webディレクターのひよっこです。
先日からコーダーさんに依頼している業務があり、やり取りをさせていただいているのですが、
EC-CUBEだとこの仕様ができないなど多々あるので、その度に頭を悩ませてしまいます。
しかしコーダーさんは色々な提案をしてくださるので、やっぱりすごいなぁと感じました。
そういう知識も養っていくべきだなと思ったこの頃です…。
分かりやすく伝えるには…?
こんにちは。Webディレクターのひよっこです。
先日代理でMSの商品登録のレクチャーをさせていただきました。
結論から言うと無事に終了したのですが、初めてのことでうまく伝わっているのかとても不安でした。
また質問してくださったとき、知識が無かったので、持ち帰りが多くなってしまったので、
事前に練習や予習をしておくのはきちんとしておこう…と一つ勉強になりました。
TeraPad
こんにちは。Webディレクターのひよっこです。
いつものようにメモ帳を使っていると、「こっち使ってみて!」と下記ツールを教えていただきました。
https://tera-net.com/library/tpad.html
メモ帳だといちいちマウスを動かしてコピーすると思いますが、TeraPadだとダブルクリックでコピーできるので、時間短縮になります!