エクセル：フラッシュフィルの使い方

フラッシュフィルは、Excel 2013 以降のバージョンで使える便利な機能です。 フラッシュフィルは、Excel が入力規則を検知して別のセルに値をコピーする便利な機能です。 関数無しで値をコピーできるので、カンタンな操作で事務処理の時短

エクセル：特定の文字以前の文字列を抽出する【LEFT関数】【FIND関数】

名簿作成に便利かなぁ… 今回のサンプルは、これです。 名簿に記載されているメールアドレスの@以前をアカウント名にしたい。 特定の文字より前の文字列を別のセルに抽出する 入力する関数：LEFTとFINDについて 今回のサンプルで使用する関数は

Excel：セルの値をつないで一つのセルに表示する【CONCAT関数】

今回は、複数のセルの値を連結して一つのセルに表示する手順を説明します。 名簿作成とか、エクセルの表示形式を統一して分析する際にも便利かと思います。 concatとは concat は "concatenate" という英

【トロイの木馬に感染しました】マイクロソフトを騙る偽セキュリティ警告の消し方と対処法

ネットを閲覧していたら、突然「このコンピュータはトロイの木馬に感染しています…云々」という警告が表示され、音声がリピートするということがあります。 これは偽のセキュリティ警告なので、慌てずに対処しましょう。 決して、警告画面に表示されている

span要素でtext-alignが効かない！の解決方法

テキストなど特定の部分を span 要素で指定してその部分を右寄せやセンタリングしたいと思ったのに、text-align が効かない！と困っている方へ。原因と解決方法を説明します。span要素でtext-alignが効かない原因text-a

PHP：さくらインターネット サーバでPHPバージョンを確認する方法

これはホントのメモ書き。サーバコントロールパネル 左メニューから ＞ を選択します。PHPのバージョン欄で、「現在の設定」が確認できます。「設定」のプルダウンメニューでphpのバージョンを変更すると、サーバ全体に変更後のバージョンが適用さ

fontawesome：基本的な使い方とヒント～大きさ・色を変える・その他もろもろ

