HP・ブログ関連

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

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

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

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

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

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

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

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

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

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

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

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

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

ホームページやブログに設置した「bxslider」のスライドショーに簡単なカスタマイズを施して、 下に各スライドの画像が表示される"サムネイル付き"のスライドショーにする方法について解説します！ ▼実装例（このようなデザインのスライドショーが設置できます） 既にjQueryによるスライドショーが設置できている事が前提となりますので、初めてスライドショーを設置する方は、以下の記事を参考にスライドショーを設置しておいてください。 htmlへの記述 すでに「bxslider」のスライドショーが設置出来てる方はh ...

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

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

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

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