ホームページ知識・豆知識系 の最近のブログ記事

続きを読む: アノ画像って、どうやって調達してるの？：解説シームレス画像編

これからホームページ制作やデザインの仕事を覚えようと考えている人に必要なこと

exe-creation (2017年12月21日 21:21)

「これからホームページ制作やwebデザインで生計を立てよう！」そう思う方は現状一定数いらっしゃるかと思います。

特に日本は漫画大国、海外の環境と比べ、絵心のある人の割合が多く、それは街中にあふれかえる広告やPixivなどに代表されるイラスト投稿SNSの活発さが物語っています。

じゃあ、デザインを仕事としてやっていくにあたり、どんなことが必要なの？というと、今一つピンとこない方も多いのではないでしょうか？

個人的な観点から、少しこのあたりの話題について触れていきたいと思います！デザイナーを目指す方に是非読んでいただきたい記事です。

続きを読む: これからホームページ制作やデザインの仕事を覚えようと考えている人に必要なこと

ホームページ作成時のSEO対策とコーダーの考える理想

exe-creation (2017年12月14日 20:31)

皆さんはホームページ作成時のSEO対策というと、どんなことを思い浮かべるでしょうか？多分、大体の人は「オリジナリティのある文章をそれなりの物量で掲載をする」であったり、「更新頻度を下げないように気をつける」「検索用の単語をしっかりと混ぜ込む」といった点が挙がると思います。

こちらはもちろん正解です。
しかし、WEBクリエイター/コーダーにとっては、話はそこで終わりではありません。

今回は、これらを踏まえた上で「WEBコーダーは普段どんな観点からHTMLを記述するのか？」についてご紹介をします。

続きを読む: ホームページ作成時のSEO対策とコーダーの考える理想

コーディングの効率と運用のコツについて

exe-creation (2017年12月 7日 22:07)

エグゼクティブクリエイション webクリエイターです。CSSを利用したコーディングが世の中で常識となってから結構な時間が経過をしています。私自身このコーディング業務に身をおいている体感としては、13～4年といった感じでしょうか。

CSSというものは便利なものです。特に、ここ最近はCSS3による表現の多様化が進んでおり、昔であれば画像と工夫でどうにか強引に作成してきたレイアウトも簡単に出来るパターンが増えてきました。

一方、出来ることが増えすぎたことで、非効率なCSSの記述を重ねているホームページも多く見かけます。今回は手前味噌ですが私のコーディング方法について、少しご紹介させていただきます。

続きを読む: コーディングの効率と運用のコツについて

技術者じゃなくても使える？webクリエイターお勧めのフリーソフト・無料サービス

exe-creation (2017年11月30日 18:04)

皆様はどれぐらいの頻度でPCをお使いでしょうか？

人にもよりますが、タブレット端末やスマートフォンが普及しても、まだまだPCでの作業が必須な場合が大半です。

特にWEB関連/ホームページ制作系の業務は、いくらスマートフォンページが普及しても制作作業自体はPCで行っている方がほぼ全員ではないでしょうか。

そんな折、PCで作業をしていると色々な「困り事」に見舞われることもあると思います。今回はwebデザイナー視点からそういった「困り事」を解決してくれるソフトやサービスをご紹介いたします。

続きを読む: 技術者じゃなくても使える？webクリエイターお勧めのフリーソフト・無料サービス

ウワサのインターネットブラウザ「Vivaldi」を使ってみました

exe-creation (2017年11月23日 18:00)

ブラウザというと何を思い浮かべますでしょうか？

大体の人はまず、「Internet Explorer」と「Google Chrome」、次に「Firefox」と「Safari」、そしてWindows10に搭載された「Edge」あたりではないでしょうか。詳しい方だと、「Opera」や「Sleipnir」を挙げる方もいるかもしれません。

そんな中、去年のお盆あたりでしょうか、あるブラウザが一部界隈の人たちの間で話題になっていました。名前は「Vivaldi（ビバルディ）」と言います。

今回は、こちらの新たなインターネットブラウザについて簡単にご紹介をします。

