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

ふかふか交易所

ブログ

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

2019/4/22

急に『500 Internal Server Error』が出現した時に、実際に解決した時の対処法

2019年4月21日(日)PM10:00頃、当サイトにて『500 internal server error』が発生しました。 最初に言っておくと、当サイトは『さくらサーバー』を利用しています。 実は500エラー自体は以前からたまに起こってはいたのですが、一時的なもので再読込みすると直るため、大して気にしてはいませんでした。 しかし今回は優に2時間もの間、500エラーの状態が続きました。 PC・スマホ・タブレット、どのデバイスで試してみてもダメ。Chrome・FireFoxなど変えてみましたが繋がりません ...

HP・ブログ関連

2019/6/9

2枚の画像を比較するのに便利な『比較用スライドショー』を超簡単に設置する方法を紹介!

以前の記事で、ホームページに普通のスライドショーを設置する方法について紹介しました。 超簡単!ホームページにスライドショー機能を実装する方法(JQuery) しかし今回紹介するスライドショーは、2枚の画像を比較したい時に非常に便利な『比較用スライドショー』です!(通称:Cocoen)   例えば以下のような2枚の画像を比べて見せたいとします。   ここで『比較用スライドショー』を導入すると、以下のように、カーソル操作で2枚の画像を見比べることができるスライドショーが設置できます。   ...

HP・ブログ関連 SEO対策

2019/6/12

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

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

HP・ブログ関連 SEO対策

2019/6/12

ホームページやブログを開設したらまず最初にやるべきことはコレ!一通りの作業まとめ(初心者必見)

始めて自分のホームページもしくはブログを開設した人が、記事を書き始めるよりも先にまずやっておくべきことについて、自身の経験を元に、初心者の方にも分かりやすいようにまとめました! 本記事で紹介する作業を一通り行うことで、サイト立ち上げ時の最低限の準備は整います。 基本的には以下で紹介する手順を順番に行っていただければ良いのですが、一部のブログサービスを利用している方は、ブログが自動的に行ってくれる作業もあります。その場合は飛ばして、次の作業手順へすすんでください。 1 サイトを検索エンジンに登録する サイト ...

HP・ブログ関連 ゲーム関連

2019/4/10

iPhone・Androidアプリのダウロードリンクを簡単に生成することのできるおすすめサイト

「ホームページやブログでスマートフォンのアプリを紹介したい!」 そんな時に役に立つ、アプリへのダウンロードリンクを画像付きで生成することのできる「アプリーチ」 というサイトをご紹介します!   ▼ ちなみにこのようなウィジェットを生成することができます。(widthとheightを%指定しているため、スマホ表示にも対応しています) ドラゴンクエストVIII 空と海と大地と呪われし姫君 SQUARE ENIX INC¥2,800posted withアプリーチ   アプリーチ 使い方 ア ...

HP・ブログ関連

2019/4/9

PCでスクリーンショットを連続で撮影・保存することのできるおすすめソフト

PCで画面をキャプチャーする際に、いちいち貼り付けを繰り返すことなく、連続で撮影・保存することのできるおすすめのフリーソフトについて紹介します! その名も... KoClip !! とても使いやすく役に立つソフトです。 KoClipのダウンロード クリップボードの画像自動保存ソフト "KoClip" 上記のサイトにアクセスし、KoClip(.zipフォルダ)をダウンロードしてください。 ダウンロード完了後、.zipフォルダを解凍して中の.exeファイルダブルクリックしてください。 するとPC上にハサミのマ ...

HP・ブログ関連

2019/4/9

複数の画像のサイズを一括で簡単に変更することのできるおすすめソフト

複数の画像の大きさを指定のサイズに一括変更(リサイズ)することのできる、「Ralpha」というおすすめフリーソフトをご紹介します! とても簡単にたくさんのサイズの異なる画像の大きさを変換することができます。 Ralphaのダウンロード 上記のリンクから、.zipフォルダをダウンロードしてください。 ダウンロード完了後、.zipフォルダを解凍し、中の「Ralpha.exe」を起動してください。 使い方 Ralphaを起動すると以下のような画面が出てくると思います。 起動したら、サイズを変更したい画像を全てR ...

