いつも大変お世話になっております。
WEVOLUTION 代表の岩倉です。

本年度は大変お世話になりました。
また、ウェブサイト構築のご依頼を頂いている企業様にはお待たせしており大変申し訳ございません。
年末年始と休まず構築を進めさせていただいておりますので、今しばらくお待ちいただけますと幸いでございます。

本年は多数の企業様とご契約いただきまして誠にありがとうございます。
様々な業種の世界を覗かせていただける貴重な体験ができ、大変充実した1年となりました。
心より御礼申し上げます。
また、本来であれば年賀状にて年始のご挨拶をさせていただく予定ではございましたが、今回はウェブサイトからのご挨拶となることを重ねてお詫び申し上げます。

来年も本年同様のご愛顧のほど、よろしくお願い申し上げます。

The post 今年も大変お世話になりました。 first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

ウェブデザイナーが使うアプリケーションとは？

ウェブデザイナーの仕事を細分化してみると・・・

• HTML/CSSやプログラム（PHP）などのコーディング・プログラミング
• カンプデザインの作成
• 画像やバナーの作成
• 動画の作成・編集
• 契約先より送られてくる資料の確認
• 作成したデータのアップロード

大まかですが、この5つが出来ればとりあえずウェブサイトを立ち上げることは出来ます。
もちろん、その中にSEO対策されたコーディング・見栄えが良くなるデザイン・飽きさせない動画編集・セキュリティ面などの知識や先方様がどのようなものを欲しているか、金額の調整などなど、色々なものが経験などで必要となってきます。

これからウェブデザイナーを目指している方は、まずアプリケーションを揃える必要があります。
私も新しいパソコンを購入したときやOSのリカバリーを行った際には、まず最初にいつも使っているアプリケーション環境を整えるところからスタートします。

快適な環境を整えて素晴らしいウェブサイトを作りましょう！

テキストエディター

テキストエディターとはコーディングを行う際にプログラムを記述していくためのアプリケーションです。
これがなくては、ウェブページの基礎でもあるHTMLを書くことが出来ません。

もちろん、windowsに最初から入っているメモ帳でも作ることは出来るのですが、メモ帳はあくまで「メモ帳」なのです。
プログラムをコーディングするために作られてはいないので、メモ帳でコーディングするとものすごく大変です。まず見づらいですし・・・

まずは基礎の基礎、テキストエディターをご紹介します。

Sublime Text

Sublime Textの公式ページ

オーストラリアのSublime Hq Pty社が出しているテキストエディター「Sublime Text」です。
もう６～７年愛用しているかと思います。

シェアソフト（有料ソフト）でライセンス料は2021年6月時点でUSD $99となっています。
無料でも使えますが、数回ファイルを保存すると「有料版を使いませんか？」という告知みたいなのが表示されます。

様々なプラグインをつけることができます。これが非常に便利です。
また、Windows・Mac・Linuxに対応しています。

何が良いかというと、動作が非常に軽いところですね！
フォントをAdobe社から出ている「SourceHanCodeJP」にするとより視認性が良くなります。

「Source Han Code JP」日本語のテキスト表示も考慮されたコーディング向けのフォント – 窓の杜

こういった専用のテキストエディターの特徴としては、プラグインが充実しているところです。
そのプラグインを使えば、例えばプログラムのタグごとに色分けしてくれたり、タグを途中まで打てば予測変換を出してくれたりします。

現在は、バージョン4の安定版が出ています。私が使っているのはバージョン3ですがそのうち4にしようと思っています。

コーディングの時間を短縮してくれるというかなり強い機能があるので、ぜひ使ってみてください。

Visual Studio Code

Visual Studio Code

Microsoft社が出しているテキストエディターも少しご紹介します。「Visual Studio Code」です。
動作が重いので私は使っていませんが、このアプリケーションも非常に優秀です。

デザインカンプ作成ソフト

まずはデザインカンプとは？ということろですが、要するにウェブページの「完成見本図」です。

この完成見本図はかなり作り込みます。ただ、出来上がるのはあくまで画像です。
この画像を見ながら、先程のテキストエディターなどでHTMLやCSSのコーディングを行っていきます。

WEVOLUTIONでも、最初にデザインカンプを先方様にご確認いただいた上でコーディングを進めています。

Adobe XD

Adobe XD

ご存知Adobe社が提供しているウェブページのデザインカンプ作成に特化したアプリケーションです。
これが発表されるまでは同じくAdobe社のPhotoshopやIllustratorを使っていましたが、正直カンプ作成としてはちょっと使いづらかったです。

Adobe XDでは、使いづらかった点が改善されており完全にデザインカンプ用に特化されています。

例えば、コンテンツの均等割り付けがボタン一つで出来たり、ウェブページでよく使われるボタンなどの素材が豊富です。

特に使いやすいのは画像を拡大・縮小するときに画像を割り付けられた範囲で縦横比が崩れずに出来るところです。
しかも、完成したデザインカンプはAdobe社のクラウドスペースにアップロードでき、簡単にシェア出来ます。

もうこれ意外でデザインカンプを作ることはないだろうというくらい、非常に使いやすいです。

もちろんシェアウェアです。過去Adobe社から提供されていたアプリケーションは買いきりでしたが現在ではサブスクリプションのみとなります。
Adobe XDの単体価格は月額1,298円（2021年6月時点）ですが、こういったサブスク系は価格が常に変動しますので下記リンク先でご確認ください。

XDの個人向け価格 | 無料スタータープランの情報 | Adobe XD

画像編集ソフト

正直画像編集に関してはAdobeの独壇場です。
逆にこれがあればデザインに困らないと思います。