＞詳しい内容はこちら

続きを読む: ウワサのインターネットブラウザ「Vivaldi」を使ってみました

レスポンシブホームページ作成時の注意点：番外

exe-creation (2017年11月16日 18:14)

レスポンシブホームページを作成する時の注意点をこれまで3回分、掲載してまいりました。

今回は注意点というよりは、知っていると今後トラブル対応がラクになるタイプのお話を載せたいと思います！

これからホームページの作成を進める際、少し他のwebページと差をつけられるかもしれません。

続きを読む: レスポンシブホームページ作成時の注意点：番外

レスポンシブサイトを作成する時に気をつけること：３

exe-creation (2017年11月 9日 18:57)

１回目・２回目と、レスポンシブサイトを作成する際に注意する内容を掲載してまいりましたが、今回が３回目となります。今回はさらに少し突っ込んだ話題を載せたいと思います！

どの話題も、レスポンシブサイト作る時に知らないとどうしようもないタイプの話題です。

続きを読む: レスポンシブサイトを作成する時に気をつけること：３

レスポンシブサイトを作るときに気をつけること：２

exe-creation (2017年11月 2日 19:42)

先日、レスポンシブサイトを作成するにあたって気をつけるポイントを掲載いたしました。

やってみると意外と縛りとなる条件が多く、CSSの設定の前にソース自体をどうやって書いたものか困る方も結構いるかと思いますが、慣れてくると保険を利かせた感じのソースが書けるようになってきます。

今回は、少し難しいけれど確実に出くわすタイプの問題について解説したいと思います。

続きを読む: レスポンシブサイトを作るときに気をつけること：２

レスポンシブサイト制作時に注意すべきこと：１

exe-creation (2017年10月28日 15:58)

必ずしもレスポンシブサイトでサイト制作をしなければ反響が上がらない、検索上位へ表示されないといった訳ではありませんが、サイトリニューアル時などにレスポンシブサイトにするケースが年々、増加傾向にあります。

とはいえ、いきなり社内/内製で作ってほしい！と言われても何をしたらいいのか…と困っている企業のWEB担当者の方も結構いらっしゃるのではないでしょうか？

今回は、レスポンシブサイトの基本的な作り方と概念について詳しくご説明いたします！

続きを読む: レスポンシブサイト制作時に注意すべきこと：１

Illustratorの円は正円じゃなかった...？SNSで話題に【ホームページ制作豆知識】

exe-creation (2017年10月23日 20:20)

完全にタイトルで出オチとなっておりますが、この休日前後の話題として、結構衝撃的なお話が飛び込んできました。

「そんなバカな！」と思われる方もそれなりにいらっしゃるとは思いますが、原理的な話も含め、ためになったのでこのブログで取り上げさせていただきます。ご存知の通り、illustratorはホームページ制作時やパンフレット制作時にもよく使用するソフトです。

続きを読む: Illustratorの円は正円じゃなかった...？SNSで話題に【ホームページ制作豆知識】

普段私たちが見ている色についてのお話

exe-creation (2017年10月19日 21:58)

普段、私たちは印刷物やパソコン・スマートフォンの画面上などで様々な画像データを見ています。

そんな中、「会社でパンフレットを作ったけれど、何だかPCでデータを見せてもらった時の方が、写真が明るい気がする…」といった経験をされた事はないでしょうか？

ホームページ制作時にも、制作会社が持っていたiPad等の端末で見たのと、自社ディスプレイで見た時と色合いが違って見える…といったケースもあります。実は、私たちを取り巻くデジタルデータ上の『色』にはあまり知られていないルールがあるのです。

今回はそれについてご説明します。

続きを読む: 普段私たちが見ている色についてのお話

コード検証・共有サービス「Codepen」のご紹介

exe-creation (2017年10月16日 18:44)

こちらの会社ブログを更新し続けて結構な日数が経過しました！

なんと、この記事で当サイトのブログ記事が600本目のようです。

節目だから…というわけでもありませんが、今回は少し上級者向けのお話をさせていただきます。

