【HP作成】Webデザインの基礎!【レイアウト編⑤前編】

はじめに

もうすぐ12月ですね。年末は忙しくなりがちですが、体調に気を付けて過ごしていきましょう。

今回は「レスポンシブ対応」について前編と後編に分けて説明します。

前編は、レスポンシブ対応の説明と、考慮するべき点についてです。

そして、レイアウト編はこれで今回が最後となります。

最後までお付き合いいただけますと幸いです。

→前回記事:【HP作成】Webデザインの基礎!【レイアウト編④】

レスポンシブ対応とは

レスポンシブ対応とは、異なるデバイスでもページのレイアウトやデザインを調整して表示する手法のことで以下2つのメリットがあります

メリット1.デバイス毎にHTMLファイルをつくらないため、1つのHTMLを修正することでどのデバイスで見ても修正が反映されている

これによって、各種デバイスでのHTMLを修正しなければならなかったり、修正もれが発生してしまうといった事態を防ぐことができます。

メリット2.同一のHTMLを利用することからURLが変わらないため、SEO的にもメリットがある

Googleもデザインパターンとしてレスポンシブ対応を推奨しています。

参考:Google検索セントラル,モバイル設定を選択する(https://developers.google.com/search/mobile-sites/mobile-seo/

レスポンシブ対応を採用する際に考慮するべきこと

様々なメリットもあり、Googleも推奨しておりますが、考慮するべきこともあります。

● 画像サイズは、PC画面でも綺麗に見えるように、大きなサイズを利用する

画像の容量が大きくなるため、スマートフォンでの閲覧時に表示速度が遅くなってしまうことがある

● デザインや実装を行う前に、全てのデバイスでの表示を考慮する

各種デバイスでのブラウザチェック、各デバイス固有のバグ対応や適したレイアウト調整が必要になるため、工数がかかる

おわりに

レスポンシブ対応には良い点はあります。

しかし、何が何でもレスポンシブ対応と決めつけるのではなく、サイト全体のデザインやどのデバイスを使うユーザーに向けてデザインすることが重要になります。

次回は後編、レスポンシブ対応に適したレイアウトについて説明します。

信頼に繋がるビジネス文書の書き方

はじめに

こんにちは、Itoop(アイティープ)の広報担当の黒澤です!

皆さんは、ビジネス文書を書く時に意識していることはありますか?

社会人になると、書く機会が増えて考えることが多いと思います。

今回は読み手側が嬉しくなるようなビジネス文章のコツを紹介します!

読み手の立場に立った文章

どんな文章にも言えますが、読み手の立場に立っているかです。

誰に何を伝えるのか、伝わる内容で簡潔に書かれているのか、礼儀を尽くしているか。

これらを意識するだけでも表現が改善すると思います。

結論を先に書く

先に結論を書くことで時間がない相手ほど喜ばれます。

結論→理由→詳細の3段階で説明することで、重要なことが最初に相手に伝わります。

理由からだと、結局何が言いたいのか読み手側はストレスを感じます。

誤解のない文章

正確な情報を伝えるには、事実と意見を区別して伝える必要があります。

報告書など書く際には、起きた事実を書く一方で、改善策などでは感覚、意見が求められることがあると思います。

意見を事実のように伝えると読み手によって違う捉え方になるので、読み手がわかるように書くことが大切です。

終わりに

いかがでしたでしょうか?

今回は、基礎的なビジネス文章の書き方を書いてみました。

ここで書いた物は意識するだけですぐに実践でき、これだけでも仕事の質が上がると思うので是非実践してみてください。

それでは良い一日をお過ごしください。

【必見!】終身雇用が崩壊!?今日本でなにが起きているのか!

こんにちは。

Itoop(アイティープ)の橋本です。

みなさんは、2019年のトヨタ自動車株式会社の豊田社長の終身雇用についての発言をご存知でしょうか。

2019年10月13日、日本自動車工業会の会長会見にて、トヨタ自動車株式会社の豊田社長が「雇用を続ける企業などへのインセンティブがもう少し出てこないと、なかなか終身雇用を守っていくのは難しい局面に入ってきた」と述べました。

この発言は様々なメディアで取り上げられ、ついに終身雇用時代の終焉がすぐそこまできていることを多くのビジネスパーソンに知らしめることになりました。

今回は、この「終身雇用を守っていくのは難しい」という発言に焦点を当て、日本の終身雇用形態に今なにが起きているのかについて書きたいと思います。

トヨタ自動車株式会社 豊田社長の「終身雇用を守っていくのは難しい」発言

近年、日本社会で崩壊したといわれる「終身雇用制度」。

トヨタ自動車株式会社の豊田章男社長が語った「雇用を続ける企業などへのインセンティブがもう少し出てこないと、なかなか終身雇用を守っていくのは難しい局面に入ってきた」という言葉から、大手企業も例外ではないということが浮き彫りになりました!

豊田社長は「今の日本をみていると、雇用をずっと続けている企業へのインセンティブがあまりない」と指摘しています。

経団連の中西宏明会長も「企業からみると従業員を一生雇い続ける保証書を持っているわけではない」と同調する姿勢を示しました。

一方で、雇用される側である労働組合幹部は、豊田社長の発言に対して、「これまでのやり方では生き残れないという危機感の現れだと思っている」と反応。

雇用側・経済団体・働き手、三者が終身雇用という制度に限界があるという認識を示したのです!

参考:日経ビジネス,「「終身雇用難しい」トヨタ社長発言でパンドラの箱開くか」,https://business.nikkei.com/atcl/gen/19/00002/051400346/

終身雇用崩壊の背景にあるシニア人材問題とは!?

大手企業でも、50代の社員に対して以下のような事態が起きています。

トヨタでは、2020年1月に管理職制度を大幅に変更。

55人いた役員を23人に半減し、基幹職1級・2級を「幹部職」として統合し、「事実上の降格」を断行しました!

このような動きに対し、社内からは「ぶら下がっていただけの50代は評価されない。これから降格も視野に入るだろう」、「勤続年数や年齢ではなく、それぞれの意欲や能力発揮の状況をより重視する方向だ」など、様々な声があがってきているそうです。

また、富士通では、間接部門で50代が飽和状態にあります!

成長年代の人材を育成していくために配置転換をすると、50代の社員は環境変化についてこられず退職するという事態も少なくありません。

50代が組織にとって活用しにくい人材層になりつつあるというのです。

さらに、KDDIも50代社員の意識改革の必要性を強く感じているといいます!

なぜなら50代の総合職社員の割合は現状で3割超、10年後には5割に急増する見込みで、今後大量に抱える50代社員の生産性が課題になることが目に見えています。

おわりに

今後、日本はますます少子高齢化が進み、社会全体ひいては企業内で高齢化が進んでいくことになります!

今回は豊田社長の発言に始まり、いくつかの企業のシニア人材問題を例に挙げました。

これから働き手が大幅に減少していく時代が訪れるのは確実です。

これまでの在り方に固執せず、働き方に柔軟である人こそが、今後も生き残っていくことができるでしょう!

企業・個人問わず、様々な働き方を知り、備えるべきだと私は思います。

この記事がみなさんのお役に立てれば嬉しいです!

【IT×SDGs】ITからSDGs目標12.「つくる責任 つかう責任」について考える!

はじめに

こんにちは、Itoop(アイティープ)の橋本です。

先日、Itoopのスタッフ数名でIT業界の展示会に参加してきました。

展示会では、SDGsに貢献する製品やサービスがメインで取り扱われており、IT業界の最新のトレンドがSDGsに関わるものになっていると改めて気づきました。

私たちItoopも、事業を通してSDGsに貢献していますが、正しい知識や世界の流れを学ぶことが重要だと感じました。

そこで今回は、SDGs目標12.「つくる責任 つかう責任」についてご紹介したいと思います。

SDGs目標12.「つくる責任 つかう責任」とは?

SDGs目標12.「つくる責任 つかう責任」は、持続可能な生産消費形態を確保することを目的としています。

現在、世界で生産されている食品の約3分の1(13億トン)が捨てられており、このような大量生産・大量消費の暮らしが、地球環境にとても大きな負担をかけています。

私たちは、美しい地球を未来につなぐために、それらを見直す必要があります。

参考:12.つくる責任、つかう責任 | SDGsクラブ | 日本ユニセフ協会(ユニセフ日本委員会)

https://www.unicef.or.jp/kodomo/sdgs/17goals/12-responsible/

ITを通して、「つくる責任つかう責任」の目標を達成していこう!

いかがでしたでしょうか。

私たちItoopは、SDGs目標12.「つくる責任 つかう責任」を達成するために、これからもIT分野からSDGsに貢献していきます。

この記事が、SDGsについて知り、理解が深まるきっかけになりましたら幸いです。

それでは、本日も素敵な一日をお過ごしください。

コツは「息抜き?」リモートワークと上手に付き合うスキマ時間の使い方

はじめに

こんにちは!

Itoop(アイティープ)技術担当の佐藤です!

2020年にテレワークという言葉が市民権を得て、働き方も変化してきました。

東京都によると、令和元年7月時点でテレワーク導入済み企業が25.1%であったのに対し、令和3年3月では59.0%にまで増加しているようです。

(参考:(第1801報)テレワーク導入率調査結果をお知らせします!~緊急事態措置期間中の3月前半の調査結果~

最近では、半日・時間単位のテレワーク(テレハーフ)も増えています。

今回は、一般的な働き方となりつつあるテレワークと上手に付き合うスキマ時間の「息抜き」について、お話します。

息抜きも生産性を上げるポイント♪自分に合った息抜きとは?

仕事中に息抜きと聞くと「サボってる」と感じるかもしれません。

しかし、適切な息抜きは生産性を上げる重要なポイントです。

ここでは、3つの息抜き法をご紹介します。

①誰かとコミュニケーションする

会話する機会が減ったからと言って、業務には差し支えないと考えがち。

ですが、同僚・友人と会話したり、SNSで発信・交流することは、ちょっとしたストレス発散に繋がりますし、その中で新たなアイデアが出てくることもあります。

Web通話やチャットで積極的にコミュニケーションを取ってみたり、SNSで仕事に関する詳細を伏せて発信したりすることで、息抜きや同じ境遇の人からの情報を得たりと、有意義な時間として活用できます。

②外出する

テレワークに移行して、外出の機会が減った方も多いと思います。

そんな方は、ランチで外食してみたり、家の周りを散歩してみるのも良いかもしれません。

職場である家から離れることで、業務と休憩をしっかりと切り替えられ、メリハリのある働き方に繋がります。

③体を動かす

集中力が途切れてきたな、と感じたら、一度体を動かしてみてはいかがでしょうか。

ジョギングも良いですし、最近ではテレワークの方へ向けた器具を使わないストレッチ、筋トレなどの方法もよく紹介されているので、運動の経験が少ない方も始めやすいと思います。

運動も取り入れて、身心共に健康的な働き方をしたいですね。

おわりに

今回は、テレワークのスキマ時間を使った息抜き法についてご紹介しました。

この記事が、テレワークをされている方の参考になれば幸いです。

それではみなさん、今日も良い一日をお過ごしください。

Excel初心者のアナタもすぐできる!仕事効率アップ小技5選!!【後編】

はじめに

こんにちは、Itoop(アイティープ)の広報担当の黒澤です!

前回に引き続きExcelの仕事効率アップの小技を紹介していきます。

→前回記事:Excel初心者のアナタもすぐできる!仕事効率アップ小技5選!!【前編】

今回は、身につけておくと便利な【関数】についてです。

仕事のスピードがグンとあがる関数をご紹介します!

①SUM関数

=SUM(数値1, 数値2, …, 数値255)

SUM関数は、指定したセルの合計値を算出します。

「A1:A3」のようにセル範囲も指定も可能です。

②ROUND関数

=ROUND(数値, 桁数)

数値:もとの数値を指定します。

桁数:どの桁を四捨五入するか

ROUND関数は、数値と桁数を引数に四捨五入を行うのに使用します。

(類似関数)

ROUNDUP:指定の桁数切り上げ

ROUNDDOWN、TRUNC:指定の桁数切り捨てがあります。

用途に応じて、四捨五入や切り上げ切り捨て、集計した数値を小数点付きで集計するときなどに使われることが多いです。

例:https://office-hack.com/excel/round/ 

③MAX関数

=MAX(数値1, 数値2, …, 数値255)

MAX関数は指定したセルの最大値を求めるのに使用します。

(類似関数)

MIN:最小値

MEDIAN:中央値

④TODAY関数

=TODAY()

TODAY関数はブックを開いた当日日付を表示します。

Ctrl+;で当日日付を表示することもできます。

⑤ROW関数/COLUMN関数

=ROW(),COLUMN()

ROW関数/COLUMN関数は、行数/列数を表示します。

例:https://www.tech-teacher.jp/blog/excel-row/ 

特に使われる関数5選!!

ここからは特に使われると思われる関数を5つ紹介します。

①IF関数(論理式, 真の場合, 偽の場合)

=IF(論理式, 真の場合, 偽の場合)

IF関数は、【もし条件を満たせば〜(正の場合)。そうでなければ〜(負の場合)】という関数で、条件ごとに処理を変えたい場合に使用します。

論理式:TRUE(真)/FALSE(偽)を返す式を指定します。

真の場合:論理式の値がTRUEの場合、行う処理。

偽の場合:論理式の値がFALSEの場合、行う処理。

年齢別に金額を変えるなど、ほかの関数と組み合わせることが多いです。

例:https://udemy.benesse.co.jp/business/office/excel-if.html 

②VLOOKUP関数

=VLOOKUP(検索値, 範囲, 列番号, 検索方法)

検索値:検索する値

範囲:検索されるセル範囲

列番号:範囲の先頭の列から数えた列数

検索方法:検索方法を以下のように数値を指定

 1→[検索値]以下の最大値を検索

 0→[検索値]に一致する値のみを検索

一覧から、ある検索値を範囲の下に向かって検索します。

例:https://xtrend.nikkei.com/atcl/contents/18/00069/00013/ 

③COUNTA関数

=COUNTA(値1, 値2, …, 値255)

値:個数を求めたい値を指定します。引数は255個まで指定できます。

COUNTA関数は、文字列、計算式、空白も集計対象とし、カウントできるのが特徴です。

例:https://office-hack.com/excel/counta/ 

④HYPERLINK関数(リンク先, 別名)

=HYPERLINK(リンク先, 別名)

リンク先:リンク先を表す文字列を指定

別名:セルに表示される文字列を指定し、省略も可能

ローカルファイルにあるシートやブックの内部リンクを作成ができ、外部へのリンクも使用することができます。

⑤CONCATENATE関数(文字列1, 文字列2, …, 文字列255)

=CONCATENATE(文字列1, 文字列2, …, 文字列255)

文字列:指定した文字をすべて結合

CONCATENATE関数は、文字と文字を結合して文字を作成します。

数値や数式などを指定することもでき、引数は255個まで指定できます。

また、【&”対象の文字列”&】と行うことも同様の意味になります。

連結して文字を結合する時などに使います。

例:https://kokodane.com/kansu_mojiretu_06.htm 

おわりに

はじめは難しいかもしれませんが、慣れると格段に効率が上がります。

皆さんもぜひ試してみてください。

【SEO対策】効果的なキーワードの選定について

はじめに

こんにちは、Itoop(アイティープ)の広報担当の黒澤です!

だんだんと冬らしい気候になってきましたね。

とても寒がりなので、すでにこたつを出して越冬の準備万端です笑

さて、今回のテーマは「SEO対策」です。

サイト運営していて、「もっとアクセス数を増やしたい!」と思うことは多くあるかと思います。

コンテンツのクオリティがどれだけ良くても、キーワードや関連タグがユーザーの検索ワードとマッチしていなければ届きません。

今回は、アクセス数を伸ばす効果的なキーワードを選定する際に大事なことをまとめてみました。

キーワード選定の重要性

そもそもSEO対策とはなんでしょうか?

SEOとは、Search Engine Optimizationの略語で、「検索エンジンの最適化」を意味しています。

検索エンジン上で検索したときにサイトがより上位に表示される様に策を講じることです。

例えば、カメラのメーカー別レビューを見たい!とユーザーが考え、「カメラ メーカー おすすめ」などの単語で検索した場合、その検索先のサイトにラーメンの情報がアップされていたら、ユーザーはどう思うでしょうか?

おそらく、求める情報外のコンテンツには興味を示さないので、サイトから離脱してしまうでしょう。

これでは、サイトのアクセス数やリピート数は伸びません。

たくさんの人のもとに届き、かつ「届けたい人に届く」ようなサイトにするためには、適切なキーワードを選定しサイトに盛り込むことが大切です。

キーワード選定とは

キーワード選定とは、SEO対策に効果的な文言を選択することです。

キーワードがユーザーのニーズにマッチしていることで、実際に特定ニーズを持ったユーザーがアクセスしてくれるので非常に重要なフェーズになってきます。

キーワード選定をする際に大切なポイントが3点あります。

①サイトのテーマと目的を明確に

サイトには、それぞれ目的や意図があります。

これは、先述したカメラの例がわかりやすいと思います。

ユーザーが求める情報からぶれないために大切です。

②ペルソナの設定

コンテンツを作る際、誰に向けて届けたいコンテンツを作るのかを明確にしておくことが重要です。

届けたい対象が曖昧だったり、万人が受け取りやすいようにしてしまうと、伝えたい重要なポイントが薄まってしまい、目的達成につながりにくいです。

③ユーザーがどんなキーワードで検索するか抑えること

意外に起こりやすいのが、サイト運営側とユーザー側での検索キーワードの認識不一致です。

カメラを例にすると、目玉商品のある機能を強味として前面に押し出したい際に、キーワードを「拡大機能」とするよりもシンプルに「ズーム機能」とした方が機能のワードとしての認知度が高く、伝わりやすい可能性があります。

まとめ

今回は、SEO対策におけるキーワード選定で大事なポイントをまとめてみました。

大前提、ポイントを抑えた上でキーワード選定をしていくことが望ましいと思いますが、キーワードは世の中の流れや、ユーザーのニーズに応じて絶えず変容していくので、適宜調整し、コンテンツもその動きに合わせることが必要です。

一見地味な作業に感じられるかもしれませんが、適切な設定をすることでより良いサイトになり、目的達成に効果を発揮するので、継続して設定しましょう。

【 必見!】未来を創る今後大注目の業界「フードテック」とは!?

はじめに

こんにちは、Itoop(アイティープ)技術担当の佐藤です!

今回は、今注目されている業界の一つである、フードテックについて書いていきます!

”フードテック”というワードは、みなさん聞いたことがあるでしょうか?僕は聞いたことはありましたが、具体的にどのようなものかは知りませんでした。そこで、今注目されているフードテックについて、調べたことをお伝えします!

フードテックとは!?

フードテックとは「食のフード」(Food)と「テクノロジー」(Technology)を組み合わせた造語です。最先端のIT分野(IoTやICT等)を活用して、食の持つ可能性を広げていくことがフードテックで、今後日本の成長産業として期待されている「伸びる業界」の1つです。

引用:https://www.job-terminal.com/features/%E3%83%95%E3%83%BC%E3%83%89%E3%83%86%E3%83%83%E3%82%AF/

なぜフードテックが注目されているのか!?

注目される理由として、以下3点が挙げられます。

・市場が広い

・SDGsとの繋がりが大きい

・食の安全性を担保できる

「フードテック」の市場は世界的な規模で注目を集め、市場規模は年々拡大し続けています。世界のトータルでは年間2兆円を超える金額が投資されているようです。

日本政府も「SDGsアクションプラン2021」において、持続的な生産・消費の促進、食品廃棄物・食品ロスの削減や活用などに言及していて、国内における「フードテック」の期待も高まっています。

更に「フードテック」の分野は食への安全性を担保できる点でも高く評価されています。テクノロジーの力により、「生産から食品供給までを追跡する仕組み」や、「異物混入を防止する新たな仕組み」、「長期保存可能なパッケージ開発」などの発展が進んでいくといいます。

フードテックによって生み出された最新テクノロジー

フードテックによって生まれた、まったく新しいテクノロジーをいくつか紹介していきます。

・代替肉
培養肉:少ない資源から食肉を生成する技術として注目されています。
プラントベースの代替肉:植物性のタンパク質からつくられた肉のことで、一番メジャーなのは、大豆ミートですね。

・植物工場
屋内で作物を人工的に生産するシステムのことです。光、温度、水の量などをコントロールした施設内で安定した作物の生産と供給を目的としています。

・新食材
人類があまり食してこなかった食料の生産です。例えばミドリムシを粉末にしてクッキーやドリンクにした製品、必要な栄養素が全て取れるグミなどです。さらに代表的なのが「昆虫食」です。昆虫食は栄養価が高く、環境にかかる負担も少なく、低コストで大量生産が可能です。

おわりに

いかがでしたでしょうか?近い将来、「フードテック」は僕たちの日常になくてはならないものとして、生活の中に浸透していくのではないかと思います。そのくらい、この世の中を大きく変えていきそうな業界だと感じました。今後のフードテック業界に、さらに注目していきたいですね!

それでは皆さん、今日も良い一日をお過ごしください。

【HP作成】Webデザインの基礎!【レイアウト編④】

寒い日が続くようになり、鍋が美味しい季節になってきましたね。暖かいものを食べて体調を整えていきましょう。

今回も、引き続きレイアウトについてまとめていきます。

第4弾は「視線の導線」についてです。

→前回記事:【HP作成】Webデザインの基礎!【レイアウト編③】

視線の流れを意図したものにする

人は、何かの情報をみるときは左上から右下へ視線が流れていきます。

左上、左下、右上、右下の4つのエリアに分けて考えたとき、特に目に入りやすい左上右下に重要な要素を配置すると、意図した通りに情報を伝えやすくなるでしょう。

視線誘導における2種類のレイアウト

視線誘導を意識したレイアウトには以下の2つがあります。

①Z型レイアウト

視線の流れが「左上→右上→左下→右下」とZの形に似ているために、「Z型のレイアウト」と呼ばれています

左上から重要な要素を配置していくレイアウトで、この手法はコンテンツを大きく見せたいプロモーションサイトやスマートフォンアプリなどでよく用いられています。

②F型レイアウト

ヘッダー部にあるロゴやナビゲーションへ視線が移動し、その後見出しや記事へと下に視線が移動していく手法です。

主にECサイトやブログなど、最近のWebサイトでよく用いられています。

おわりに

視線の流れですら、意図されたものがあるということに初めは驚きました。

だからこそ、視線の流れを意識したレイアウトにすることで意図した通りの情報を与えられるのが気付きでした。

これまでの記事で書いたものも駆使して、より良いHP作成に貢献できれば幸いです。

効果絶大!朝の最強の習慣

はじめに

こんにちは、Itoop(アイティープ)の広報担当の黒澤です!

皆さんは、朝の習慣などはありますか?

僕は、朝に散歩することがありますが、目覚めの良い朝を迎えられて気分よく仕事に取り組むことができるのでとてもオススメです!

朝の散歩について調べてみると、たくさんのメリットがあったので紹介します。

朝散歩のメリット

朝に散歩をするメリットは、大きく2つあります。

1つ目は、朝日を浴びて運動をすることで「セロトニン」と呼ばれる脳内物質が活性化されることです。

セロトニンは、覚醒、気分、意欲と関連している物質で、朝の散歩で活性化されることによって集中力が高まり、思考がクリアになります。

2つ目は、ビタミンDが生成されることです。

ビタミンDの原材料は「紫外線」で、皮膚に日光が当たることで生成されます。

15分~30分の散歩で1日に必要なビタミンDが生成されるので、日差しの弱い朝がベストのタイミングです。

これらのように、朝日は体調に良い影響があり、メンタル疾患のある人が朝散歩を始めるとで症状が急激に改善した事例もあるそうです。

より効果を上げるために

寝起きは活動モードではないので、軽いストレッチをしてからにするのがオススメです。

朝のストレッチは血行促進にも繋がり、運動する前の気持ちが入ります。

また、寝ている間は空腹でエネルギー不足になっているらしいです。私は朝ごはんを食べてから運動することで、パフォーマンスを上げることができます。

お湯を一杯飲むだけも腸が温まり、目覚めモードになりますので気持ち良く起きたい時にもオススメです。

おわりに

いかがでしたでしょうか?

今回は、朝の散歩についてまとめてみました。

個人的には、体調を崩しにくくなったり、仕事でのメンタル面が安定してきたり、集中力がました感覚があり、最強の朝活だと思います。

特に午前中の仕事の集中力が本当に変わったので、是非朝活として取り入れてみてください。

それでは良い一日をお過ごしください。