この画像編集ソフトですが、ウェブページではバナーやスライダーのデザインで使いますがそれ以外にも、
名刺・看板・ポスター・POP・ロゴ・イラスト・冊子などなど、デザイナーには欠かせないアプリケーションです。

Adobe Illustrator

Adobe Illustrator

Adobe社より提供されている超有名アプリケーションです。「イラレ」と略されて呼ばれています。
普段見かける店舗の看板はもちろん、POPやパッケージのデザインなど。デザインが関わるものに関してはおそらく80～90％くらいはこのアプリケーションが使われています。

ベジェ曲線といわれる特徴的な曲線を使ってデザインしていきます。
習得までは慣れが必要ですが、ピクセル単位でファイルを保存するものと違い、座標単位でファイルを保存するのでファイル自体が非常に軽量です。

さらに、座標保存なのでどれだけ拡大しても劣化しないという特徴があります。
A4サイズで作成されたデータをA1サイズで印刷したとしても劣化しません。

当然ながらシェアウェアで単体価格は月額1,848円（2021年6月時点）となっています。
それに見合う価値があるアプリケーションですね。

ちなみに昨日公開したフリー素材もIllustratorで作成しています。

【フリー素材】トイレをいつも綺麗にご使用頂きありがとうございます。

Adobe Photoshop

Adobe Photoshop

写真加工に特化したアプリケーションです。「フォトショ」と略されて呼ばれます。
写真の色味やエフェクトなどIllustratorではカバーできない写真の加工はこちらで行います。

写真のホワイトバランスや色調の調整はもちろん、リタッチや写真に不要なものを消し去る機能などがあります。
例えば、先方様の自社ビルの写真を使いたいという場合に、ビルの周りにある車や電柱・電線を消したいという場合に使ったりします。

こちらもシェアウェアで単体価格はIllustratorと同じく月額1,848円（2021年6月時点）となっています。

番外編：脱Adobe出来るアプリケーション「Affinity」

Affinity

イギリスのSerif Europe社が提供しているAffinityシリーズです。
Affinity DesignerがIllustratorでAffinity PhotoがPhotoshopと互換性があります。

イラレやフォトショのファイルを開くことができ、ほぼ同等の機能で編集をすることができます。
特徴としてはサブスクリプションではなく買い切りで提供しているというところです。

定価で6,100円ですがセールで半額の3,060円になっています。（2021年6月現在）

Adobe社のアプリケーション2ヶ月くらいで元が取れますね。
まずは「イラレやフォトショがどんなものか使ってみたい」や「そこまで本格的に使わないからライトに使いたい」という場合は導入する価値はあると思います！

動画の作成・編集ソフト

いま、動画ブームがかなり来ています。Youtubeの影響ですね。
ウェブデザインでも動画を載せたい、自社CMを作りたいという需要があります。

Adobe Premiere Pro

Adobe Premiere Pro

動画の編集に最適なアプリケーションです。
有名Youtuberやテレビ、映画にも使われます。

最近では「シン・エヴァンゲリオン劇場版」でもPremiere Proが使われています。

『シン・エヴァンゲリオン劇場版』、膨大な素材と緻密な編集を支えたAdobe Premiere Pro

何が出来るアプリケーションかというと、動画の切り貼り・編集・加工と音声の切り貼り・加工・音量調整が出来ます。
そして、Adobe社提供のアプリなのでIllustratorで作成したファイルをそのままPremiere Proで使うことが出来ます。

ロゴやテロップの背景をIllustratorで作成して、Premiere Proで表示させるという使い方が出来ますので非常に便利です。

動画の編集も、不要部分をカットしたとしても後からカットした部分を復元できたりと動画編集では欠かせないアプリケーションです。

単体価格は月額1,848円（2021年6月時点）です。

Adobe After Effects

Adobe After Effects

こちらも動画に関連するのですが、アニメーションを作ることが出来るアプリケーションです。
テキストをアニメーションさせたり、動きが多いスライドショーを作ったりするのはこちらで作成します。

ちなみに、1コマ1コマアニメーションを書き出すのでめちゃくちゃ重たいです。
十分な空き容量とハイスペックなPCが要求されます。

（私の環境ではメモリー不足で急に落ちたりします・・・）

単体価格は月額1,848円（2021年6月時点）です。

Adobeのアプリケーションについて

ちょっと脱線して、Adobeのアプリケーションについて少し説明します。
Adobe社からはPhotoshop・Illustrator・Premiere Pro・After Effects・XD・Adobe Acrobat Readerなどなど、デザイナー業には不可欠なアプリケーションが多数提供されています。

こちらは、各アプリケーション単体で契約することも出来ますが、おすすめなのはCreative Cloudを一括で契約するプランです。
29ものアプリケーションを使うことができ、月額6,248円（2021年6月現在）です。

私はこのプランで契約しており、Adobe Stockという写真素材を配布しているウェブサイトを利用することも出来ます。
私の仕事では必須なのでしっかり契約しています。

ちなみに、学生さんの場合は教員・学生向けのプランが用意されており月額2,178円（2021年6月現在）で使えます。
学生証の提出が必要ですが、間違いなくお買い得なので学生の皆さんはこちらのプランで契約しましょう。

どの企業でも使われる定番アプリケーション

Microsoft Office 365

Microsoft Office 365

ド定番なんですが、このアプリケーションがないと仕事にならないです。

というのも、Google社より提供されているGoogleスプレッドシートやGoogleドキュメントがありますが、再現性に乏しく先方様から送られてきたWordやExcelのファイルを開いても崩れることが多々あります。

ウェブページのコンテンツのラフスケッチと呼ばれる、「画像をここに配置して、文章はこれにしてください。」という指示書は大抵の場合Word・Excel・PowerPointで送られてきます。
この表示が崩れると、せっかく作ったのに全然違ったものを作ることになってしまいます。

