ゲマステ!- Gamers Station

ゲーマーズステーション | ゲームを中心に、動画・ブログ制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介

ホームページ

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/9/1

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

以前の記事で、ホームページに普通のスライドショーを設置する方法について紹介しました。 ゲマステ!- Gamers Station超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します!ちなみに導入に成功すると↓このよ... しかし今回紹介するスライドショーは、2枚の画像を比較したい時に非常に便利な『比較用スライドショー』です!( ...

HP・ブログ関連 ガジェット・ツール

2019/4/11

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

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

HP・ブログ関連 レビュー記事

2019/9/1

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

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

HP・ブログ関連

2019/9/1

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

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

HP・ブログ関連

2019/4/11

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

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

HP・ブログ関連 ガジェット・ツール レビュー記事

2019/9/1

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

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

HP・ブログ関連 SEO対策

2019/9/1

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

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

HP・ブログ関連 SEO対策

2019/9/1

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

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

HP・ブログ関連 SEO対策

2019/9/1

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

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

HP・ブログ関連 ガジェット・ツール レビュー記事

2019/9/1

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

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

HP・ブログ関連

2019/8/4

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

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

HP・ブログ関連 ガジェット・ツール

2019/9/1

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

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

HP・ブログ関連

2019/8/4

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

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

HP・ブログ関連

2019/8/4

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

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

HP・ブログ関連

2019/8/4

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

今回はタブごとに内容の変わる"タブメニュー"をホームページ上に簡単に実装する方法について解説していきます! ※以前の記事で、すでにタブメニューの作成方法について解説していますが、今回紹介するタブメニューは実装がさらに簡単で改善されたものになります。 ゲマステ!- Gamers Station  1 tweetタブごとに内容を切り替える「タブメニュー」をホームページに作成する方法ページを切り替えることなく、同じページ内でタブごとに表示内容を変更する「タブメニュー」の作り方について、今回簡 ...

HP・ブログ関連

2019/9/1

Googleカスタム検索の薄い文字(ウォーターマーク)を非表示にする簡単な方法

自身のホームページに「サイト内検索機能」を導入したい場合、Googleの提供するカスタム検索(Google Custom Search)を設置する方法があります。 しかしGoogleカスタム検索を設置した際に、初期の状態では検索枠内に"Googleカスタム検索"のように薄い文字(ウォーターマーク)が浮かび上がっていると思います。 人によってはデザインの関係上、この文字を非表示にしたい!という方もいると思います(実際、私は気になって仕方がありませんでしたw)。 そこで今回は、Googleカスタム検索の薄い文 ...

HP・ブログ関連

2019/9/1

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

以前このサイトの記事にて、jQueryで動作するスライドショー「bxSlider」の簡単な設置方法について解説しました。 ゲマステ!- Gamers Station超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します!ちなみに導入に成功すると↓このよ... すると、一部の方々から、スライドショーが正常に動作しないとの報告を少な ...

HP・ブログ関連 動画サイト関連

2019/4/10

ホームページにYoutube動画を埋め込んだ際にレスポンシブ対応させる方法

こんにちは、ふかふかです! ホームページにYoutubeの動画を埋め込んで再生できるようにしたのはいいものの、スマホなどで表示した際に、動画の横幅が画面サイズに合わなくてはみ出てしまう!...なんてことになったりはしていませんか? そんな時でも大丈夫!今回紹介する簡単な解決方法を用いれば、Youtube動画を様々なデバイスにレスポンシブ対応(サイズ対応)させることができます! Youtube埋め込みコードの記述 Youtubeの動画を埋め込む際、Youtube動画ページの"共有"→"埋め込みコード"をコピ ...

HP・ブログ関連

2019/9/1

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

こんにちは、ふかふかです! 以前の記事で、非Wordpressサイト(HTMLベースで構築されたサイト)に、ブログのようなコメント欄を簡単に設置する方法について紹介しました。 ゲマステ!- Gamers Stationホームページにブログのようなフィードバックコメント欄を簡単に設置する方法ブログでよく見るような、閲覧者が投稿したコメントがフィードバックされて表示されていくコメントフォームをホームページに設置する簡単な方法についてご紹介します!※このページの下部のようなコメント欄が設置... ですがこのとき ...

Copyright© ゲマステ!- Gamers Station , 2019 All Rights Reserved.