ネットコンテンツ全般から日々のお役立ち情報まで分かりやすくお届け | ふかふか交易所

ふかふか交易所

サイト

HP・ブログ関連 テクノロジー関連

2019/4/11

インスタグラムで写真をPCから投稿する簡単な方法(Chrome)

Instagram(インスタグラム)ってスマホからしか写真を投稿できないと思っていませんか? 実はグーグルクローム(Chrome)を使って、パソコンからでも写真を投稿する簡単な方法があるのです!今回はその方法についてご紹介します。 Chromeのデベロッパーツールを使う まずはクロームでインスタグラムのページを開き、自身のアカウントでログインしてください。PCでは以下のような画面が表示されると思います。   続いて、クロームのメニューバーの右上の設定ボタン(縦の点3つ)をクリックし、『その他のツ ...

HP・ブログ関連 レビュー

2019/4/11

ツイッターでいいねした画像ツイートを一覧で表示!無料ツール『FavClipper』

ツイッターで自分が『いいね!』したツイートのうち、画像やイラストのみを含むツイートを一覧でズラッと表示することのできるおすすめの無料Webサービスがあります。 その名も『FavClipper』! 自分がいいねした画像ツイートを一覧で読めるWebサービス「Fav Clipper」を作ってみました。 絵師の方々が日々アップしているかわいい絵をいいねした後もう一度見たい…という個人的な思いがあって作ってみました。 是非使ってみてください🐣 ↓https://t.co/Bxga8HlTSh pic.twitter ...

HP・ブログ関連 テクノロジー関連

2019/4/11

メールで.EXE(実行)ファイルを送信する超簡単な方法(バックアップ必須)

○○○.exeのように、ファイル名の末尾(拡張子)にEXEが付いているデータのことを『実行ファイル』と言います。 ▼実行ファイルの例 これら実行ファイルをGメールなどのメールシステムで送ろうとしても、以下のようにセキュリティ上の理由によりブロックされてしまいます。 ▼見知らぬメールから.exeファイルが送られてきた場合はウイルスデータの可能性が高いので、ほとんどのメールサービスでは.exeのままでは添付できないようになっています。 それでも、どうしても他の人に.exeファイルを送りたい時ってありますよね。 ...

HP・ブログ関連

2019/4/11

コピペでOK!ドロップダウンメニューをHTMLとCSSだけで超簡単に作成する方法

サイト内のカテゴリーが多くなってしまったとき、全てを横並びにすると場所をとってしまう上、見づらくなってしまいますよね。 今回はそんな場合にオススメなのは『ドロップダウンメニュー』です!マウスカーソルを乗せると項目が下にズラッと出現するアレです。   ▼ドロップダウンメニューの例 ホーム 日常 旅行 商品レビュー ライブラリ 料理 趣味 映画 漫画 エンタメ関連 ゲーム 映画 WordPress関連 お問い合わせ ※スマホの場合は表示が崩れる場合があります。そもそもドロップダウンメニューはマウスオ ...

HP・ブログ関連 レビュー

2019/4/11

サイト内の人気記事ランキングを超簡単に自動生成できる便利なサービス『Ranklet』

訪問者のホームページ内の巡回率を高める方法として、効果が高いのはサイト内記事ランキングを設置することです。 サイト内記事ランキングは、訪問者がおすすめのコンテンツを探すのに役立つと共に、サイトの管理人が、自身のサイトでどのような記事が注目を集めているかの傾向を掴むのにも役立ちます。 ▼サイト内記事ランキングの例 Word PressやFC2等のブログサービスではウィジェットやプラグインが用意されており、このようなサイト内ランキングを設置するのは簡単ですが、それ以外の通常のウェブサイトでランキングを設置しよ ...

HP・ブログ関連 テクノロジー関連 レビュー

2019/4/11

削除されてしまったWEBページを再び見たい場合はこのサイト!インターネット図書館『Internet Archive』