本職の方でなくても、どうしても上司の方やクライアント様の要望などで、ちょっと変わった用途のCSSやJavascript等をホームページへ追加しないといけない、けれど自分にはぶっつけ本番でどうにか出来るような度胸はない…なんて状況になったことはありませんでしょうか？

私はこれまでのコーダー人生（webクリエイター）の中で何度となくあります。もしも壊したら直すのはやはり自分となるので、余計慎重になります。

そんなときに使える、「Codepen」というサービスについてご紹介いたします。

＞Codepenについての詳細はこちらから

続きを読む: コード検証・共有サービス「Codepen」のご紹介

伝えたいイメージと使いたい写真の関係

exe-creation (2017年10月11日 14:02)

ホームページ制作時に何かしらのイメージを伝えたい時に、プロのデザイナーへ頼めばキレイに作ってくれるだろうけど全部お願いしているとキリがない…

という方は結構いらっしゃると思います。特に、ご自分で通販サイトなどを運用している方はなおさらではないでしょうか。

幸い、世の中には無料もしくはごく少額でプロのカメラマンが撮った写真を利用できるサービスが多くありますし、お手持ちのスマートフォン端末でもそれなりに良質な写真を撮ることが可能です。

今回はこういったサービス利用時や端末での撮影で、どんな写真を調達するのがよいか？を解説したいと思います。

続きを読む: 伝えたいイメージと使いたい写真の関係

他の人と差をつける、書体（フォント）の与える印象と方向性

exe-creation (2017年9月28日 14:27)

ホームページ/ＷＥＢデザインに限らず、お仕事をしている以上文章を書くといった作業は必ず発生します。

プレゼンや社内の会議等で、クライアントや上司の方へ自分が作った資料、あるいは図表などを見せる機会というものは頻度の差があってもゼロという方は少ないのではないでしょうか。

そんなとき、同僚や他の企業と提案内容がさほど変わらなかった…なんてことも珍しくはないはずです。同じような仕事をしていて、同じぐらいの業務経験の相手なら提案内容がかぶることもあります。

そして最終的に相手はどちらを選ぶか？というと、おそらく「説明がうまい方」か「資料自体が丁寧でしっかりしている方」になるかと考えます。

そこで、今回はホームページ制作会社のブログらしく「資料を丁寧につくる」ことに焦点を当てて、クリエイター視点から見た「書体の選び方」について書きます。

続きを読む: 他の人と差をつける、書体（フォント）の与える印象と方向性

統一された色調が持つイメージのあれこれ

exe-creation (2017年9月21日 17:09)

先日、当ブログで「配色と色が持つ印象」について記事を書きましたが、今回はそれにつながるお話として、「写真の色調」について記事を書きたいと思います。

最近のスマートフォンは、ほとんどの機種に標準装備として「画像編集」ができるアプリケーションがインストールされています。その中には色調を補正できるものも多くあります。

SNSやLINEなどに投稿する時に、なんとなくでそれっぽく色調を変えて投稿されている方も居るのではないでしょうか？このあたりの色調が持つイメージについて、簡単に解説をいたします！

続きを読む: 統一された色調が持つイメージのあれこれ

WEBデザイナーでなくてもできる？配色の基本

exe-creation (2017年9月14日 13:48)

さて、皆様はホームページに限らず「配色」について営業資料やプレゼン原稿を作る時に困ったことはないでしょうか。

検定などもあることから、配色については難しくてよくわからないという印象を持っている方も多いかと思います。

しかし、デザイナーではなくてもある程度の要点を押さえておけば、実はそれっぽい見た目のものを作ることは十分可能です！

そんな「配色のポイント」をいくつかご紹介したいと思います。

続きを読む: WEBデザイナーでなくてもできる？配色の基本

HTTPS通信の普及と今後起きそうなこと

exe-creation (2017年9月 7日 14:58)

先日、HTTPSの導入について記事を掲載いたしましたが、現在のインターネットの流れは「理想を言えばwebサイト全てがHTTPSの通信をすることが望ましい」という風潮になりつつあります。