HP・ブログ関連

2019/4/9

ホームページに使えるアイコンや背景画像などを配布しているフリー素材サイトまとめ

今回はホームページやブログを作成するときに役に立つ、オシャレなロゴや背景画像を無料でダウンロードすることのできる、私もよくお世話になっているフリーサイトさんをご紹介させていただきます! フリー素材サイト Sosa :: Ten by Twenty URL: https://tenbytwenty.com/?xxxx_posts=sosa 「Sosa」という様々なロゴを追加するフォントを配布しているサイトです。 ペンやPC・カメラなど多種多様なロゴがあり、サイトのボタン等の装飾を行う際に非常に役に立ちます。 ...

HP・ブログ関連 SEO対策

2019/6/12

ホームページをスマホ対応(レスポンシブ)にする最も簡単な方法

WordPressではなくHTMLのみで構築されたサイトをスマートホンやタブレットに対応させる(レスポンシブにする)ことは一苦労です。 一応、有料でホームページをスマホ&タブレット表示に対応させるサービスを提供しているところもありますが、年数万円~数十万円の費用がかかってしまいます。 個人運営のサイトさんにとっては痛い出費になりますね; そこで今回、私がこのサイトをスマホ表示に対応させる際に用いた、最も簡単(と思われる)でお金もかからない手法について解説したいと思います! デバイスごとに読み込むCSSを切 ...

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

2019/4/11

[XAMPP] PC内のローカル環境にサーバーを構築しサイトを確認する方法

サイトをネットで公開する前に自身のローカルサーバーで確認したい、という時に役立つ「XAMPP」というソフトの導入方法と使い方について分かり易く解説します! XAMPPとはWebアプリケーションを開発するためのツールを無料で一括インストールすることのできるソフトです。 このソフトを用いることで以下の利点があります。 PC内にローカルサーバーが構築できる ローカルサーバー内に作業中のサイトをアップすることで、デザインの確認やphp等の動作確認をスムーズに行うことができる オフライン環境でも使用できるため、イン ...

HP・ブログ関連

2019/6/9

ホームページにサムネイル付きスライドショーを簡単に設置する方法(jQuery)

ホームページやブログに設置した「bxslider」のスライドショーに簡単なカスタマイズを施して、 下に各スライドの画像が表示される"サムネイル付き"のスライドショーにする方法について解説します! ▼実装例 既にjQueryによるスライドショーが設置できている事が前提となりますので、初めてスライドショーを設置する方は、以下の記事から読んでください。 超簡単!ホームページにスライドショー機能を実装する方法(JQuery) htmlへの記述 すでに「bxslider」のスライドショーが設置出来てる方はhtmlの ...

HP・ブログ関連

2019/4/9

GIMP2で画像に薄く斜線を表示させる方法

ホームページの背景に画像を設置することにより見栄えが良くなりますが、場合によっては 画像の色合いが強すぎて閲覧者にとって目障りになってしまうこともあります。 そこで今回は、無料画像編集ソフトの「GIMP2」を用いて、画像に斜線を入れることによってオシャレに 色合いを抑える方法について解説します! 斜線適用のためのレイヤーを作成 今回の解説では以下の、横:700px 縦:350px の画像を使用します。 白地のキャンパスを作成 まずGIMP2を開き、「新しい画像」から白地のキャンパスを作成してください。この ...

HP・ブログ関連

2019/4/9

CSSで領域からはみ出たテキストをドット「...」に置き換える方法

色々なホームページで、以下のように表示しきれないテキストの部分をドット「...」に置き換えているのをよく目にするのではないでしょうか。 1行の場合 これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。 2行以上の場合 これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これ ...

