ドメイン名の種類

こんにちは。WEBディレクターのひよっこです。

今日はドメイン名についてです。

めちゃくちゃいまさらなんですが、たまにさらっと忘れてしまうため、自戒の意味をこめて書こうと思います。

co.jp:日本国内で登記を行っている会社
or.jp:財団法人や農協などの法人組織
ne.jp:ネットワークサービス
ac.jp:高等教育機関および学校法人
ed.jp:初等中等教育等の教育機関
go.jp:政府機関や研究機関等
gr.jp:個人や法人などの任意団体
lg.jp:地方公共団体と行政サービス

あまり目にしないドメインだとついつい忘れてしまいます。注意です。

作業タイミングの確認

こんにちは。WEBディレクターのひよっこです。

今日は作業開始時間のタイミングの尋ね方についてです。

すでに本アップされているサイトの仕様やデザインを変更する場合、先方に変更のタイミングについて確認する必要があります。

気を付けなければならないのが、単純に「いつにしますか?」という質問だと「じゃあ土曜日で。」とか、「夜中の0時に。」など業務時間外を指定されてしまう可能性が…。

事前にこちらから、作業可能な日時と候補日を提示しておくことで、相手とのやり取りをスムーズにすることができます。
土日祝にや夜中に言われることを想定したことがなかったので、いい気づきになりました。

文章を書くコツ(2)

こんにちは。WEBディレクターのひよっこです。

今日は文章を書くコツ(2)についてです。

自分の悪い癖で、文章を書いていると、ついつい情報量を増やしてしまいます。
そうすると、結果的に「結局何が言いたいんだ?」という文章ができあがってしまいます。

改善するためには、まず、全体の構図と着地点を決めてから書き始めてみる。
構図や結論に必要のない情報は排除していく。です。

読む人が理解でないのではないかと、どんどん情報を詰め込むのをやめて、簡潔に、わかりやすくを意識していこうと思います。

ドラッグアンドドロップ

こんにちは。Webディレクターのひよっこです。

今日はWordpressのドラッグアンドドロップについてです。

WordPressには様々なプラグイン機能がありますが、「Intuitive Custom Post Order」というプラグインは組み込めば簡単にブログやお知らせなどの記事の順番を入れ替えることができます。

初めてこんな機能を入れることができるとしったのですが、便利ですよね。
カテゴリーを後から追加したりする際、順番を簡単にきれいに並び変えることができますから、私みたいな初心者でも簡単に編集できて便利でした。

 

画像の使い分け

こんにちは。WEBディレクターのひよっこです。

今日は画像の使い分けについてです。

画像ファイルの拡張子にはjpegやpngなどがありますが、それぞれにメリット・デメリットがあり、拡張子によって使い分けるのが望ましいようです。

jpegは色数が多い画像をきれいに表示することができる一方、編集、保存を行うたびに劣化してしまうため、何度も編集が必要な場合には不向きなんだそうです。

pngは色数を制限することができるため、色数の少ない画像を保存する際に適している一方、古いブラウザでは表示されない可能性があるんだそうです。

jpegとpng、何が違うのか知らなかったので、しれてよかったです!

TIFF

こんにちわ。WEBディレクターのひよっこです。

今日はTIFF画像についてです。

画像の拡張子にはJPEGやGIFなどがありますが、今回TIFFという名前の拡張子を始めて聞きました。
如何せん、初めて聞いた名前だったので、どんなものなのかもわからなかったので調べてみることに。

TIFFとは画像形式の一つなんですが、
・再現性が高い。・ファイルサイズが大きい。・Webブラウザでは使えない。・様々な圧縮方法がある
といった特徴があるそうです。

再現性が高い代わりにファイルサイズが大きく、またブラウザでは使えないので、JPEGに変換する必要があるのだとか。

どこで使うの?と一瞬疑問におもったのですが、印刷業界では画像を入稿する際には、圧縮せず、画質が落ちないTIFFがメジャーなんだとか。

パララックス効果

こんにちは。WEBディレクターのひよっこです。

今日はパララックス効果についてです。

社内のチャットを確認していると「パララックス効果」という言葉を見かけました。
「心理学にありそうな名前だなー」とか思いながら、全然想像がつかなかったので調べてみることに。

パララックスとは視差効果のことだそうです。じゃあ、視差効果って何かというと、立体感や奥行を演出することなんだそうです。

スクロールなどの動作に応じて、いくつかのレイヤーにある要素を異なるスピードで動かすことでそういった効果がうまれるんだそうです。

専門的なコードとか組み方とかはよくわからないのですが、こういう表現方法もあるのかと知れました。

伝え方

こんにちは。WEBディレクターのひよっこです。

今日は伝え方についてです。