ですので、表示が崩れない・完全に再現できる同一のアプリケーションを用意する必要があります。
実は何よりも必須のアプリケーションです。

今のところ、9割以上の企業から指示書はMicrosoft Officeのアプリケーションで作られたファイルで送られてきますので必ず入れておきましょう。

こちらもサブスクリプションで月額1,284円（2021年6月時点）です。

作成したデータのアップロードソフト

作成したファイルをサーバー上にアップロードして初めてウェブサイトとして閲覧することが出来るようになります。
このサーバーへのアップロードを行うアプリケーションは「FTPソフト」と呼ばれます。

よりバックエンド側の操作に慣れている方はターミナルからSSH接続してファイルの転送を行うのでしょうが・・・
今回は初心者向けということで；

レンタルサーバーであれば、サーバーを提供している会社ごとにファイルマネージャー的なウェブアプリケーションを出している所もありますが、
複数あるサーバー会社のページにいちいちログインして・・・というのも手間なのでFTPソフトを使用します。

FileZilla

FileZilla

Tim Kosse氏が作成したFTPソフトです。
こちらはフリーソフトで使用できます。最初は全て英語ですが、設定で日本語にすることもできます。

FTPの定番アプリケーションで、逆に言えばこのアプリケーション以外のFTPソフトがあまりありません・・・。

ファイルを目視しながらアップロード出来るので非常に便利です。

まとめ

5選といいつつ、おまけも含めると10個くらい紹介しましたね…。
パソコンが普及し始めた当初は一太郎とかサクラエディタとかありましたが、国産ソフトは絶滅気味ですね悲しい・・・

今回初回したアプリケーションはウェブデザイナー業では必須なものばかりなので、必要経費としてしっかり契約しておきましょう。
海賊版とか使うと後々でめんどくさいことになるので、ちゃんと正規のもので契約することが大事です。

もっとも、Adobe系のアプリケーションは一社独占状態なのでAffinityには頑張って欲しいですね！
競合が出来ると価格競争が起きますし。

ということで、現役ウェブデザイナーが使っているアプリケーションの紹介でした！

The post 現役webデザイナーが使っているアプリケーション5選！ first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

店舗やオフィスのトイレに貼るだけで効果てきめんなフリー素材「トレイをいつもきれいにご使用いただきありがとうございます。」を作成しました。

きれいに使ってくださいとお願いするのではなく、既にきれいに使ってくれてありがとうと言い回しを変える言わば「前提導入」というテクニックが使われています。
心理学の応用と言われています。ぜひ、印刷して使ってみてください！

フリー素材のダウンロードはこちらから

日本語意外にも英語・中国語・韓国語で書いてあります。

印刷用PDFは下記よりダウンロードしてください。

印刷用PDFダウンロード

The post 【フリー素材】トイレをいつも綺麗にご使用頂きありがとうございます。 first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

インターネット上でよく使われる専門用語のことです。
ネットを見ていると色々見かけたことがある用語があると思いますが、その詳しい意味はご存知でしょうか？

用語にも色々ありまして、ウェブページの住所を示すものやウェブページを構成しているプログラム言語の名称まで様々あります。
専門用語は様々ありますが、インターネット用語はアメリカ発祥のものなので複数の単語の頭文字をとった名称が多いです。

それでは早速、インターネット用語を見ていきましょう！

「インターネット用語」頻出12選

はい！前回のショートカットキー早見表の使いまわしです！！←
頻出13選！業務効率を上げるためにショートカットキーを使いこなせ！

前回の記事がFacebookで好評だったので、今回も作ってみました。
まあ、今回はちょっとニッチなのでそこまでアレですが・・・

一応、念の為！今回もPDFで印刷できるものもご用意いたしました。
インターネット用語 早見表

それではひとつずつ解説していきます！

http(s)

ウェブブラウザーの上部にURLを入力する欄があるとおもいますが、そのURLの最初に書かれているのが「http://」というものですね。
これはハイパー テキスト トランスファー プロトコルの略称です。

要するに、ウェブサーバーに接続するための通信手段のことを指します。
トランスファーが通信、プロトコルが手順・規格という意味です。

ちなみに、最近ですと「https://」が主流です。
これはセキュアのsで、暗号化された安全な通信のことを指します。

早見表に書いてある通り、httpはハガキでhttpsは封書です。
通信内容を他の人に漏洩させないための通信規格ですね！

Googleはhttpsに対応しているウェブサイトを評価の一部として換算すると明言しています。
HTTPS をランキング シグナルに使用します

ちなみに、現在ご覧いただいているウェブページもhttpsに対応しており、URLのところに鍵マークが付いているかと思います。
WEVOLUTIONでウェブサイト制作をされた方も全てhttps対応させていただいております！

www

笑っているわけではないです・・・。
誰が草生えるじゃ！←

ワールド ワイド ウェブの略称ですね。
よく、ウェブサイトやウェブページ・ウェブブラウザーなど言いますが、このウェブはワールドワイドウェブのウェブです。

インターネット上にある無数のコンテンツを結びつけて張り巡らされた、巨大なシステムで、現在ご覧いただいているウェブページもそのひとつです。

http://www.xxxxxx.com/みたいにURLに表記されることもあります。
ちなみに、wwwは付けても付けなくてもどちらでも問題ないです。

最近では体感で付けていないサイトが増えているかな？という感じです。

ドメイン

インターネット上での住所のことですね。
このサイトだとwevolution.jpがドメインになります。

このドメインは、ウェブサイトでも使えますしEメールアドレスでも使えます。
なので、wevoltuion.jpというドメインを取得している私は、mail@wevolution.jpというメールアドレスを作ることもできます。