「見たいサイトが消えてしまっている!(404Not Found このページは存在しません)」 「とあるWEBページ上のコンテンツ(画像・動画など)が消えており観れなくなっている」 ...なんて経験が皆さんにもあると思います。私も何度も...(´・ω・`) しかし諦めるなかれ!!一見完全に消えてしまっているように見えるWEBページやコンテンツも、実はWEB上にデータ(魚拓)が残っているのです。 そこで今回は、WEB上に保存されている過去のページのコピーを閲覧することのできる、"インターネット図書館"とも呼ば ...

HP・ブログ関連 SEO対策

2019/6/12

自サイトの様々な検索キーワード順位を、ランキング形式で一覧表示できるおすすめサイト

あるサイトのコンテンツで、どのキーワードが検索順位の上位に位置しているかを一目で確認することのできる、超便利なサイトをご紹介します! これで自分のサイトのSEO(検索エンジン最適化)対策がどの程度できているかの参考にもなります。 『DigJP』へのアクセス ・DigJP(検索エンジン最適化) 上記のサイトにアクセスし、上の検索窓に、キーワードの検索順位を調べたいサイトのドメインを入れて『検索』をクリックしてください。 ここで、入力したドメインに"http"や不要な"/(スラッシュ)"が付いていると正常に検 ...

HP・ブログ関連 SEO対策

2019/6/12

自サイトのページへのリンク元を一覧で表示!簡単・確実な被リンクチェック方法

『自分のサイトのページがどこのサイトからリンクされているのか気になる!』 『どのページが一番被リンクをもらっているのか知りたい!』 そんな時には被リンクチェッカーのサイトを用いるのが一般的ですが、サイトによっては不正確なところもあったりします。 そこで今回は、一番確実かつ簡単なリンク元のチェック方法についてご紹介します! 1 『Google Search Console』への登録 ※すでにGoogle Search Consoleに登録している場合は、この手順を飛ばしてください。   『Goog ...

HP・ブログ関連 レビュー

2019/4/11

オシャレでクオリティの高いサイトが一瞬で作れる!個人事業主にも大人気のHP作成サービス『Goope』

個人事業を始めたばかりの時に、自身のお店のホームページを立ち上げて宣伝することは現代において必要不可欠です。 しかしサイト制作に関して何も知識のない方がオシャレなサイトを立ち上げるのはハードルが高すぎますし、一から勉強するのにも時間がかかり過ぎますよね!かと言って業者にホームページ制作を依頼すると、何十万ものお金がかかってしまうのです。 そこでおススメしたいのが、今回紹介する『ホームページ作成サービス「グーペ」 』です! 必要な情報を管理画面に入力するだけで、プロ顔負けのオシャレでクオリティの高いホームペ ...

HP・ブログ関連

2019/4/11

サイトをスマホで見た時のレイアウトを、Google Chrome(PC)上で確認する方法

インターネット検索をスマートホンで行う機会が多くなった最近では、自身のサイトをスマホ表示に対応(レスポンシブ化)させることは、もはや当たり前になってきました。 しかし自分のサイトをスマートホン表示に対応させている時、いちいちスマホを起動してレイアウトを確認していたら時間がかかるしとても面倒ですよね。そこで今回は、ホームページをスマホで見た時のレイアウトをGoogle Chrome(PC)上で確認する簡単な方法についてご紹介します! ※スマホの機種ごとにレイアウトの違いを確認することも可能です。 Googl ...

HP・ブログ関連

2019/4/11

そのリンクちょっと待った!!ページを訪れる前に安全性をチェックできるサイト『aguse.jp』

メールで知らない人からリンク(URL)が送られてきたり、ホームページ上にいかにも怪しげなURLが載っていたりすると、どうしても危ない感じがしてリンクをクリックするのをためらってしまいますよね。 そんな時に、リンク先のURLを打ち込むだけでそのサイトの中の様子をスクリーンショットで確認したり、ウィルスなど様々な危険性の有無を確認できてしまう超便利なサイトをご紹介します! 訪問先サイトの安全性を確認できる『aguse.jp』 訪問先ページの安全性を確認できる便利なサイトの名前は『aguse.jp』! ▼以下の ...

HP・ブログ関連

2019/4/11

ホームページの『パス』の指定方法について分かりやすく解説

みなさんは『相対パス』や『絶対パス』というものを聞いたことがあるでしょうか。 この『パス』というものは、ホームページの制作・管理において必要不可欠の知識です。しかしサイト作りを始めたばかりの人の中には、パスを指定する方法がイマイチ分からないという人が多いと思います。 そこで今回は、『相対パス』と『絶対パス』の違いや、『パス』の指定方法について、分かりやすく解説していきます! 『絶対パス』と『相対パス』の違いについて "パス"とは『特定のファイルやフォルダの位置を指定するための記述』のことを言います。 また ...

HP・ブログ関連

2019/4/11

ホームページ制作を初めて学ぶのならコレ一冊でOK!知識ゼロの私でもサイトが作れたおすすめ参考書

「ホームページを作りたい!」「自分のオリジナルサイトを立ち上げてみたい!」と思ったことのある方は多いと思います。 しかしいざ作ってみようとすると"HTML"や"CSS"など初めて聞く単語ばかり出てきて、いったいどこから何から勉強すればいいの...?となってしまいますよね。 そこで今回は、ホームページやWEBに関する知識が全くのゼロだった私のような超初心者でも、この一冊のみでHTMLとCSSについて理解し、サイトを作れるようになったおすすめの参考書についてご紹介します! 最高の初心者本『スラスラわかるHTM ...

HP・ブログ関連

2019/4/11

シンプルで使いやすいタブメニューを超簡単に作成する方法

今回はタブごとに内容の変わる"タブメニュー"をホームページ上に簡単に実装する方法について解説していきます! ※以前の記事で、すでにタブメニューの作成方法について解説していますが、今回紹介するタブメニューは実装がさらに簡単で改善されたものになります。 タブごとに内容を切り替える「タブメニュー」をホームページに作成する方法 タブメニューの実装 今回の記事では以下の様なタブメニューを実装することができます。 実装例: シンプルで使いやすく、CSSをいじることでデザインを変更することも可能です。 コードの貼りつけ ...

HP・ブログ関連

2019/4/14

[Bxslider]スライドショーが正常に動作しない、設置できない場合の対処法まとめ

以前このサイトの記事にて、jQueryで動作するスライドショー「bxSlider」の簡単な設置方法について解説しました。 超簡単!ホームページにスライドショー機能を実装する方法(JQuery) すると、一部の方々から、スライドショーが正常に動作しないとの報告を少なからず頂きます。 そこで今回は「bxSliser」のスライドショーに関して、 「設置はできたがスライドショーが動かない」 「スライドショーに不自然な余白ができてしまう」 といった場合の対処法についてまとめてみました! スライドショーが正常に動作し ...

HP・ブログ関連

2019/4/10

『HCB Comment Box』コメントフォームの詳細カスタマイズ方法

こんにちは、ふかふかです! 以前の記事で、非Wordpressサイト(HTMLベースで構築されたサイト)に、ブログのようなコメント欄を簡単に設置する方法について紹介しました。 ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法 ですがこのとき設置したコメントフォームは海外サイトの「HCB Comment Box」というサービスを利用したものなので、サイトにコードをコピペし、 コメントフォームを設置しただけでは各所の文字が英語のままになっていたり、納得のいくスタイルでなかったりして不満 ...

HP・ブログ関連

2019/4/10

ウェブ業界唯一の国家資格「ウェブデザイン技能検定」の3級を受けてみた結果

自分のウェブサイトを作り始めるようになって早半年、「そろそろなんかWeb関連の資格でも取ってみようかな~(ドヤァ」なんて意識高い系大学生にありがちなことを考えるようになりました。 そこで調べてみたところ、なんと"ウェブ業界唯一の国家資格"と大々的に銘打っている資格があるではないですか!   その名も... ウェブデザイン技能検定    ウェブデザイン技能検定とは..? " ウェブデザイン職種は、「職業能力開発促進法施行令の一部を改正する政令」(2007年3月30日)において技能検定制度 ...

HP・ブログ関連

2019/4/8

吹き出しを作るためのCSSが簡単に生成できるおすすめサイト

ホームページやブログでよく見られる"吹き出し"を、画像を使用せずにCSSのみで作りだす際に役に立つサイトさんをご紹介します! ↓ ちなみにこのような感じの"吹き出し"が簡単に生成できます cssarrowplease.comへのアクセス http://cssarrowplease.com/ 上記の"cssarrowplease.com"さんのサイトにアクセスしてください。 アクセスすると以下のような画面が出てくると思います。 このサイトの数値をいじることで、吹き出しを自由にカスタマイズできます。 以下、パ ...

HP・ブログ関連 SEO対策

2019/6/12

ホームページの読み込みを高速化!キャッシュを設定するための.htaccessを簡単に生成するおススメサイト

ホームページの読み込みを早くすることは閲覧者や自分、そしてSEO的にもとても重要なことです。 ページの読み込み速度を向上させる有効な手段の一つとして、ホームページの「キャッシュ」を設定する手段が挙げられます。 キャッシュとは? 「キャッシュ」とは、一度アクセスしたサイトのデータをプラウザで一時的に保管し、次回同じページにアクセスした際の表示を速くする仕組みです。 例えば運営しているサイトの更新頻度が2日に1回の場合、ホームページのキャッシュ維持(保管)期間を2日と設定しておくことで、 その間自分のサイトを ...

HP・ブログ関連

2019/4/8

ホームページやブログにGoogle+のコメント欄を設置する方法

以前の記事では、ホームページにブログのようなコメント欄を設置する方法について2つの記事で紹介しました。 ↓ 参考 HTMLサイトでも設置可能!ホームページにブログのような"一言コメント欄"を設置する方法 ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法 そして今回の記事では、Google+ のコメント欄を設置し、他の人とコメントを共有する簡単な方法を紹介します! 設置方法 Google+のコメント欄を設置する方法はとても簡単で、以下のhtml行を 設置したいページの設置したい箇所に ...

Copyright© ふかふか交易所 , 2019 All Rights Reserved.