いきなり自分語りのようになってしまいますが、私は物事を説明することがへたくそです。
相手に伝えなきゃという気持ちが先行し、情報量がどんどん増えていき、結局何が言いたいんだっけと深みにはまっていきます。

今日そんな感じの記事を見ていると、うまく話すコツというものを紹介していました。それがこちらです

1、伝えたいことを明確にする
2、情報量を増やさない
3、わかりやすい言葉でシンプルに伝える
4、5W1Hを活用する
5、相手の反応を確認しながら話す

現状全部できていない自分にかなりがっかりします…。特に2番は今すぐに改善すべき点のような気がします。
話し相手のためにもこの5つ意識して頑張ってみようと思います。

文章を書くコツ(1)

こんにちは。WEBディレクターのひよっこです。

今日は文章を書くコツ(1)についてです。

文章を書かせていただく機会が多いのですが、なかなか1記事仕上げる時間の短縮ができずにいました。
そんな時、ふと会社の本棚を見ると「誰にでも伝わる文章力のつくり方」という本を見つけたので読んでみることに。
まだ途中なので読めたところから、今後参考にしたい箇所を書き留めようと思います。

まず一つ目は、下書きのつもりで全体を書くというもの。
一発で完璧な文章を書こうとせずに、思いついた文章を振り返らずに書いてみます。
下書きを書いた後に、てにをはの修正や、言い回しの変更などをしたほうが圧倒的にかかる時間を短縮できるんだそうです。

めちゃくちゃ最初から完璧に書こうとしてました…。
完璧に書こうとして、ぱっと思いついた文章を忘れるなんて最悪なおともしてた気がします。
とりあえず、今日から参考にしてみようと思います。

再読み込み

こんにちは。WEBディレクターのひよっこです。

今日は再読み込みについてです。

はじめて知ったのですが、chromeの再読み込みには三種類あるのだとか。

1つめは一般的なF5キーで行える再読み込み。
2つ目は以前書いたキャッシュを削除したうえでの再読み込み。ctrl+F5でできます。
そして3つ目はキャッシュの削除とさらに、ハードの再読み込みもしてくれるものだそうです。

やり方はF12でデベロッパーツールを開き、ツールバーの再読み込みボタンの上で右クリック。
表示されるツールバーの中にある「このページを再読み込みします」ボタンをクリックするのだそうです。

サイトが崩れておかしい時はひとまず、このやり方を試してみます。

テストサイト

こんにちは。WEBディレクターのひよっこです。

今日はテストサイトと本サイトについてです。

今日とあるサイトの画像登録をしていたところ、5分ほど登録したところで、違和感を感じました。
あれこの前これやったような…

慌てて確認してみると、その時登録していたのがテストサイトで本来作業しなければならないのは本サイトのほうでした…。

作業開始直後に気づいたからよかったものの、長時間やった後に気づいていたら、身震いしていました。

作業前にきちんと確認することを学んだ機械でした。

画像サイズ

こんにちは。WEBディレクターのひよっこです。

今日は画像を保存する時の注意点についてです。

画像を保存する際、あまり大きな画像ではない場合、そのまま保存せずに、拡大した状態などで保存するほうがいいということをおしえていただきました。

小さい画像のまま保存すると、WPのアイキャッチ画像にアップロードした際に、画面に合わない大きさで表示されてしまいます。
画面のサイズに合わない小さな画像だと見た目もよくないし、見づらいため、注意が必要です。

修正依頼

こんにちは。WEBディレクターのひよっこです。

今日は修正依頼についてです。

昨日に引き続き、校正の話になるのですが、修正依頼を出す際も、丁寧に依頼を心掛けないとと思わされました。

例えば、フォントサイズの修正を依頼したとき、この項目の修正をメモしたのだから、こっちの項目の変更もしてもらえるよねと思い込んだ結果、コーダーさんに二重に修正依頼をかけてしまうことになりました。

もう、死ぬほど申し訳ない…。デザインの形に仕上げてくださるだけでも時間がかかるのに、それを何度も修正してもらうなんて、申し訳なさすぎます。

自分の意図をくみ取ってもらえるだろうという驕りは捨て、コーダーさんに少しでも手間を取らせないように、意識していきたいと思います。

文字間

こんにちは。WEBディレクターのひよっこです。

今日は文字間についてです。

サイトの校正の際にはフォントサイズがデザイン通りのもになっているかしっかり確認する必要があります。
明らかにサイズが違う場合は見分けがつくんですが、なんか大きいような気がする…と思い修正依頼をすると、サイズは同じとの事…。

なぜ、なんとなく違う印象になるかというと、文字間の広さの違いなんだそうです。