独自ドメインを持っていると、「ちゃんとした企業だ！」という印象を与えることも出来ますね！

URL

ドメインより細かな住所をまとめてURLといいます。
ユニフォーム リソース ロケーターの略称です。

要するにこのウェブページhttps://wevolution.jp/column/internet-term/や画像のURLでhttps://wevolution.jp/wp-content/uploads/2021/06/web-term.pngなどを細かい住所のことをURLといいます。

ドメインは「○○県○○市〇〇町○丁目○番○号」だとすると、
URLは「○○県○○市〇〇町○丁目○番○号○○アパート○○○号室のテレビのリモコンが置いてある位置」くらいまで詳細にしたものですね。

HTML

ハイパー テキスト マークアップ ランゲージの略称です。
コンピューターに「これはウェブページですよ！」と分かりやすく伝えるためのプログラム言語ですね。

ファイル名は基本的に「xxxx.html」などと記述されます。
どんな言語なのか少し見てみたい場合は、パソコンの場合に限りますがここのウェブページを右クリックして「ページのソースを表示」みたいな項目を選んでみてください。

例えば、「<img src=”xxxxx.png” class=”xxx” alt=”xxx”>」みたいに書いてあると思います。
慣れてない方はちょっと頭が痛くなると思います；

ちなみに、こういったプログラム言語を書くことを「コーディング（コードの現在進行系ですね）」といい、プログラム言語を書く人を「コーダー」と言います。
この記事を書いている私もウェブサイト制作を行っているのでコーダーです。

CSS

カスケーディング スタイル シートの略称です。
HTMLで記述されたものを閲覧しやすく校正するためのプログラム言語です。

例えば、文字を中央揃えしたい場合に使ったりします。

こんな感じですね！

中央揃えには「text-align:center;」みたいに書いたりします。
基本的にプログラム言語ってアメリカ発祥なので英語が出来る方は習得しやすいかもしれません。

私は英語が全くダメだったので、最初すごく苦労しました・・・
IT系のお仕事をしたいと考えている中高生の方々は早めに英語の勉強をしておくことを強く！強く！おすすめします！！

リンク

ウェブページから別のウェブページや画像・動画にアクセスするためのものを指します。
たとえば・・・

WEVOLUTIONのトップページこちら

みたいなのがリンクです。
詳しく言えばハイパーリンクと言います。

クリックすると指定したURLへ遷移するものです。

ソース

プログラムの機械語を人間にも分かりやすくしたものをソースコードと呼びます。
「HTMLのソース見せて！」みたいな感じで使ったりします。

ちなみにソースコードの対義語でオブジェクトコードというものがありますが、これは完全な機械語のことを指します。

ちょっとだけ機械語をご紹介しますと、
「0A 4D 00 3F 43 1B A8・・・・」みたいな感じです。訳わからないですよね・・・ｗ

機械語は基本的に2桁の16進数の羅列になります。コンピューターはその16進数を更に2進数に変換して動作するんですね。
流石にこれでは習得が難しい・・・ということで人間にも分かりやすいソースコードというものが開発されました。

SNS

ソーシャル ネットワーキング サービスの略称です。
基本的に登録制で、登録者同士が交流できるウェブサービスのことを指します。

たとえば、twitterやFacebook・InstagramなどがSNSです。
SixDegrees.comがSNSの基となったサイトらしいです。

日本では過去にmixiなどがありましたね。

ホームページ

ウェブブラウザーを開いたときに一番最初に表示されるウェブサイトのことをホームページといいます。
パソコンのGoogle Chromeだと家の形をしたアイコンをクリックするとホームページにジャンプします。

ただ、このホームページという言葉だけが先行してしまって日本ではウェブサイトのことをホームページと呼ばれたりします。
正確にはホームページはウェブブラウザーで設定するものです。

ただ、誤用されたまま使われてしまっているのでこのウェブサイトでは「苫小牧のホームページ制作ならWEVOLTUION」というタイトルにしています。
その方が多く検索されますので・・・；

CMS

コンテンツ マネージメント システムの略称です。
たとえば、このウェブサイトではWordPressというブログ機能付きのCMSを使用しています。

早見表では「HTMLやCSSを書かなくてもウェブサイトが作れる」と書いていますが・・・
確かに、CMSでは決まったテンプレートがあり画像やテキストを差し替えるだけでウェブサイトを作ることが出来ます。

ですが。
トンマナと言われるコーポレートカラーやイメージをウェブサイトに反映させたい場合は、オリジナルのテンプレートを作成する必要があります。
このテンプレートの作成にはHTML・CSS・JS・PHPといった最低4種類の言語をある程度理解した状態でないと作ることが出来ません。

「どんな見た目でもウェブサイトがあればいいよ！」という方はテンプレートを購入して編集すればオリジナルのウェブサイトを作ることが来ますが、
私たちWEVOLUTIONではデザインから各ページそしてブログ機能を付随した状態でオリジナルテンプレートを作成しています。

オリジナルのデザインでウェブサイトを作りたい！という方は是非WEVOLUTIONまで！（宣伝）

クッキー

ウェブサイトを閲覧している人の情報を一時的に保存しておく機能です。
例えば、ログインが必要なウェブサービス（SNSやネットショップなど）でログインIDとパスワードを入力してログインしたときに、別のウェブサイトを閲覧したりしてまた戻ってくるときに再度ログインしなくてもログインした状態を保つために使われたりします。

他にも、ネットショップでカートに商品を入れた状態でログアウトしてまたログインしてもカート内の情報が維持されている状態を保つときにも使われます。

プライバシーポリシーのページにも「あなたの情報を一時的にクッキーに保存しますよ！」という詳細が書かれていたりします。

まとめ