Font Awesome ウェブアイコンの基本的な使い方をまとめました。基本的な使い方～Font Awesome ウェブアイコンを使う準備Font Awesome ウェブアイコンを使う方法は、CDN (Contents Delivery N

WordPress：コーディングなしで、サクッと子テーマが作れるプラグイン【Generate Child Theme】

WordPress サイトのカスタマイズに必要な子テーマ。手動で作ってサーバにアップロードする方法もありますが、子テーマを超簡単に作れるプラグインを利用するのもよいと思います。設定項目が少なくて、あっという間に子テーマが作れるプラグイン【G

SEO：検索結果に特定のページを表示させたくない・検索結果から削除したい

Google、Yahoo、Bing の検索結果に 自社のサイトの特定のページを表示させたくない。 すでにインデックスされたページを検索結果表示から削除したい。とお悩みの方へ。以下の手順をとることで、検索結果に表示させたくないページを検索

fontawesome：WordPressサイトにプラグイン無しで導入する手順

Font Awesome をプラグイン無しで WordPressサイトに導入する手順を解説します。WordPress 以外のサイトにも使えますよ。Font Awesome アカウントを登録するFont Awesome のサイトを開いて を

WordPress：Font Awesomeが表示されない…ブラウザのCORSポリシー エラーが原因だった

ある日突然、WordPressサイトのFont Awesomeアイコンが表示されなくなりました。ブラウザのデベロッパーツールで検証したところ、CORSポリシー エラーが発生していました。Font Awesomeアイコンが正しく表示されず、す

.pdf：内部エラーが発生しました～とりあえずの回避策～

Adobe Acrobat version 22.0を使っていています。PC は Windows 11、64 ビットです。2022年10月くらいからだと思うのですが、.pdfファイルを開こうとすると「内部エラーが発生しました」と表示されるよ

Twitter：ナビゲーションがなぜか英語表記に！原因の心当たり無し… 日本語表記に戻したい！！

このサイトの twitter アカウントを今まで持っていなかったので、開設してみました！初めてのことなのでちょっと右往左往していたら、さっきまで日本語で表示されていたナビゲーションが英語表記になっていてびっくり。というわけで、twitter

メールトラブル：突然メールが届かなくなった！ウィルスバスターにブロックされた？【対処の手順】

メールを送信したのに、送信先から「メール、届いていませんが」連絡が…先日までは問題なく送信できていたのに、なぜ？他の宛先には送信できているのに、なぜ？送信先がウィルスバスターを導入している場合、トレンドマイクロ社のブロックリストに登録されて

WordPress：Contact Form 7 でサイト全体に reCAPTCHA V3 を設定する手順

最近（2022年11月現在）、.ruドメインや gmail.com からの迷惑メール数が増えていて、かなりイヤな感じです（涙）。WordPress の Contact Form 7 プラグインを使っていて、スパムメールがウザいと思っているな

DreamWeaver：コード表示が小さくて目がつらい…というあなたへ

サイト制作に集中してず～っと画面を見続けていると、目が疲れますよね。前のめりの姿勢になって、首コリや肩こりのに悩まされることになるかも…DreamWeaver のフォント表示サイズを調整して、作業環境を改善してみませんか？DreamWeav

HTML & CSS：ul、ol、liタグ～htmlで箇条書き～余白・インデントの調整【初心者向け】

html の箇条書き ul (unordered list) と ol (ordered list) の基本の使い方を別記事で説明しました。マーカーから箇条書き項目までの幅や行間など余白を調整したいという方のために、その設定方法をまとめます

備忘：便利サイト

QRのススメ：QRコード作成サイト／無料版大正製薬：首コリ改善ストレッチ

HTML & CSS：ul、ol、liタグ基本の使い方～htmlで箇条書き【初心者向け】

htmlで箇条書きを表示する ul、ol、li タグの基本の使い方を説明します。箇条書きを入れ子に（階層化）する方法や、リスト項目行頭のマーカーを変更したり消したりする方法、ol の順番を降順に変更する方法が理解できると思います。htmlで

HTML & CSS：サクラエディタのダウンロードとインストール手順

サクラエディタとはサクラエディタは日本製のWindows用テキストエディタで、フリーウェアとして配布されています。フリーウェア（無料）なのに機能性が高く、htmlやcssはもちろんのこと、プログラミングにも使える優れモノ。Webデザイナー志

HTML & CSS： 著作権記号や円記号など特殊文字まとめ

ウェブサイト制作で使う頻度が高いと思う特殊文字をまとめました。使う可能性が高い特殊文字記号読み方特殊文字（実態参照）特殊文字（数値参照）説明&アンパサンド&&ampersand©著作権記号【...続きを読む

.pdf：.pdfにパスワードを設定～パスワード保護の手順～

PDFファイルには、「ファイルを開くとき」、「ファイルを印刷・編集を制限するとき」にパスワードを設定することができます。文書のセキュリティを強化し、改ざんなどを防ぐためにパスワード保護を設定しましょう。PDFにパスワード保護を設定するには、

Gmail：メールが見つからない！それって、スレッドに埋もれちゃっているのかも…

Gmailにはいくつかの特徴があり、便利だなぁと思う反面、ちょっと使いにくいかもと感じる場面もあるかもしれません。例えば、「受信しているはずのメールが見つからない！」とか。利用者の安全に配慮してGmailが採用している迷惑メールフィルタが、

Gmail：スレッド内のメールを新しいメールから古いメールに並べ替えたい

Gmailでスレッドを開くと、日付が古いメールから順に最新のメールは一番下に表示されます。これはGmailの初期設定（デフォルト設定）で、Gmailの設定画面で並び順を新しいものからに変更することは出来ません。スレッド内のメール数が少なけれ

Excel：メインの表を入力するだけでサブの表を自動生成する手順【vlookup関数】

今回は、VLOOKUP関数を使って、エクセルでメインの表を入力するだけで自動的にサブの表を生成する手順を説明します。商品ごとの売上とか、生徒ごとの成績表とか、いろいろと応用できると思います。最初の関数設定はちょっと手間がかかりますが、一度設

Excel：漢字のフリガナが表示されない！の対処法【PHONETIC関数】

エクセルで入力された漢字のふりがなを抽出してくれる PHONETIC関数はとても便利なのですが、時として、「漢字のままでふりがなが表示されない！」という問題に出くわすことがあります。原因と対処法を説明しますね。PHONETIC関数を挿入した

Excel：ひらがなをカタカナにカタカナをひらがなに一括置換する【PHONETIC関数】

とあるプロジェクトで寿司ネタの一覧表を作ることになり資料をもらいました。読み方と漢字の対応表を作りたいということです。で、頂戴した資料がこちら。あらら。読み方の表記がひらがなとカタカナが混在しているわ。しかも、一覧表は結構長い。1行ずつ入力

Photoshop：3ステップでピンボケ写真をシャープにするよ！【レタッチの基礎：ハイパスフィルター】

フォトショップにはピンボケ写真をシャープにする方法はいくつかあります。今回は、ハイパスフィルターを使ってもやっとした写真をシャープにする手順を説明しますね。これも超カンタンなので、ご参考になさってください。まずは結論：加工前・加工後の比較を

Instagram：パソコンからインスタに投稿したい？ できるよ♪【2021年11月以降】

2021年11月より、WEB版Instagramに投稿機能が追加されました。このアプデ前は、PCからインスタ投稿をするためにブラウザをデベロッパーツールでモバイル表示に切り替えなければならず、しかも、1度にアップできる投稿は画像1枚だけでし

Photoshop：ワークスペースを整えて作業効率アップ「あのツールどこだっけ？」も解消！

Photoshopのワークスペース（編集画面）は自分が使いやすいようにカスタマイズできます。けれど、Photoshopを使い始めたばかりだと、作業の途中でツールの場所がわからなくなったり、参考書やチュートリアルの表示と自分のPhotosho

メールトラブル：Outlook.comアドレス宛にメールが送れない！【対処の手順】

ある日突然、outlookのアドレス宛にメールを送信すると、MAILER-DAEMON様から配信エラーのメッセージが戻ってきてしまいました…なんで？？？原因はMAILER-DAEMON様からのメール本文に書かれているので、慌てずに問題を解消

迷惑メール：mercari【重要:必ずお読みください】 フィッシング詐欺メール

またしても、フィッシング詐欺メールを紹介しますね。今回は、メルカリを騙るフィッシング詐欺メールです。前回紹介した「えきねっとを騙る偽メール」は、送信者メールアドレスの@マーク以降が明らかにうさん臭かったので比較的容易に偽メールを見破ることが

迷惑メール：【重要】えきねっとアカウントの自動退会処理について フィッシング詐欺メール

2022年2月くらいからでしょうか。「【重要】えきねっとアカウントの自動退会処理について」という件名のメールが頻繁に送られてくるようになりました。結論から言うと、これはすべてフィッシング詐欺メールです。メール内のリンクをクリックしてはダメで

Thunderbird：サンダーバード（メールソフト）【添付されているはずのファイルが表示されない！の対応】

「Thunderbirdで受信したメールに、あるはずの添付ファイルが表示されない」という問題に出くわすことがあります。Thunderbirdの設定を変えれば、受信メールの添付ファイルを表示させることができます。原因と設定変更手順を説明します

WordPress テーマ：THE THOR（ザ・トール）カンタン操作で美ししくSEOに強いサイトを作りたい方へ

WordPressのテーマってどれを選んだらいいんだろう…って悩んでいらっしゃいますか？WordPress公式サイトだけでも8,500以上の素敵なテーマが提供されていて、その他企業や個人の制作者が提供しているWordPressテーマもたくさ

Photoshop：普通の写真をイラストっぽく加工する カンタンに！

今回は、ふつうにスマホで撮影した何気ない写真をイラスト風に加工してみたいと思います。ご存知の通り、Photoshopはとても優秀な機能がたくさんあるのですが、できるだけカンタンに仕上げられる手順のご紹介です。（説明は長いですが…）スライダー

WordPress：Before / After の比較をスライダーで表示するプラグイン 「Before and After Slider」

ビフォーアフターの比較をスライダーで表示するために、以前使っていたプラグイン「Twenty Twenty」が使えなくなってしまいました。WordPress 5.7.2で未検証の状態…（涙）そこで、Before and After Slide

WordPress：「imagickがインストールされていない」解決方法【WPサイトヘルス】

WordPress 5.2から実装された「サイトヘルス」は、WordPressサイトのセキュリティとパフォーマンスを診断してくれる便利な機能です。改善すべき点を具体的に指摘してくれるので、やらなければならないことが明瞭で助かります。今回は、

Twitter：データのアーカイブでダウンロードできるデータについて

twitterからダウンロードしたアーカイブに含まれるデータについて説明します。twitter データのダウンロード方法は、こちらの記事を参照してください。ダウンロードしたアーカイブ データをローカルで表示するアーカイブ データ（.zipフ

Chrome：デベロッパーツールでスマホ機種を追加する

デベロッパーツールは、スマートフォンなどモバイル端末を含め、CSSなど細かい部分を検証することができるので、ウェブサイトのデザイン調整に活用していらっしゃるかたが多い機能ですね。今回はデベロッパーツールにスマホ端末を追加する手順を説明します

Instagram：パソコンからインスタに投稿したい？ できるよ♪

InstagramのWeb版は、メッセージ送信、検索、いいね、アカウントの変更などができますが、そのままでは、肝心の投稿はできません（＞＜）パソコンで加工した動画をインスタにアップしたい…ブラウザをデベロッパーツール機能を使えば、パソコンか

WordPress：「このサイトのアップロードサイズ上限を超えています」エラーを解消する

WordPressサイトに画像や.pdfファイルをアップロードしようとして、「このサイトのアップロードサイズ上限を超えています」と表示されてアップロードできないエラーに遭遇したことはありませんか？このエラー、解消しましょう！「このサイトのア

DVD Styler：家庭用DVDプレイヤーで再生できるDVDを焼く【動画のチャプター設定からDVD焼き付けまで】

さて、いよいよ動画を組み込んで、家庭用DVDプレイヤーで再生できるDVDを焼いていきましょう！DVDメニューの設定で選んだ「タイトル選択」を「チャプター選択」に変更する手順も後段で説明しますね。チャプターを設定するための準備：チャプター位置

DVD Styler：家庭用DVDプレイヤーで再生できるDVDを焼く【動画メニューの作成と文字化けの解消】

さて、DVD Stylerをダウンロードしてプロジェクトの初期設定「ようこそ」ダイアログの設定が終わりましたので、いよいよDVDを作成する動画の編集について説明しましょう。慣れてしまえばどうということは無いのですが、ちょっとクセがあるので、

DVD Styler：家庭用DVDプレイヤーで再生できるDVDを焼く【メニューの背景画像を自作する】

DVD Stylerのメニュー背景画像を自分で作ってオリジナル感をアップしましょう！今回はその手順を説明しますね。DVD Stylerのメニュー背景画像を作成する方法メニュー用に使う背景画像の幅は、構成比（アスペクト比）が4：3の場合も16

DVD Styler：家庭用DVDプレイヤーで再生できるDVDを焼く【初期設定・メニュー作成・文字化けの解消】

それでは早速、家庭用DVDプレイヤーで再生できるDVDを作っていきましょう♪今回は、プロジェクトの初期設定、メニュー作成（含 オリジナル画像の作成と適用）、メニュー文字化けの解消についての説明です。プロジェクトの新規作成DVD Styler

DVD Styler：家庭用DVDプレイヤーで再生できるDVDを焼く【ダウンロードとインストール】

入学式や卒業式、運動会や発表会、そして、結婚式など、様々なイベントで撮影した動画を、家庭用DVDプレイヤーで再生できるようにDVDを作成してみませんか？Windows10の標準機能で「CD/DVDプレイヤーで使用する」を選択してディスクに書

Thunderbird：サンダーバード（メールソフト）【漢字変換できない原因と対処】

Thunderbird（サンダーバード）を使っていて、日本語変換ができないという問題が発生することがあります。入力した文字がひらがなのままで、漢字やカタカナに変換できないという現象。原因は、Thunderbirdのパスワード設定によりIME

Thunderbird：サンダーバード（メールソフト）【バージョンの確認とアップデートの手順】

オープンソースのメールソフトThunderbirdは常に改良されていて新しいバージョンがリリースされています。基本的にバージョンのアップデートは自動更新されるのですが、手動でアップデートすることもできます。また、アップデートしたことにより、

Thunderbird：サンダーバード（メールソフト）【メールデータ保存場所をCドライブからDドライブへ移動する手順】

メールのデータ容量は小さいとはいえ、メールは使っているうちに保存データがどんどん増えてCドライブの容量を圧迫してしまいます。ソフトウェアやプログラムの実行ファイル、OS関連データなどが保存されるCドライブはできるだけ空き容量を確保しておきた

Thunderbird：サンダーバード（メールソフト）を使う【メールアカウントを新規追加する手順】

Thunderbird は、Mozilla Foundation (モジラ・ファウンデーション/モジラ財団)が統括するオープンソースソフトウェアのひとつで、無料、オープンソース、クロスプラットフォームのアプリケーションです。Thunderb

WordPress：403 Forbidden ワードプレスでアクセス拒否エラーの対処法

ワードプレスを手動インストールしたり、サーバを移転する際にわりと頻繁に出くわすのが「403 Forbiddenエラー」。WordPressをサポートしているレンタルサーバの中にはクイックインストールなどの機能がある場合があり、それを利用すれ

Windows：Windowsキー使ってる？普段使いにおすすめのキーボードショートカット

Windowsキーって、使っていますか？そうです。キーボードの左下にファンクションキーやオルトキーの付近でひっそりと存在している窓（ウィンドウ）のデザインが表示されているキーです。「このキーを使わなくても取り立てて支障はないし…」と思ってい

Excel：エクセルで複数のプルダウンメニュー（ドロップダウンリスト）を連動する

エクセルのプルダウンメニュー（ドロップダウンリスト）は入力ミスを防ぐことができますし、作業効率が高まるので時短にもなりますよね。今回は、2つのプルダウンメニューを連動させる方法を解説します。1つめのプルダウンメニューで選択したデータに応じて

Excel：行と列を入れ替えて貼り付ける【形式を選択して貼り付け】と【TRANSPOSE関数】

エクセルの表の「行と列を入れ替えて同一シートや別シートに貼り付けたい」という場面はよくありますよね。2つの便利な機能を、キーボード ショートカットと合わせてご紹介しますね。覚えておくと便利ですよ～。単に行と列を入れ替えるだけなら、「行列の入

Photoshop：ピンボケ写真をシャープにするよ！【レタッチの基礎：アンシャープマスク】

「あぁ、この写真、ピントがぼけていなければよかったのになぁ…」と嘆いているあなた！フォトショップでぴんボケ写真をシャープに加工しましょう！今回は、Photoshop アンシャープマスクの使い方を説明しますね。アンシャープマスクとは「アンシャ

Excel：［Ctrl］＋［Enter］で複数のセルに同じデータを一括入力【超便利な小技ショートカット】

エクセルの作業効率をアップする便利なショートカットをご紹介します。エクセルなら、 + で選択した範囲内に同じデータを一括入力できます。残念ながらこのショートカットは Googleスプレッドシートでは使えません。単純に同じデータを選択したセ

Google：アナリティクスを含むGoogleサービスの不具合発生状況を確認できるページ

ウェブサイト管理者やブログ運営者など、自分が管理しているサイトのパフォーマンスをGoogleアナリティクスを活用している方はたくさんいらっしゃいますよね。現時点までの様々なデータから傾向を把握して、さらにユーザを拡大するための対策を検討する

Excel：コピペしたデータが全部同じセルに入っちゃった！【区切り位置指定ウィザードでデータを分割】

エクセルにデータをコピーしたら、本来A列、B列、C列…と分けて入力したいのに、すべてのデータが1つのセルに入ってしまったということはありませんか？区切り位置指定ウィザードを使えば、すぐに分割できますよ！エクセル 区切り位置指定ウィザードの使

Photoshop：作業スピード大幅アップ！レイヤーをまとめて表示/非表示【レイヤー操作編】

Photoshopで作業中、複数のレイヤーをまとめて表示したい、または、まとめて非表示にしたいと思ったことはあ […]

Googleアカウント：パスワード チェックアップでパスワード漏洩の可能性を確認してみよう！

各種オンラインサービスを利用していると、ついつい同じパスワードを使いまわしたりしてしまいますよね。 ご存知の通 […]

Photoshop：レイヤーマスクを極める 【基礎編：テキストでレイヤーマスクを作る】

文字を使って画像を切り抜く方法を説明しますね。 これは結構いろんなデザインに応用できるだろうと思います。 今回 […]

Chrome：Googleリモートデスクトップの使い方 別のPCから会社のPCを遠隔操作 WindowsからでもMacからでもテレワーク！

インターネットに繋がる環境ならWindows / Macに関わらずカンタンにパソコンの遠隔操作が可能になる G […]

Chrome：Googleリモートデスクトップの設定 別のPCから会社のPCを遠隔操作 WindowsからでもMacからでもできるよ！

時節柄、リモートワークの機会が増えてきましたね。 かく言う私は、ウェブ制作等の仕事柄ノートパソコンを持って外出 […]

Photoshop：レイヤーマスクを極める 【基礎編：カスタムシェイプでレイヤーマスクを作る】

レイヤーマスクは、選択範囲内を表示し選択範囲外を非表示にするマスク機能（覆い隠す機能）です。 便宜上、説明の中 […]

Photoshop：カスタムシェイプ パネルから不要なシェイプを削除したい！

Photoshop2020 はカスタムシェイプのデフォルトがアップデートされ、それ以前に使っていたアイコン的な […]

Googleアカウント：2段階認証を有効化してGoogleアカウントのセキュリティを強化する

GmailやGoogleアプリやドライブなどを便利に使っている方はとても多いですよね。 過去には「Google […]

セキュリティ対策：メールアドレスやパスワードの漏洩を確認できるサイト

セキュリティ対策はしっかりしていても、強力なパスワードを使っていても、インターネットのサービスを利用していれば […]

Chrome：検索エンジンが勝手にBingになっちゃった！ブラウザ乗っ取りマルウェアを駆除する方法

私がメインで使っているブラウザはChromeで、いつものようにアドレスバーに文字を入力して検索すると…。 検索 […]

Facebook：アカウント乗っ取り原因と対策 メッセンジャーが勝手にスパム送信してしまう件

またか！という感が否めませんが…。 最近、「あなただと思います！」というタイトルの動画リンクがFacebook […]

Chromeでウェブページ全画面スクリーンショットを撮る：拡張機能あり・無しの両方のやり方

縦長のウェブページ全体をスクリーンショットしたいと思うことありませんか？ ウェブサイトの制作という仕事柄、クラ […]

Photoshop：レイヤーマスクを極める 使いこなせば超便利【基礎編：レイヤーマスクで画像切り抜き ちょっとだけ応用】

フォトショップ レイヤーマスクの基本を理解したところで、ちょっとだけ、応用してみましょう。 背景画像の上に切り […]

Photoshop：レイヤーマスクを極める 使いこなせば超便利【基礎編：レイヤーマスクで画像切り抜き】

「フォトショップのレイヤーマスクってちょっととっつきにくい…。」と思い込んでいるあなた！ レイヤーマスクは、画 […]

Photoshop：フォトショップ2020で従来のカスタムシェイプが表示されない問題【解決済み】

フォトショップ2020を使っていて、ある日突然、気づきました。 「フォトショのカスタムシェイプ。『葉のある木』 […]

SEO：サイトのトラフィックを判断する参考に【alexa.com】

「Webサイトはトラフィックが重要！」というのは誰もが理解していることですね。 Googleアナリティクスを使 […]

Photoshop：不要な人物を消すよ！【レタッチの基礎：コンテンツに応じた塗りつぶし】

人やモノなど不要な被写体を消したい 爽やかな海辺の風景…。だけど、奥にいるサーファーを消したい！ これが今回や […]

Googleスプレッドシート：行と列を入れ替えたい！TRANSPOSE関数がおすすめ

スプレッドシートで行と列をカンタンに入れ替えたい！と思っているあなたに、二つの方法を説明しますね。 元のデータ […]

Googleスプレッドシート：日付をカレンダーから入力する方法

スプレッドシートで日付を手入力するのは面倒だ！と感じている方におすすめです。 例えば、家計簿や経費集計など複数 […]

Photoshop：フォトショップで不要な被写体を消すよ！【レタッチの基礎：スポット修復ブラシ】

カンタンすぎてごめんなさい m(_ _)m 今回は、写真の中の不要なものをポチポチするだけで簡単に消しちゃいま […]

Photoshop：フォトショップで不要な被写体を消すよ！【レタッチの基礎：スポット修復ブラシ】

カンタンすぎてごめんなさい m(_ _)m 今回は、写真の中の不要なものをポチポチするだけで簡単に消しちゃいま […]

Windows：パソコンの起動時刻とシャットダウン時刻を調べる

Windows10を何時に起動して何時にシャットダウンしたかを調べる手順を説明します。 Windowsに標準装 […]

Twitter：データをダウンロードする方法

さて、今回は twitterデータ ダウンロード方法を説明しますね。twitterデータ アーカイブをダウンロードするtwitterデータ アーカイブのダウンロードをリクエストするパソコンでtwitterを開き、右パネルの「もっと見る」をク

Facebook：メッセンジャーをダウンロードする方法

「Facebookのメッセンジャーのデータをダウンロードしたいなぁ…」と思ったことはありませんか？パソコンでカンタンにできます！facebookメッセンジャーのダウンロード方法をステップバイステップで図解説明しますね。Facebookデータ

Photoshopで省略線を作るよ！所要時間わずか2分（弱）

Photoshopを使って、わずか2分弱で、省略波線を作りましょう。流れはいたってシンプル。3ステップで完成です。1. ラインツールで直線を引いて、太さを調整する。2. 波形フィルターを適用する。3. 境界線を設定する。では、ステップ バイ

Googleアカウント：アカウントを追加する！複数アカウントを使い分ける方法 2020年版

Google は複数のアカウントを持つことができます。「個人用」や「ビジネス用」などと別アカウントを持って使い分けると便利ですよ～。既存のアカウントに別のアカウントを追加するGoogleアカウント切り替えパネルを開くブラウザでGoogleを

Internet Explorer 11 サポート終了までのスケジュール

すでに、2020年8月にMicrosoft社が公表したことですが、もう一度整理しておきましょう。まだInternet Explorer (IE)を使っている方は、要チェックです！Internet Explorer 11 サポート終了までのス

Twitter：個別のツイートをサイトに埋め込もう

Twitterの個別ツイートをサイトに埋め込む方法について、ステップごとに説明しますね。Twitterのタイムラインを埋め込むコードの取得方法は、こちらにまとめてあります。事前準備埋め込みコードを取得するTwitter ツイートのURLを用

Twitter：タイムラインをサイトに埋め込もう

Twitterのタイムラインをサイトに埋め込む方法について、ステップごとに説明しますね。事前準備埋込コードを取得するTwitterのURLまたはTwitterユーザ名を用意しておきましょう。Twitter URLは、ココ↓Twitterユー

WordPress：TOPへ戻るボタンがreCAPTCHAとかぶっちゃった…を解決するプラグイン

TOPへ戻るボタンがreCAPTCHAと重なっちゃった…を解決する 問題は、コレです。 reCAPTCHA v3 を導入するとセキュリティ シールとページ上部に戻るための「トップへ戻る」ボタンが重なってしまいます。 WordPressサイトなら、テーマ デフォルトの「トップへ戻る」を利用せず、「トップに戻る」ボタンをコントロールできるプラグインを使うことでこの問題が解決できますよ～。 TOPへ戻る

DreamWeaver：サイト バージョン管理のヒント♪【初心者向け DreamWeaver のいろは】

初心者向け、【DreamWeaverのいろは】シリーズ第2回目。最初の2歩は、サイト データのバージョン管理について説明します。 公開中のウェブサイトにページを追加したり、過去にアップしたページの内容を更新したりする際は、現在公開中のウェブサイトデータを保存（アーカイブ）しておくことをおすすめします。 「更新したファイルをアップロードしたらウェブサイトの表示が崩れてしまった！」 ということは比較的

DreamWeaver：サイト情報を登録しよう！【初心者向け DreamWeaver のいろは】

初心者向け、【DreamWeaverのいろは】シリーズ第1回目。最初の1歩は、DreamWeaver にサイト情報を登録しよう！です。 DreamWeaverとは DreamWeaverは、Adobe社が提供するHTML編集等に特化したオーサリング ソフトウェア（編集ソフト）です。htmlのタグや構文を熟知していれば特にDreamWeaverを使わなくてもtextエディタでガシガシ書いていくことも

Photoshop：画像の一部を自然にぼかす「グラデーション」と「ぼかし（レンズ）」の使い方

自然なぼかしで奥行き感のある写真に加工してみよう ビフォーアフターは、これ。 もともときれいな写真ですが、写真の特定の部分に注目を集めたいときなど、カンタンな操作で奥行き感のある仕上がりに加工できますよ！ 今回の加工は、「元画像の上にぼかし加工を加えた画像を重ねる」という方法です。 STEP 1: 画像を開き、レイヤーのコピーを作成する 画像を開いて、「背景」レイヤーの上で右クリックし、「レイヤー

Photoshop：斜めの面に画像をはめ込む！「遠近法ワープ」の使い方

正面ではない面に画像やテキストをはめ込んでみるよ！ ビフォー アフターはこれ↓ 使った素材写真はこれ。 白紙のノートと砂浜のボトルのきれいな写真。 STEP 1: 画像を張り付けて、遠近法ワープで変形する 貼り付け元の画像を開いて、はめ込む画像を貼り付けます。はめ込む画像のサイズを大まかに調整します。 はめ込む画像のレイヤーを選択した状態で、画面上部の[編集] ＞ [遠近法ワープ] を選択します。

Photoshop：フォトショップでカンタンに曲面に画像を貼る！「ワープ」の使い方

ノンブランドのビアグラスにロゴを貼ってみよう ビフォー アフターはこれ↓ STEP 1: ロゴのイラストレーターをフォトショップ画像に貼り付ける ロゴのaiデータをコピーして、フォトショップ画像にペーストします。 ペースト形式は「ピクセル」を選びます。 貼り付け後はサイズを調整しましょう。 下のサンプル画像では、ペーストしただけでも違和感は無いかもしれませんが、ちょっと工夫をしてみたいと思います。

コーディング：cssだけできれいな見出しを作る！シンプル編～

画像無しでcssだけでキレイな見出しを作る！ サンプル1：見出しの両端にシングルラインを配置する 見出しの両端に1本線を入れる。見出し文が長くなると、両端の線は見出し文の縦位置中央配置される 見出し文が短い場合の例： 見出しの両端にシングルラインを配置する 見出し文が長い場合の例： 見出しの両端にシングルラインを配置する 見出し文が長い場合 見出しの両端にシングルラインを配置する 見出し文が長い場

text-decoration : underline に不満足！下線にpaddingを設定したい！

テキストに下線を付ける場合、css の text-decoration: underline を使うと文字と下線がくっついてしまって不満。 例えば、こんな感じ。 文字と下線の距離を調整するために、border-bottom を使おう！ 仕上がりは、こんな感じ。 cssコードは以下の通り。 p_underline というクラスを設定し、 .p_underline { border-bottom:2p

vimeo動画をサイトやブログに埋め込むときのメモ ループ再生とかもね

vimeo側の設定 vimeo動画の公開設定 vimeo動画をサイトやブログに埋め込む前にvimeo側で動画の公開設定をしましょう。 無料で利用できるベーシックメンバーシップの画面を示しながら説明します。 設定する項目は、「試聴できる人」、「動画の埋め込み場所」、「コメントできる人の範囲」の3項目です。 vimeo「ホーム」からサイトやブログに埋め込む動画を選択すると下の画面が表示されます。 左メ

動画を圧縮する無料オンラインサイト VimeoやYouTubeにアップする前に使おう！

動画圧縮： Online Video Converter サイトにアクセスして動画をアップロードしよう Online Video Converter V3.0 このサイトにアクセスすると下図の画面が表示されます。 右上（下図でEnglishと表示されている箇所）から、日本語を選択することもできます。 圧縮する動画をアップロードするには、下図赤枠の[CONVERT A VIDEO FILE]をクリッ

jpgをカンタンに高品質・高圧縮！クォリティもコントロール可

JPEG圧縮：カンタンで高品質・高圧縮！しかも無料 使い方はカンタン 1. サイトにアクセスして画像をアップロード 画像のアップロード方法は2つ。 [アップロード]ボタンをクリックして、パソコンからファイルを選択します。 あるいは、「ファイルをここにドラッグ＆ドロップしてください。」部分にパソコンのファイルをドラッグ＆ドロップします。どちらでも同じなので、やりやすい方法で。 2. アップロード中と

ピクセルとミリを変換する

画像サイズを正確に変換できる便利サイト：amanaimagesヘルプサイト ストックフォト老舗の（株）アマナさんのヘルプページが超便利なのでご紹介（というか備忘） できること ピクセルと解像度から使用サイズ(mm)を求める サイズ（mm）と解像度から必要なピクセル数を求める 紙サイズのpixcel / mm 早見表 使用用途別解像度の目安 新聞サイズの目安 以上