文字間が詰まっていると、サイズが小さく見えるし、広いと大きく見えてきます。
数ミリ文字間が違うだけで、印象が変わってくるので、デザインをHTMLに起こすコーダーさんはすごいなと頭の下がる思いになりました。

キャッシュの削除

こんにちは。WEBディレクターのひよっこです。

今日はキャッシュの削除についてです。

あるサイトの校正をしていたところ、「なんかめちゃくちゃ崩れてる…。昨日は普通だったのに…。」という状態に。
ところが、とあるキャプチャーアプリを使ってみると、きれいにならんでいて、どっちが本物?と軽くパニックになっていました。

報告したところ、キャッシュクリアができていなかったせいだと判明しました。Ctrl+F5でクリアできるんですが、キャッシュが残っているとあれだけ崩れてしまうことを理解できていなかったせいで、時間を無駄にしてしまいました…

今度からはきちんとキャッシュクリアしながら、作業していきます…。

 

画像の横にテキストを配置

こんにちは。WEBディレクターのひよっこです。

今日は画像の横にテキストを配置するについてです。

普通に画像を張り付ける場合、imgタグを使えば簡単にできてしまいますが、画像の横にテキストが配置されるようにするにはどうすればいいのかわからず、苦戦していました。

調べてみると、実は簡単で、imgタグの中に「align=””」を追加すればいいとの事。
画像を右に配置したい場合は「align=”right”」、左に配置する場合は「align=”left”」になります。

また top,middle,bottomを入れると、テキストが上段、中段、下段のどの位置からはじめるのか指定することができます。

画像横にテキストを配置することを意識したことがなかったのでいい勉強になりました。



							

報告メール

こんにちは。WEBディレクターのひよっこです。

今日は報告メールについてです。

ここ数日、お客様とメールでやり取りさせていただく機会をいただいています。内容としては、修正であったり、作業完了をお伝えする報告メールなのですが、「お客様に失礼にならないようにならないように…」と文章にばかり気を取られていたら、修正内容や報告内容を相手にわかりやすく伝えることを忘れていました。

日々、ネットやサイトについての業務を行っていると、慣れが出てきて、「自分はわかってるんだから、まあ相手わかるだろう」という甘い考えが出てきてしまいます。
ですが、それはやはり大きな間違いで、お客様が何が理解できて、何が理解できないかは私が判断できることではありません。

だからこそ、だれが見てもどこを修正したのか、どうやったらそれを確認できるのか、わかるようにきちんと説明しなければなりません。

ひとまず、当分の間、お客様にお送りするメールは頼れる先輩に確認していただきながら、わかりやすいメール作りをしていこうと思います。(頼る気満々ですみません)

アウトプット

こんにちは。WEBディレクターのひよっこです。

今日はアウトプットについてです。

働いていると小さなことから小さなことまで、様々な気づきや学びが出てきます。
ですが、人間は忘れやすい生き物で、聞いたことでも90%ほどは忘れてしまうのだとか。

そこで、わすれないために必要なのが、アウトプットするということです。

このブログも私の学びを文章にし、アウトプットすることで知識の定着を図ろうというものなんです。
実際、ここに書いたものは文章を書くためにさらに内容を知ろうと調べたり、どう説明すればよいかと考えるため、比較的印象に残るというか、頭に残っているように感じます。

 

真似ること

こんにちは。WEBディレクターのひよっこです。

今日は真似ることについてです。

「学ぶ」という言葉の語源は「真似る」だといわれています。
職人さんの世界では師匠の技を「見て盗む」といいます。これも師匠のやっていることを見て、真似をして、学んでいるということだと思います。

ひよっこの私にはWEBディレクターとしてだけではなく、社会人としてもまだまだ分からないことが多く、日々、右往左往しています。

ですが、わからないなりに、先輩がたの様子(主にチャットですが)を見させていただき、学んでいこうと思います。

改行

こんにちは。WEBディレクターのひよっこです。

今日は改行についてです。

WordPressやthunderbirdで文章を書く際、改行しようとEnterを押すと幅が広めに改行されてしまうことがたまにあります。
ちょっと不便だなーと思いながらも、特に対処せず今まで使ってきたんですが、今日、間隔を開かずに改行する方法を教えていただきました!

普通にEnterを押してしまうと間隔が広くなってしまうので、こういう時はShift+Enterを押すと間隔を狭めて改行することができました。

実はEnterは「改行」ではなく、「段落落ち」という操作なんだそうです。「段落落ち」とは、文章のひとまとまりを書き終え、次の文章に移動する際に行う操作なんです。
つまり、本来の意味合いで使えていないから、文章の見た目が不自然になってしまうんです。

今までずっと「改行」だと思っていたものがじつは「改行」ではなかったとは驚きました。これからはきちんとShift+Enterを使っていこうと思います。