『What Font Is』使い方紹介！画像の英字を読み込んでフォント名を調べるサイトが超便利
この画像で使われてるフォント、おしゃれだな～ なんて名前のフォントだろう？ 似たようなデザインのフォントって何があるかな？ 日ごろからウェブデザインやイラスト制作に携わっている方の中には、上記のような疑問を感じたことのある方も多いのではないでしょうか？ 何かしらのデザインに携わっている中でふと目に留まったおしゃれな英字について、 『私も似たようなフォントを使いたい！』 と感じることがあると思います。 ※画像はコチラのフリー配布素材を利用させて頂いております。 しかし、一体どうやって同じフォント、もしくは似 ...
著作権フリー音楽・おすすめダウンロードサイトまとめ！利用規約等も紹介
更新履歴 2022/1/4：『NEW GROUNDS』様を追加しました。 みんなに見てもらえるような動画を作りたい！ そんなときに欠かせないのがBGMです。 そこで今回、私も動画制作の時にいつも利用させて頂いている、フリー（無料）でダウンロードでき、収益化可能、なおかつクオリティの高いBGMを配布しているサイトさんをまとめて紹介しています！ （ちなみに私のYoutubeアカウントはコチラ ⇒ FukaFuka295） 注意 ※紹介する各サイトさんの "利用規約" は掲載時点のものです。 規約内容が変更され ...
マインクラフトのスキン作成サイトで面白スキンを探してみた！
マインクラフトを中心として色々な情報をお伝えしている当サイトですが、いつもお伝えしている情報は攻略法やマイクラに関するお役立ち情報みたいなものが中心になっています。 マインクラフトをプレイする人ならもちろんそのスキンが変更できることは知っていると思いますが、念のため説明しておくと、スキンというのはゲーム内で自分が使うキャラをカスタマイズしていくためのツールのこと。 例えば、キャラクターそのものだったり、イカサマン.comでも詳しく解説されているeスポーツ系のゲームで利用可能なアイテムだったり武器などのこと ...
インスタグラムで写真をPCから投稿する簡単な方法（Chrome）
Instagram（インスタグラム）ってスマホからしか写真を投稿できないと思っていませんか？ 実はグーグルクローム（Chrome）を使って、パソコンからでも写真を投稿する簡単な方法があるのです！今回はその方法についてご紹介します。 Chromeのデベロッパーツールを使う まずはクロームでインスタグラムのページを開き、自身のアカウントでログインしてください。PCでは以下のような画面が表示されると思います。 続いて、クロームのメニューバーの右上の設定ボタン（縦の点3つ）をクリックし、『その他のツ ...
ツイッターでいいねした画像ツイートを一覧で表示！無料ツール『FavClipper』
ツイッターで自分が『いいね！』したツイートのうち、画像やイラストのみを含むツイートを一覧でズラッと表示することのできるおすすめの無料Webサービスがあります。 その名も『FavClipper』！ 自分がいいねした画像ツイートを一覧で読めるWebサービス「Fav Clipper」を作ってみました。 絵師の方々が日々アップしているかわいい絵をいいねした後もう一度見たい…という個人的な思いがあって作ってみました。 是非使ってみてください? ↓https://t.co/Bxga8HlTSh pic.twitter ...
メールで.EXE(実行)ファイルを送信する超簡単な方法(バックアップ必須)
○○○.exeのように、ファイル名の末尾(拡張子)にEXEが付いているデータのことを『実行ファイル』と言います。 ▼実行ファイルの例 これら実行ファイルをGメールなどのメールシステムで送ろうとしても、以下のようにセキュリティ上の理由によりブロックされてしまいます。 ▼見知らぬメールから.exeファイルが送られてきた場合はウイルスデータの可能性が高いので、ほとんどのメールサービスでは.exeのままでは添付できないようになっています。 それでも、どうしても他の人に.exeファイルを送りたい時ってありますよね。 ...
コピペでOK！ドロップダウンメニューをHTMLとCSSだけで超簡単に作成する方法
サイト内のカテゴリーが多くなってしまったとき、全てを横並びにすると場所をとってしまう上、見づらくなってしまいますよね。 今回はそんな場合にオススメなのは『ドロップダウンメニュー』です！マウスカーソルを乗せると項目が下にズラッと出現するアレです。 ▼ドロップダウンメニューの例 ホーム 日常 旅行 商品レビュー ライブラリ 料理 趣味 映画 漫画 エンタメ関連 ゲーム 映画 WordPress関連 お問い合わせ ※スマホの場合は表示が崩れる場合があります。そもそもドロップダウンメニューはマウスオ ...
サイト内の人気記事ランキングを超簡単に自動生成できる便利なサービス『Ranklet』
訪問者のホームページ内の巡回率を高める方法として、効果が高いのはサイト内記事ランキングを設置することです。 サイト内記事ランキングは、訪問者がおすすめのコンテンツを探すのに役立つと共に、サイトの管理人が、自身のサイトでどのような記事が注目を集めているかの傾向を掴むのにも役立ちます。 ▼サイト内記事ランキングの例 Word PressやFC2等のブログサービスではウィジェットやプラグインが用意されており、このようなサイト内ランキングを設置するのは簡単ですが、それ以外の通常のウェブサイトでランキングを設置しよ ...
削除されてしまったWEBページを再び見たい場合はこのサイト！インターネット図書館『Internet Archive』
「見たいサイトが消えてしまっている！(404Not Found このページは存在しません)」 「とあるWEBページ上のコンテンツ(画像・動画など)が消えており観れなくなっている」 ...なんて経験が皆さんにもあると思います。私も何度も...（´・ω・｀） しかし諦めるなかれ！！一見完全に消えてしまっているように見えるWEBページやコンテンツも、実はWEB上にデータ(魚拓)が残っているのです。 そこで今回は、WEB上に保存されている過去のページのコピーを閲覧することのできる、"インターネット図書館"とも呼ば ...
自サイトの様々な検索キーワード順位を、ランキング形式で一覧表示できるおすすめサイト
あるサイトのコンテンツで、どのキーワードが検索順位の上位に位置しているかを一目で確認することのできる、超便利なサイトをご紹介します！ これで自分のサイトのSEO(検索エンジン最適化)対策がどの程度できているかの参考にもなります。 『DigJP』へのアクセス ・DigJP(検索エンジン最適化) 上記のサイトにアクセスし、上の検索窓に、キーワードの検索順位を調べたいサイトのドメインを入れて『検索』をクリックしてください。 ここで、入力したドメインに"http"や不要な"/(スラッシュ)"が付いていると正常に検 ...
自サイトのページへのリンク元を一覧で表示！簡単・確実な被リンクチェック方法
『自分のサイトのページがどこのサイトからリンクされているのか気になる！』 『どのページが一番被リンクをもらっているのか知りたい！』 そんな時には被リンクチェッカーのサイトを用いるのが一般的ですが、サイトによっては不正確なところもあったりします。 そこで今回は、一番確実かつ簡単なリンク元のチェック方法についてご紹介します！ 1 『Google Search Console』への登録 ※すでにGoogle Search Consoleに登録している場合は、この手順を飛ばしてください。 『Google Sear ...
オシャレでクオリティの高いサイトが一瞬で作れる！個人事業主にも大人気のHP作成サービス『Goope』
個人事業を始めたばかりの時に、自身のお店のホームページを立ち上げて宣伝することは現代において必要不可欠です。 しかしサイト制作に関して何も知識のない方がオシャレなサイトを立ち上げるのはハードルが高すぎますし、一から勉強するのにも時間がかかり過ぎますよね！かと言って業者にホームページ制作を依頼すると、何十万ものお金がかかってしまうのです。 そこでおススメしたいのが、今回紹介する『ホームページ作成サービス「グーペ」 』です！ 必要な情報を管理画面に入力するだけで、プロ顔負けのオシャレでクオリティの高いホームペ ...
サイトをスマホで見た時のレイアウトを、Google Chrome(PC)上で確認する方法
インターネット検索をスマートホンで行う機会が多くなった最近では、自身のサイトをスマホ表示に対応(レスポンシブ化)させることは、もはや当たり前になってきました。 しかし自分のサイトをスマートホン表示に対応させている時、いちいちスマホを起動してレイアウトを確認していたら時間がかかるしとても面倒ですよね。そこで今回は、ホームページをスマホで見た時のレイアウトをGoogle Chrome(PC)上で確認する簡単な方法についてご紹介します！ ※スマホの機種ごとにレイアウトの違いを確認することも可能です。 Googl ...
そのリンクちょっと待った！！ページを訪れる前に安全性をチェックできるサイト『aguse.jp』
メールで知らない人からリンク(URL)が送られてきたり、ホームページ上にいかにも怪しげなURLが載っていたりすると、どうしても危ない感じがしてリンクをクリックするのをためらってしまいますよね。 そんな時に、リンク先のURLを打ち込むだけでそのサイトの中の様子をスクリーンショットで確認したり、ウィルスなど様々な危険性の有無を確認できてしまう超便利なサイトをご紹介します！ 訪問先サイトの安全性を確認できる『aguse.jp』 訪問先ページの安全性を確認できる便利なサイトの名前は『aguse.jp』！ ▼以下の ...
ホームページの『パス』の指定方法について分かりやすく解説
みなさんは『相対パス』や『絶対パス』というものを聞いたことがあるでしょうか。 この『パス』というものは、ホームページの制作・管理において必要不可欠の知識です。しかしサイト作りを始めたばかりの人の中には、パスを指定する方法がイマイチ分からないという人が多いと思います。 そこで今回は、『相対パス』と『絶対パス』の違いや、『パス』の指定方法について、分かりやすく解説していきます！ 『絶対パス』と『相対パス』の違いについて "パス"とは『特定のファイルやフォルダの位置を指定するための記述』のことを言います。 また ...
ホームページ制作を初めて学ぶのならコレ一冊でOK！知識ゼロの私でもサイトが作れたおすすめ参考書
「ホームページを作りたい！」「自分のオリジナルサイトを立ち上げてみたい！」と思ったことのある方は多いと思います。 しかしいざ作ってみようとすると"HTML"や"CSS"など初めて聞く単語ばかり出てきて、いったいどこから何から勉強すればいいの...？となってしまいますよね。 そこで今回は、ホームページやWEBに関する知識が全くのゼロだった私のような超初心者でも、この一冊のみでHTMLとCSSについて理解し、サイトを作れるようになったおすすめの参考書についてご紹介します！ 最高の初心者本『スラスラわかるHTM ...
シンプルで使いやすいタブメニューを超簡単に作成する方法
今回はタブごとに内容の変わる"タブメニュー"をホームページ上に簡単に実装する方法について解説していきます！ ※以前の記事で、すでにタブメニューの作成方法について解説していますが、今回紹介するタブメニューは実装がさらに簡単で改善されたものになります。 タブメニューの実装 今回の記事では以下の様なタブメニューを実装することができます。 実装例： シンプルで使いやすく、CSSをいじることでデザインを変更することも可能です。 コードの貼りつけ まず初めにjQueryのスクリプト行を実装します。＜head＞＜/he ...
[Bxslider]スライドショーが正常に動作しない、設置できない場合の対処法まとめ
以前このサイトの記事にて、jQueryで動作するスライドショー「bxSlider」の簡単な設置方法について解説しました。 すると、一部の方々から、スライドショーが正常に動作しないとの報告を少なからず頂きます。 そこで今回は「bxSliser」のスライドショーに関して、 「設置はできたがスライドショーが動かない」 「スライドショーに不自然な余白ができてしまう」 といった場合の対処法についてまとめてみました！ スライドショーが正常に動作しない場合の対処法 対処法① jQuery実行コードの書き換え 正常に動作 ...