今回も長かったっす・・・
子供の頃は作文がすごく苦手だったのに大人になると自然と長文を書けるようになるものですね。。。

ということで、インターネット用語の頻出12個を解説させていただきました。
少しでもIT企業っぽい記事になってると幸いです・・・ｗ

The post インターネット用語を解説！12個の代表的な用語をまとめました！ first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

Microsoft社が販売しているパソコンのオペレーティングシステムがWindowsシリーズです。
1985年にWindows1.0が発売されてから世界中で利用されており、1995年発売のWindows95では発売初日はものすごいお祭り騒ぎとなっていました。

Windows95を皮切りにパソコンがマニアのものから一般社会へ大きく普及していきます。
それと同時にインターネット（当時はダイヤルアップ接続方式）を一般家庭に導入する家が徐々に増え、
個人制作のホームページが盛んに作られました。

さて、Windows1.0の発売から35年が過ぎついに今年2021年の年末にWindows11が発売されます。

Windows11へのアップデートは？

すでにWindows10をお使いの方は無償でアップデートが可能とのことです。

Windows11公式ページ

Windows10の公式サポートは2025年10月14日に打ち切られます。
2021年6月現在であと4年少々ありますが・・・

かといって、早めにWindows11にアップデートするのは少し待ったほうがいいかも知れません。
というのも、大変使いやすかったWindows7のあとに発表されたWindows8はそれはもう使いづらく、あまり普及しませんでした。

Windows7からWindows10にアップデートしたという方がかなり多い印象です。

そして、現在使われているアプリケーションがWindows11に対応していない可能性もあります。
もちろん、MicrosoftのOfficeやインターネットブラウザーは当然対応させてくるとは思いますが、Microsoft以外から出されているアプリケーションは安定して動作するという確認を取ってからWindows11にアップデートした方が良さそうです。

企業では、社内システムなどがWindows11に対応していない可能性がありますので、早めに移行できるように準備しておきましょう。
未だにサポートが切れたWindows7を使っているというところは大変危険なので早急に対処していきましょう。

Windows11の新機能は？

タスクバーのWindowsスタートボタンが中央へ

ものすごくMac意識してますね・・・；

タスクバーとは画面下部にある、スタートボタンや検索、アプリケーションのショートカットをピン留めできる場所です。
今までですと左寄せされていましたが、これが中央に配置されます。

Macだとだいぶ前から中央に配置されていたので、Macを使っていた方はすぐ慣れると思います。
ただ、中央に移動するだけなのでWindowsを使っていた方も慣れると思います。

Androidのアプリが使用可能に

Windows11では、Amazonのアプリストアを通じてAndroidアプリを使うことが出来ます。
Androidアプリを使うにはAmazonアカウントを作成してログインする必要があるそうです。

また、AmazonアプリストアはGoogle系のGmailやGoogleマップなどを提供していないようです。
GAFA間の軋轢がここでも垣間見えます・・・；

Xboxのゲームが遊べるように

日本じゃ流行らないですねこの機能←
洋ゲー好きな方は歓喜されてるかとｗ

いま流行りのサブスクリプション形式でXboxで提供されているタイトルが遊べるようになるそうです！

MicrosoftTeamsでビデオ通話やチャットが可能に

これも日本じゃ流行らなさそうですねぇ・・・

要するにiPhoneのFaceTimeやMessageの機能をMicrosoftが作ったという感じです。
インターネットに接続していれば通話は無料なんだそうです。

ただ、日本だとLINEやビデオ通話だとZoomやDiscordなどがあるのであまり使われない気がしてます。。。

ウィジェット機能

iPhoneを使われている方ですとすぐご理解いただけますね。

天気やニュース、株価の情報などをまとめておけるウィジェット機能が実装されます。
サードパーティーの開発者も開発・発表できるとのことで、便利なウィジェット機能が実装されることに期待しましょう・・・！

Windows11の個人的見解

Windows10のままでいいじゃん・・・って思いがちですが、要はブランディング戦略なんでしょうね。

おそらく、Apple社のMacやiPhoneを意識してのアップデートだと思っています。
基本的には見た目が少し変わるだけかと；

Windows10の良いところは随時アップデートされていってセキュリティ面などを保護してくれており、6年間続いたのはWindows史上初めてなんですよね。
あの優秀だったWindowsXPでも5年でした。

私としては、サードパーティー系のアプリケーションをたくさん使っているので、それらがWindows11で安定動作するという確認が取れ次第、Windows11に移行しようかと思ってます。
こういう大型アップデートって最初のうちはバグが多くてまともに動かないことがあるので；

まとめ

独自のアプリケーションを作って使われている企業の方は、今のうちから手を打っておいた方が良いかと思います。これは本当に・・・

というのも、未だにWindows7を使っているという方を結構な確率でお見かけするのです。
たしかにWindows7は優秀で使いやすいですが、インターネットに接続した際にセキュリティの脆弱性を突かれると情報漏えいをいとも簡単にされてしまいます。

まずは今のうちにせめてWindows10へのアップデートをおすすめします。
パソコン自体は大変便利なものなので、安心安全な環境で使えるようにしておきましょう・・・！

The post Windows11が発表！新機能についてご紹介します！ first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

元も子もないですね・・・
見出しからして出落ちしてます←

まあ、正直こだわらなくても良い部分でもあるんですよね名刺って。
会社名・名前・住所・電話番号・メールアドレスくらいがあればとりあえず名刺の要件は満たしてるので、自分で作るとか出来ちゃうんですよ。

特に今だとそれっぽいデザインのテンプレートに情報を入力して完成！っていう便利なサービスもありますしね。

では、テンプレートの名刺とオリジナルの名刺だとどれくらい違うのか？というのをご紹介します。

