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

ふかふか交易所

HP・ブログ関連

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

2019/4/11

スマホで360度画像が簡単に撮影できてサイトへの貼り付けも可能!iOS対応アプリ『Bubbli』

こんにちは、ふかふかです! 今回は、スマートフォンで簡単に360度画像を撮影できるiOS対応アプリ『Bubbli』についてご紹介します!ホームページなどにも張り付けることができます。 Bubbli 公式サイト:https://bubb.li/   bubbli Aria Glassworks, Inc.無料posted withアプリーチ 普通の写真より臨場感溢れる写真を撮影することができるので、旅先などで思い出に残る360度画像を撮っちゃいましょう! ▼ちなみにこのような360度画像が撮影でき ...

HP・ブログ関連 動画作成関連

2019/4/10

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

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

HP・ブログ関連

2019/4/10

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

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

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

2019/4/10

Dellのノマド御用達ノートPC『XPS13 9343』でFF14のベンチマークスコアを計測してみた

みなさんこんにちは!ふかふかです。 今回は先日購入したDellの『XPS13(9343)』のグラフィック性能を確かめるべく、新生FF14のベンチマークスコアを計測してみました! ▼ 購入したノートPC Dell XPS13-9343 13.3-Inch Ultrabook (5th Gen Intel Core i5-5200U Processor 2.2GHz 8GB DDR3 256GB SSD Windows 8.1) (Certified Refurbished) [並行輸入品] Dell Com ...

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

2019/4/10

やっと届いた!遅い遅いと評判のDell(デル)からPCが届くまでの流れ

みなさんこんにちは!ふかふかです。 突然ですが私はこのサイトを立ち上げる以前から、「外出先からでもサイトが更新できるようになれば効率があがるのにな~」とずっと思っていました。 ノートPCは持ってはいたのですが、重くてデカくて、正直言って持ち運びたくなるものではなかったのです。 ほらカフェやレストランでスマートなノートPCを優雅にカタカタやってる人っているじゃないですか! そういう人達のことを俗に “ノマド” って呼ぶんですけど、私はそういうスタイルに密かに憧れていたのです(*’▽’)! (まあ私の場合はカ ...

Aviutl関連 HP・ブログ関連 動画作成関連

2019/4/10

[Aviutl] 動画ファイルからGIF画像を生成する方法

アニメーションを表示することのできるGIF形式(.gif)の画像って作るのが大変ですよね。 しかしなんと!フリー動画編集ソフトの「Aviutl」を使って、動画ファイルから直接GIF形式のアニメーション画像を"超簡単に"生成する方法があるのです! ▼ このようなGIF画像が簡単に生成できます(1.97MB 10fps) 今回はその方法について解説していきたいと思います。 GIF出力プラグインのダウンロード ダウンロード元:AGifExportPack 上記のURLにアクセスし、香港の有志の方が作成してくださ ...

HP・ブログ関連 SEO対策

2019/6/12

GIF画像のサイズを変更したり容量を最適化することのできるおすすめサイト

アニメーションを表現できることで知られるGIF形式の画像(.gif)ですが、他のファイル形式に比べてサイズの変更や容量の最適化が難しいという欠点があります。 そこで今回は、GIF画像の大きさや容量を簡単に変更することのできるおすすめサイトをご紹介します!Twitterのような投稿ファイルのサイズに制限(5MB)があるようなサイトにGIF画像を投稿する際に重宝します。 EZGIF.comへのアクセス https://ezgif.com/上記のサイトはGIF画像の編集に特化したサイトで、サイズ変更や容量削減の ...

HP・ブログ関連

2019/4/10

斜線背景の画像を簡単に生成することのできるおすすめサイト

「斜線の模様でボタンや背景にアクセントを付けたい!」そう思ってもCSSで適用しようとするとコードが長くなってしまいますし、各プラウザごとに適用させる必要もあり面倒くさいですよね('A`) そこで今回は、ホームページの素材などに利用することのできる、斜線背景の画像を簡単に生成することのできるおすすめサイトをご紹介します! Stripe Generatorへのアクセス Stripe Generator 上記のサイトのジェネレータを活用することで思い通りの斜線背景画像を生成することができます。 ジェネレータの使 ...

HP・ブログ関連

2019/4/10

[Twitter] 終了したcount.jsonの代わりにツイート数を取得するcount.jsoonの利用方法

今年の11月22日時点でTwitterが、ツイート集を取得するApi「count.json」の提供を終了したため、 様々なホームページで記事のツイート数が表示されなくなってしまうという事態が起こりました。 「今まで記事に対するツイート数を記事自体の評価指標にしていたのに...」「ツイート数を表示する領域が消えたことでデザインの改変をせざるを得なくなった」 などなど、ホームページやブログを運営している方にとっては困ったことになってしまいました。(実際私もそのうちの一人です('A` 😉 そこでなんとかツイート ...

HP・ブログ関連

2019/4/10

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

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

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

2019/4/10

[Twitter] あるキーワードに関する過去のツイートを期間を指定して閲覧する方法

「このキーワードに対しての過去のみんなの反応が見たい!」 そんな方法を探しているあなたのために、スマホのTwitterアプリを使って期間を指定しつつ、特定の語句に対する過去のツイートを表示する簡単な方法について紹介します! ※要Twitterアプリ 過去ツイート表示コマンド スマホのTwitterアプリを起動すると、ページ上に検索窓が表示されていると思います。(もしくは虫眼鏡のマークを押すと検索窓が出てきます) この検索窓に以下のコマンドを入力してください。※鍵かっこ「」はいらないです。     ...

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行以上の場合 これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これはテスト文です。これ ...

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