それにともなって、様々な企業の思惑なども含めたいろいろな変化が起きつつあるようです。

そのような中から、今起きていることと、今後起きそうなことについてを少しご紹介したいと思います。

続きを読む: HTTPS通信の普及と今後起きそうなこと

Twitterより住みやすい？Mastodon（マストドン）についてのあれこれ

exe-creation (2017年8月27日 18:00)

FacebookやInstagramなど、様々なSNSがひしめく中、Twitterをまだ使っている方も結構多いのではないでしょうか。

一方、Twitter自体は2006年からリリースされていることもあり、長く使っている中で少し不満がある…なんて方も多いかと思います。

（特にスマートフォンで公式以外のTwitterクライアントを使っている方は…）

今回は、Twitterライクなサービス「Mastodon」についてご紹介をしたいと思います！

＞詳しくはこちら

続きを読む: Twitterより住みやすい？Mastodon（マストドン）についてのあれこれ

いまさら人には聞けない？CSSの意味と使い方

exe-creation (2017年8月14日 18:30)

近年は、WORDPRESSをベースにした「ホームページ制作サービス」が増加しています。
そんな中、ご自分で会社のホームページやご自身のホームページを作ってみよう…そう考えている方、既に制作を進めている方も結構な割合でいるのではないでしょうか？

そういった時、多くの人が最初につまづくのは「CSS」です。
今回は、このCSSについて少しお話をしたいと思います！

＞記事の続きを読む

続きを読む: いまさら人には聞けない？CSSの意味と使い方

いまさら人に聞けない！？ Twitterの機能をうまく利用する方法

exe-creation (2017年7月23日 19:00)

全盛期の勢いこそ収まりましたが、Facebookと同じく「普通にあるもの」として定着しているTwitter…。

恐らく、この記事を見ている方も何割かは実際にお使いだと思います。

中には、1万どころか10万ツイートを超えているようなヘビーユーザー様も恐らく…。

そんなTwitterですが、検索や画像表示などについて公式のガイドや説明を探してみても、あまり細かいことは書いていません。よくも悪くも機能説明については非常に大雑把という印象です。

そのような状況ですから、実際に使っていて「これはどうすれば？？？」といった経験はないでしょうか。

既出の話題を含みますが、「いまさら人に聞くのもなあ…」と思われがちなTwitterの機能についていくつかご紹介します。

Twitterの便利機能紹介はこちら！

続きを読む: いまさら人に聞けない！？ Twitterの機能をうまく利用する方法

ここ1年のブラウザシェアについてのまとめ

exe-creation (2017年5月18日 21:06)

今回はここ1年の「ブラウザシェアの推移について」ご紹介します。

一昔前は、PC購入時にInternetExplorerが最初から入っており、まだまだ利用者の間で「ブラウザ」というものについての理解が乏しかった事もあり、ほぼ「IE1強」とでも言うべき時代が長く続いていました。

では今は？というと、スマートフォンも登場し、ブラウザはPCだけのものではなくなりました。ブラウザシェアに関する現状を簡単にお話したいと思います。

詳細はコチラから

続きを読む: ここ1年のブラウザシェアについてのまとめ

無料公開された日本語明朝体フォント「源ノ明朝」と派生フォント「源界明朝」

exe-creation (2017年5月12日 22:40)

少し前のお話になりますが、GoogleとAdobeが共同で開発し、これまでWEB用フォント「Noto Serif CJK」として公開していた日本語WEBフォントが、PC用フォント「源ノ明朝」としてAdobeから無料公開をされました！

こちらのフォントはとても良いもののため、今回少しご紹介させていただきます。

詳細はコチラから

続きを読む: 無料公開された日本語明朝体フォント「源ノ明朝」と派生フォント「源界明朝」

SEOを気にしたい...でも文字もキレイにしたい...そんな時のWEBフォント

exe-creation (2017年1月 4日 20:00)

皆様がホームページを制作するにあたって、キレイに見せたい見出しというものは画像で作ることが多いと思います。

でも、画像で書かれた文字だけでは、閲覧や運用に問題が出ることもあります。