WEVOLUTIONの名刺を見てみてください

このブログを読んている方の中には、既にこの名刺持ってるよっていう方もいらっしゃるかと思います。

一応、イメージカラーとして3色決めています。
ネイビー・オレンジ・ブラックの3色ですね。（白は除きます・・・）

表面には上部に大きくロゴ、上方部分として2カラム左右で区切ってます。
左側には名前と役職、右側には住所や電話番号。もちろん、ウェブサイトのURLも記載しています。

上方部分には背面をブラックにして普通の名刺とは違った印象を与えています。

というのも、印刷物って黒のベタ塗りは本来タブーなんですよ・・・ｗ
色の三原色シアン・マゼンダ・イエロー、それにキープレートを加えてCMYKというのが印刷物の基本のカラーになります。

このキープレートがブラックなんですが、印刷物の黒って完全に黒じゃなくちょっと茶色みががってるんです。
それをより綺麗な黒にするのがリッチブラックというものなんですが。

ちょっと手間なんですよね、印刷物のブラックは。DTP専攻の方はまずやらないです。。。
そこを逆に黒のベタ塗りを使って印象を強く残してます。

そして、下部にはネイビーと差し色のオレンジを使ったフッター。

何かと褒められる事が多くなりました

この名刺、もちろん表面を上にしてお渡しするのですが渡したときに、
「やっぱりデザイン会社だね」「カッコイイですね」
と仰っていただける事が多くなりました。

見栄えがするデザインの名刺をお渡しすることで、印象を強く残せるんですよね。
さらに、「あれ、あのデザイン会社の人だれだっけ？」と名刺帳を探す際にもすぐ見つけられるデザインです。

色々な面で特徴的な名刺にしておくと有利になったりします。

ちなみに、裏面はこんな感じです。

QRコードを置くことでウェブサイトへのアクセスをスムーズにします。
そして、大まかな業務内容を書いておくことで、より分かりやすく伝わりやすい印象を与えられます。

企業のキーワードを決めてそれを書いておくのも良いですね！
WEVOLUTIONだと「CREATIVE TO CONVEY　より見やすく、より分かりやすく」なのでそれを入れています。

オリジナル名刺は企業を伝えやすい

例えば、ロゴのカラーやウェブデザインと近づけることで統一感が出ます。
いわゆるトンマナ（トーン＆マナー）というものです。

トンマナを決めておけば、チラシ広告や看板広告にも使うことが出来ます。
ひと目見ただけで、「ああ、あそこの会社ね！」と理解してもらえます。

デザインひとつなんですが、これだけで結構変わります！

まとめ

という宣伝でした。
あまり今日書くことを思いつかなかったんでとりあえず少ないネタから膨らませて書いてみましたが・・・
ちゃんと思いついたネタをメモしとかなきゃダメですね；

とはいえ！
ちょっと名刺のデザインをおしゃれにかっこよくしてみたい！と少しでも思った方は！
ぜひWEVOLUTIONまでご連絡ください！！！

The post オリジナルの名刺を作って自社の印象を強く残そう！ first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

まず、拡張機能とはなんぞや？と思いますでしょう。
Google Chromeでは拡張機能（アドオン）をインストールすることで様々な機能を追加することが出来ます。

その中でも今回ご紹介するのは「Momentum」。

Googleウェブストアで検索すると出てきます。せっかくなのでリンクを張っておきますね！

Momentum

さて、このMomentumを直訳すると「勢い」なんですが・・・
公式ページの英文をちょっと翻訳してみますね。

Momentumの概要

この拡張機能はGoogle Chromeで新規タブを開いた際にパーソナルダッシュボードを追加してくれます。
例えばToDoリスト、天気予報、そしてインスピレーション。

新しいタブページは落ち着いたひとときを提供し、生産性を高めてくれます。

日替わりの美しい写真が表示されることでインスピレーションを高めることができ、その日やることを設定できます。
新しいタブを開くたびにやることを思い出させてくれ、別のことに気を取られるのを防いでくれます。
先延ばしにしようとする気持ちを打ち負かしてください。

既に300万人のユーザーが利用しております。
あなたが生きたい人生を創造するためのインスピレーションをMomentumを使って得てください。

・・・みたいなことが書いてます。ザックリした翻訳なんで間違ってたらごめんなさい；

「Momentum」で何が出来るの？

出来ることは次のとおりです！

• 毎日日替わりの美麗な写真を表示
• 大きくシンプルなデジタル時計
• その日のやること（フォーカス）を１日表示してくれる機能
• 天気予報
• ToDoリスト
• 検索キーワード入力欄
• ブックマークバー
• 引用文
• マントラ

これらが無料で使える機能です。かなり多い！

さらに有料機能もあります。
年間契約をすることで月額3.33$、単月契約だと月額4.95$です。（2021.6.24現在）
有料機能は・・・

• ポモドーロタイマー
• カウントダウン
• メトリック
• ノート
• 世界時計
• 外部Todoリスト（Todoist, Trello等）との連携
• 背景写真の追加

となっています。
まあこの辺はスマホでもなんとかなるので欲しい方はどうぞ←

「Momentum」の無料機能をご紹介します！

日替わりの美麗な写真を表示

まずは、新しいタブを開くと日替わりの美しい写真が表示されます。

ちょっと写真素材が今日の分しかないんですが・・・
今日はカナダ･アルバータ州のモレーン湖が表示されてました。（この湖はじめて知りました。）

北海道の美瑛町にある青い池みたいで綺麗ですね！
まあ当然規模はぜんぜん違うのでしょうけど。。。

ちなみに、半年くらい使ってみてますが今のところ使い回しの写真はなかったように思います。
常々引き篭もっている私にはありがたい機能ですね（涙）