HP・ブログ関連

2019/4/9

ホームページの記事上部にシンプルな目次を簡単に設置する方法

ホームページやブログの記事ページに"あった方が良い"ものの一つとして「目次」が挙げられます。 よくWordpressを使ったサイトで以下のような目次を見かけると思います。 目次があることにより訪問者は一目で記事の構成を理解することができ、特定の箇所へ簡単に移動することが出来るため"ページの離脱率"や"再訪問率"の改善が見込まれます。 そこで今回は、シンプルで使いやすい目次(スマホ表示にも対応)をコピペするだけで超簡単に設置する方法についてご紹介します。 目次の設置方法 設置したいページのhtmlの設置した ...

HP・ブログ関連

2019/4/9

ホームページなどに使えるオシャレなロゴを簡単に生成することのできるおすすめサイト

サイトのトップページの見栄えって大事ですよね!トップの印象だけでホームページ全体のクオリティを悟られてしまう可能性もありますからね。 だからなんとかロゴだけでもカッコいい or オシャレな感じにしたいのになかなか良いものが作れない・・・('A`) となった経験がある人は多いのではないでしょうか。 しかし心配いりません!なんとオシャレでかっこいいロゴを簡単に生成してくれるサイトさんを今回ご紹介します! ちなみにこのようなロゴが1分足らずで作れてしまいます(拡大しているためチョットぼけてしまっていますが;) ...

HP・ブログ関連

2019/4/9

ページ内リンクをスムーズスクロールで滑らかに移動させる方法(jQuery)

ページ内のリンクをクリックした際に目的箇所まで滑らかに移動するスムーズスクロールを簡単に適用する方法について紹介します! スムーズスクロールを適用すると↓のリンクのように目的地まで滑らかにスクロール移動することができます。 スムーズスクロールを適用する事で遷移時の見てくれも良くなりますし、スクロールして移動するので移動先の場所が分かり易くなるという利点があります。 jQuery行の追加 スムーズスクロールを適用したいページの<head></head>内に以下の行を追加してください。 <script ...

HP・ブログ関連

2019/4/9

キーワードからホームページ内の関連記事をリスト化してくれるおすすめジェネレータ

ある記事に関係のある内容を含んだサイト内の関連記事一覧をリスト化する際に役に立つ、関連エントリーリストジェネレータをご紹介します! feed.fkoji.comへのアクセス 関連リストジェネレータ: http://feed.fkoji.com/related/ ↑のサイトにアクセスしてください。すると以下のような画面が出てくると思います。 ブログのURL: ・関連記事を検索するディレクトリを指定します。サイト全体で検索をかける時は、自身のホームページトップのURLを入力してください。 検索結果の絞り込み: ...

HP・ブログ関連

2019/4/8

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

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

HP・ブログ関連

2019/4/16

ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法

ブログでよく見るような、閲覧者が投稿したコメントがフィードバックされて表示されていくコメントフォームをホームページに設置する簡単な方法についてご紹介します! ※このページの下部のようなコメント欄が設置されます(試しにコメントしてみて下さい)。 ちなみに以前の記事でもコメントフォームの設置方法について紹介しましたが今回は、より簡単に、より多機能な コメント欄を設置することができます。 HTMLサイトでも設置可能!ホームページにブログのような"一言コメント欄"を設置する方法 ① 提供サイトへのアクセス&ログイ ...

HP・ブログ関連

2019/4/17

HTMLサイトでも設置可能!ホームページにブログのような"一言コメント欄"を設置する方法

自分のホームページにブログでよく見るようなコメント機能を追加したい!でもCGIとか勉強するのメンドくさいし・・・。 そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します!(Google Chrome, IE11で動作確認) ちなみに導入に成功すると、このページの下部にあるようなコメント欄が設置されます。 ① プログラムのダウンロード まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行き、下の方にスクロールすると"一言コメント"のダウンロードボタン が ...

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