今回は画像・文字の関係と、解決法のひとつとしてWEBフォントについてご紹介します。

＞詳しくはこちら

続きを読む: SEOを気にしたい...でも文字もキレイにしたい...そんな時のWEBフォント

ホームページ制作時に注意すべき、ユーザービリティ面のポイント2

exe-creation (2016年12月22日 20:38)

前回、ホームページを作成するにあたって重要なユーザビリティの面についてお話を掲載いたしました。

今回は、こちらの続きとして、視覚的な面からよりお客様を誘導しやすいホームページ作りについて説明いたします。

続きを読む: ホームページ制作時に注意すべき、ユーザービリティ面のポイント2

正しい記事引用で炎上しないサイト作りを

exe-creation (2016年12月11日 18:00)

こちらの記事でも触れていますが、今週はキュレーションメディアにとってとても大きな転換点、激震の週となりました。

今まで一部の層以外から特に問題とされて来なかった多くのサイトが槍玉にあげられ、発端となったWELQ以外の同タイプのサイトもいくつか記事を削除したり、あるいはサイト自体を一旦閉じたりと大きな騒ぎになっています。

しかし、これは対岸の火事ではありません。

情報の扱いを間違えた方は全てこうなる可能性をはらんでいるのです。

もちろんウソやいい加減なことを書くのは論外としまして、では、正しく外の情報を紹介するにはどうしたら良いでしょうか。

続きを読む: 正しい記事引用で炎上しないサイト作りを

写真の解像度って一体どういうものなの？

exe-creation (2016年12月 6日 21:37)

TwitterでUPされる自撮り写真…
Facebookに投稿される仲間内の集合写真…
深夜に放出される料理写真…（いわゆる飯テロ写真）など
今の世の中は何処かの誰かが取った写真で溢れかえっています。

なんといっても、巷で売っているカメラは大半が細かい設定を必要としないデジカメ、別に写真が趣味でなくてもスマートフォンには高性能なカメラが付属している昨今、昔と比べてかなり気軽にカメラを構える機会が増えてきています。

特別な知識や装備が必要でないなら、特に高価な一眼レフなどなくても十分スマートフォンで実用に耐えられる画像を撮影できます。

ところで皆様、では画像の解像度についてはご存知でしょうか。
専門職でない限り、きちんと把握している方は少ないと思われる画素と解像度について解説いたします。

続きを読む: 写真の解像度って一体どういうものなの？

ホームページへの検索対策チェックポイント5：外部リンクについての続編

exe-creation (2016年11月28日 18:25)

前回はホームページ作成後の外部リンクの追加に関し、記載をしました。今回もその続きとして、外部リンク（被リンク）の際の有効なポイント「別ドメイン、別IP・クラスC」について解説いたします。

SEO対策・反響アップ対策のプロのホームページ制作会社が、有効な施策を分かりやすくご紹介します！ホームページ運用を行っているWEBマスターの方は是非ご覧ください。

続きを読む: ホームページへの検索対策チェックポイント5：外部リンクについての続編

頭の片隅に入れておきたい、画像編集を行いたい方へのファイル別特徴

exe-creation (2016年11月27日 18:10)

ずらりとカメラロールに並ぶJPGファイル。ときに、JPGファイルって、どのようなものかご存知ですか？

BMPファイル、PNGファイル、GIFファイル…

これらのファイル、実は全然違うものなんですよ。

代表的なものをご紹介していきます。

続きを読む: 頭の片隅に入れておきたい、画像編集を行いたい方へのファイル別特徴

ドメインの種類と選ぶポイントについて

exe-creation (2016年11月 2日 20:42)

ホームページを運用する上で重要なもののひとつ「ドメイン」。テレビのCMなどでもアドレスを読み上げることが多くなってきた昨今では、ドメイン名を聞く機会も増えているかと思います。

しかし、皆様はドメインに明確な種別があることをご存知でしょうか。
今回は大まかな種別のお話とともに、実際に運用する際はどういった基準で選定するべきかをご紹介いたします。