シンプルなデジタル時計

かなり大きく表示されてますね。わかりやすい。
この時間までにこの作業をやろうと時間単位で決めているので、時計が多いことに越したことはありません。

その日のやること（フォーカス）を１日表示してくれる機能

先程の写真に「What is your main focus for today?」と書いてあり、その下に白い線があると思います。
上の英文は要約すると、「あなたが今日おもにやることはなんですか？」みたいな意味です。

白い線があるところにマウスのカーソルを合わせると、やることを入力することが出来ます。
新しいタブを開くたびに、その日メインでやることを表示してくれるので、よそ見せずやることを遂行出来るようになりますね！

天気予報

右上に地名と天気と気温が表示されます。
このアイコンをクリックすると地名を入れることが出来るので、住んでいる地域を英文で入力すると設定できます。
とりあえず、ローマ字で入力すれば検索候補が出てくるので、そこで選択してみてください。

アイコンをクリックしたとき、右上に三点リーダー「・・・」が表示されていますが、そこをクリックすると「Metric units」というのがあります。これをオンにすると気温が摂氏表示になります。
オフの状態だと華氏表示なんで、見慣れている摂氏表示にしておきましょう！

ToDoリスト

右下にはTodoと表示されていますが、クリックするとToDoリストを作ることが出来ます。
例えば「〇〇さんに電話連絡」「株式会社〇〇に訪問」などやることリストを作れます。

忙しくなってくるとやることを忘れてしまう人にはピッタリな機能ですね！
はい、私のことですいつもすみません・・・・

検索キーワード入力欄

左上には検索窓がついています。
入力してエンターキーを押すとGoogleで検索してくれます。

いちいちGoogleを開かなくてもここから検索出来るので便利ですね！

ブックマークバー

上部にはブックマークバーが表示されます。
よく使うブックマークはここに入れておくと便利です！

ただ、私の場合は常に表示しているので二重になってしまうのですが・・・・

引用文

これ気にしたことなかったので何のことだろう？って思って調べてみたんですが、
画面の下部中央に「Life shrinks or expands in proportion to one’s courage.」みたいなことが書いてありますよね。

これが毎日日替わりで表示されるらしく、おそらく格言を表示してくれる機能っぽいです。

翻訳すると「勇気の持ちようによって人生は伸びたり縮んだりする。」というフランス生まれの著作家アナイス・ニンさんの格言のようです。
ひとつ賢くなりました・・・ｗ

マントラ

これも全然気にしたことがなかった機能ですね・・・
マントラってFF14のモンクのアビリティしか思い浮かばない←

調べてみたところ、「Simple phrases to build positive mental habits」と表示されていましたのでおそらく、
ポジティブな精神を保つための一言みたいな感じですね。

機能をオンにしてみると、時計の下に「Baby steps.」と表示されました。
どういう解釈が正解なのかはわかりませんが、おそらく「赤ちゃんの歩みは大きな歩みである」みたいなことだと思います。（たぶん・・・）

ちなみに、機能をオフにしておくと時間ごとにGood MorningとかGood evening.みたいな感じで表示されます。

まとめ

有料機能は・・・いいっすよね大体スマホで賄えそう←

私みたいな家から出ないで仕事するタイプの方にはほんとオススメです。
美しい自然の写真は心を穏やかにしてくれます。本当なら実際に自然と触れ合うのが一番なんですけどね；

2022年6月15日にウェブブラウザー「Internet Explorer」のサポートが切れるようです。
フロントエンジニアにとっては本当に朗報で「ようやくか・・・」という感じですが。

これを機にブラウザーをGoogle Chromeにして、この素敵な拡張機能を使ってみてくださいね！

The post Google Chromeの拡張機能「Momentum」で新規タブを美麗な写真とToDoリストにしよう！ first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

印刷用PDFファイルはこちら

「横文字ばっかり並べないで・・・」と思われるかも知れませんが、要するにショートカットキーの早見表です！
PDFで保存してあるのでご自宅や会社のプリンターで印刷して壁に貼っておきましょうね！デザイン良さげに作ったんで貼っておいても変な感じにならないと思いますよ！（たぶんね！！！！）
慣れたら剥がしちゃってOKですｗ

各項目にざっくりとした説明を書いてあるのでご理解いただけるとは思いますが、一応念の為に（SEO対策のために）各項目の説明も書いておきますね・・・！

ショートカットキーの魅力

業務改善・業務効率を向上するために必要なのは業務そのものを見直すというものがあると思います。

ですが！
ひとつひとつの細かいアクションを簡略化することで全体の業務時間を減らすことができます。要するに塵も積もれば山となるというやつです。

例えばですが、ひとつのアクションが5秒かかるものがあるとします。ファイルの保存をするときにマウスをファイルのタブに持っていって上書き保存を選んでクリック。
よくありますが、ちょっとひと手間掛かりますよね。

これを、ショートカットキーのCtrl+Sで1秒で終わるとします。
そうすると4秒の短縮なんですよね。

ファイルの保存はこまめに行なったほうが良いアクションです。というのも、突然パソコンがフリーズした！というときに、保存していないとそれまでせっかく作った文章などが消えてしまいます。

私は過去にこれ本当によくやりました。。。

専門学校生時代はDTM（デスクトップミュージック要するにパソコンで音楽を作る）をやっていたのですが・・・
「せっかくベースのフレーズ完成したのに全部消し飛んだあぁぁぁぁぁ！！！！！うわあああああ！！！！！」
なんてことがよくありました。このときにファイルの保存はこまめにやろうと心に誓いました。。。

ショートカットキーを使って早く仕事を終わらせて早く帰りたい（願望）

さて、1つのアクションが4秒短縮されますと。
60分の作業中に例えば5回行います。そうすると20秒の短縮ですね。

