ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ

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

機種別ハイスコア(80点~)タイトルを見る

機種別ハイスコア(80点~)タイトルを見る

HP・ブログ関連

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

2019/9/1

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

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

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

2020/5/12

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

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

HP・ブログ関連

2020/5/12

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

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

HP・ブログ関連 SEO対策

2019/6/12

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

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

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

2020/4/8

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

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

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

2020/4/8

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

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

HP・ブログ関連

2019/8/4

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

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

HP・ブログ関連

2020/5/12

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

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

HP・ブログ関連

2020/5/12

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

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

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

2019/9/1

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

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

HP・ブログ関連

2019/4/9

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

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

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

2019/9/1

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

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

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

2019/9/1

サイトの全てのページのリンク切れを一括で調べる方法(SEO対策)

自サイトから他サイトへの外部リンクおよび自サイトの内部リンクにリンク切れが生じると、閲覧者さんに不快な思いをさせるだけでなくSEO(検索エンジン対策)にも悪い影響を与えてしまいます。 そこで、自サイトのすべてのページにリンク切れが無いかどうかを一括で調べる簡単な方法について紹介します! dead-link-checker.comへのアクセス https://www.dead-link-checker.com/ja/ 上記の"リンクチェッカー(リンク切れチェックツール)"さんのサイトにアクセスしてください。 ...

HP・ブログ関連

2020/4/8

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

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

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

2019/9/1

画像の背景を透明化する"透過処理"を施す方法(GIMP2)

画像合成などでよく用いられる、画像の特定の箇所を透明にする透過処理を画像編集ソフト「GIMP2」を用いて簡単に行う方法について紹介します! ちなみに透過処理するとどのようになるかというと、下の例をご覧ください。 ▼ 透過処理前 ▼ 透過処理後 といった感じに、透過処理を行うと背景色が透明になります。これにより他の画像と合成することで 以下のような画像を作ることも可能になります。 ▼ 透過処理を施した画像と他の背景画像を合成した例 この透過処理の技術は動画制作で画像を用いる際、邪魔な背景色を消して特定の物体 ...

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

2019/9/1

動画を投稿する際の"著作権表記"の正しい書き方

動画を制作する際、使用している素材によっては誤解を避けるために著作権の表記を行う必要がある場合もあります。そこで、フリーのBGMや画像を使用する際の正しい著作権の表記方法について解説しようと思います! "著作権表記"の必要性 "著作権表記"というのは、映画や音楽のみならず様々な商品に見られる、著作権者を明記し主張することで無断利用を防ぐためのものです。 みなさんもいろんなところで以下のような著作権(コピーライト)表記を目にしたことがあると思います。 Copyright © 2015 FukaFuka295 ...

HP・ブログ関連 SEO対策

2019/9/1

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

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

HP・ブログ関連

2019/4/8

カーソルを合わせた際の様々なホバーエフェクトを超簡単に実装する方法

ボタンなどの要素にカーソルを合わせた際の様々なホバーエフェクトを「Hover.css」を用いて超簡単に実装する方法について紹介します! 「Hover.css」のダウンロード&実装 ianlunn.co.uk/articles/hover-css-tutorial-introduction/ 上記のダウンロードサイトにアクセスし、"DOWNLOAD"ボタンをクリックして「Hover-master.zip」という zip形式のフォルダをダウンロードしてください。 ダウンロードが完了したら.zipフォル ...

Copyright© ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ , 2020 All Rights Reserved Powered by AFFINGER5.