これを積み重ねていくと・・・
1日8時間の業務として160秒。週5日で800秒。4週で1ヶ月3200秒。3200秒って約53分なんですよ。

これ1つのアクションで考えたときにこの秒数ですが、ショートカットキーを使えるアクションが5個だった場合約4時間40分。
だいぶ大きいんですよ。ほんとに。

私のような個人事業主ですと、いかに1つの業務を早く終わらせて自分の時間を確保するのかが大事になってきます。
そして1つの納品物を早く仕上げれば、それだけ単価が上がるということです。自分の報酬に直結するんですよね。。。

なので！
今回のチートシートでは頻出する13個のショートカットキーを厳選してまとめました！

解説していきますね！

ショートカットキー頻出13選

コピー・ペースト・カット

ほんと使わない日はないですこれは。

テキストのコピーはもちろん、ファイルや画像もコピーできます。
特に便利なのは、ブラウザーで画像検索した画像をLINEなどにコピー出来ることですね。

ちなみにコピーは元のファイルが残り、カットは元のファイルが消えます。

カットを使うときはファイルを移動させたいときに使いますね！

全選択

例えばテキストをそのまま全てコピーしたいときに使ったりします。

私なんかはプログラムのコードを流用したいときなんかに使います。
なにげによく使います。

上書き保存・別名で保存

超大事！！！！！！

先程も書きましたように、ファイルの保存はパソコンのフリーズや停電したときに安心・安全の保障になります。
完成間近でそれまで作ったファイルが消えたときにはほんとやるせなくなります。。。

なので「こまめな保存は大事です。」と2回書きました。大事なことなので・・・

ウィンドウ・タブの切替え

ネットを見ているときにブラウザーのタブが増えがちですが、その切り替えもショートカットキーで行えます。

あと使いたいフォルダーをたくさん開いてしまったときに、アプリケーションの裏側にフォルダが隠れてしまったときにウィンドウの切り替えをよく使います。
いちいちマウスで探すよりもサクサク切り替えられるので便利ですよ！

印刷

プリントのPですね分かりやすい。
印刷したいときにわざわざマウスで印刷を選択するのめんどくさいですもんね。。。

印刷で便利なのはWordやExcelをPDF化したいときに使えるということですね。
最近はPDFが一般的になってきたので簡単にPDF化出来るのはありがたいです。

検索

これはネットの検索ではなく、ファイル内で特定の文字列を見つけたいときに使います。

特にブラウザーで多いですね。特定の単語で検索してもページのどこに書いてあるか探すのが手間なのでCtrl+Fで検索窓を出して文字を検索します。
探したいものをすぐ見つけられるので便利です！

仮想デスクトップ

Windows10にはタスクビューという機能が追加されてます。

これは元はMacにあった機能なんですが、ようやくWindowsでも使えるようになりました。
便利なのが、タスクビューを行うといま開いているウィンドウを一覧で見ることが出来るようになります。

そして、更に便利なのが仮想デスクトップ。
例えば1つ目のデスクトップでブラウザーを開いてYoutubeでBGMを流しつつ、2つ目のデスクトップで作業する。
みたいなことができます。

マルチディスプレイ（ディスプレイ・画面を複数設置するということですね）を1つの画面で行えるので、ノートパソコンで使うときは更に便利です！

たった13個のショートカットキーを使うだけでこんなに便利

そう、13個覚えてしまえば良いのです。たった13個ですよ。

他にも便利なショートカットキーもありますが、私が個人的によく使うショートカットキーをを厳選しています。
他にはIllustratorでのアウトライン化を行うときのCtrl+Shift+Oやアプリケーションを閉じるAlt+F4などあるんですが、あまり需要はなさそうなので・・・

これを使って効率化を図れば「仕事をできる！」感も出せますし、実際に仕事も早く終わりますし一石二鳥どころではないですね！

ぜひ少しづつでも使ってみてください！

ショートカットキーのチートシート（早見表）の活用方法

今回のショートカットキーの早見表はPDFで作ったので、どこまで拡大しても劣化しない作りになっています。
一応、A4サイズで作ってありますがA1とかのポスターサイズにして貼ってもいいですね！

貼るのがはずかしい・・・という方向けに、デスクトップ画面の壁紙サイズも作っておきました。

壁紙サイズのダウンロードはこちら

意識高い感も演出できて（自称）おしゃれなデスクトップにも出来ますよ！ｗ

まとめ

初回から気合が入った記事になってしまいましたね・・・今後続くか非常に不安です（白目）

あ、たったいまCtrl+Zっていう「1つ前に戻る」っていう大事なショートカットキーのことを思い出しました・・・・・・・・
まいっか！！！！！←

今回のチートシートのデザインが良いなと思った場合は、デザイン制作をぜひWEVOLUTIONまで！！
お待ちしております！！！！！

The post ショートカットキーの早見表！頻出13選で作ってみた！ first appeared on 苫小牧のホームページ制作ならWEVOLUTION.

この度、公式ウェブサイトをリニューアルいたしました。
今回のリニューアルでは、サービスの刷新とともに私どもの考え方を「分かりやすく・見やすく・伝えやすく」出来るようなデザインに変更しました。

さらにお客様の声など、今までにないコンテンツを新設し、私どものサービスを使うことによりどのような変化が生まれるかををより深く知っていただけるような内容になっております。

これからも定期的にサイトを更新し、
皆様にご満足いただけるサイト作りを目指してまいります。

今後ともWEVOLUTIONをよろしくお願い申し上げます。

The post WEVOLUTIONの公式ウェブサイトをリニューアルしました。 first appeared on 苫小牧のホームページ制作ならWEVOLUTION.