Webサイト制作の現場で11年以上使われるツール7種とハウツー15選【2020年も現役】

2020年1月30日2020年2月2日

きみひこです。ハウツー記事を書いて13年以上になります。

ハウツー（how-to）とは、何らかの作業をする方法や手順に関する非形式的な記述のこと。（中略）ハウツーは一般に初心者を助けることを意図しており、専門家が必要とするような詳細な情報は含まない。 また、対象とする事物に関する様々な議論も排除して結論だけを記述することが多い。

（ハウツーの定義をwikipediaより抜粋）

このページでは、web制作界隈に15年以上いる「きみひこ」が、様々な現場で使ってきたツール（サービス）において初リリース（サービス開始）から11年以上経った今も現役バリバリのツールとハウツーをまとめました。

知っているツールも、知らないツールも、見ていただくと新しい発見があるかも？

興味のあるキーワードをつまみ食い感覚で拾ってもらい、読んでもらうのが良いかなと思います。

それではさっそくいきましょう！

【登場12年目】 Chrome のハウツー

2020年現在のブラウザ世界シェア63.6%※のChrome（クローム）。
ビジネスからプライベートまで日常的に欠かせないChromeのハウツーを掲載しています。
※https://gs.statcounter.com/による2020年1月時点

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

Google Chromeで、ページが読み込まれているようなのに白紙になってしまう現象のとりあえずの解決方法

表題の件について、調べながらの対応と最終的な結果について書きました。根本的な解決には至っておらずとりあえずの解決方法となっておりますが、参考にしてください。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

Chromeで「サイトまたはアプリでのデータ侵害により、パスワードが漏洩しました」と出た場合の原因と対処方法

もし同じようなダイアログが出たという場合は、この記事を読んでください。読み進めていただくと本件の対応方法のほか、パスワード漏洩についての理解を進めていただけます。

>>このハウツーを見る

[/su_column][/su_row]

• 初リリース：2008年9月2日
• 開発元：Google
• Webサイト：https://www.google.co.jp/chrome/

>> Chromeのハウツーをもっと見る

【登場16年目】 Flickr のハウツー

2004年にサービス開始され現在に至るまで、世界の写真愛好家からプロの写真家まで人気の高いオンライン写真共有サービス「Flickr」のハウツーを紹介しています。

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

【2019年】iPhoneで撮影した動画をflickrにアップロードする方法

Flickrは写真共有サービスといわれていますが動画もアップロードできます。どのようにするのかを実際の画面で解説しています。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

【追記あり2018/09/15】日本でiPhoneにflickrアプリを入れて、快適なflickrライフする方法 2017年2月現在

flickrアプリがApple Storeから消えていた時期もあったのですが、2020年現在は存在しており、これを利用するのが最も便利です。

>>このハウツーを見る

[/su_column][/su_row]

• 設立日：2004年2月
• 運営者：SmugMug
• 設立者：Ludicorp
• Webサイト：https://www.flickr.com/

>> Flickrのハウツーをもっと見る

【登場17年目】 WordPress のハウツー

2020年現在のCMS世界シェア62.5%※という圧倒的なWordPress（ワードプレス）。
ブログ運営には欠かせないワードプレスのハウツーを掲載しています。

※w3techs.comによる2020年現在

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

【wordpress/Luxeritas】スマホでレスポンシブadsenseバナーの左右が切れる場合の２つの対応方法

表題の修正について「画面幅いっぱいに表示したいか」「余白を持たせて表示したいか」2つのケースごとの対応方法について書きました。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

【wordpress/ハッキング】不正ログイン対策後の経過について

WordPress移転後一か月余りで、不正ログインされ、そのた対策をしたあとの経過について、対策方法とその後の経過について書きました。

>>このハウツーを見る

[/su_column][/su_row]

• 初リリース：2003年5月27日
• 開発元：WordPress Foundation
• Webサイト：https://ja.wordpress.com/

>> WordPressのハウツーをもっと見る

【登場24年目】 IP Messenger のハウツー

23年前から親しまれている LAN メッセンジャーソフト「IP Messenger」のハウツーを紹介しています。

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

IP Messengerの私なりの設定とちょっとした使い方注意。

ちょっとした設定変更をすることで、自分に合った使い方ができ、無用なストレスを回避できます。ちょっとした小技を紹介しています。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

IP Messengerで、相手が見えないと思ったら。。。

「なぜか、あの人だけ見えない…」「あの人だけ、僕が見えないらしい…」IP Messenger あるあるですね（苦笑）相手が見えない（もしくは、相手から自分が見えない）場合のハウツーです。

>>このハウツーを見る

[/su_column][/su_row]

• 初リリース：1996年
• 開発者：白水啓章
• Webサイト：https://ipmsg.org/

>> IP Messengerのハウツーをもっと見る

【登場24年目】 Becky! のハウツー

1996年に誕生し非常に古くから現在も人気の高い日本国内生まれのWindows用メールクライアントソフト「Becky」のハウツーを紹介しています。

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

Becky!で返信時に自動的に引用する方法

引用テンプレートという機能を使った方法を解説しています。ほぼほぼマストです。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

becky!フィルタリングマネージャの設定を別の環境に引き継ぐ方法

表題の件について端的に書いた記事です。

>>このハウツーを見る

[/su_column][/su_row]

• 初リリース：1996年
• 開発元：有限会社リムアーツ
• Webサイト：http://www.rimarts.co.jp/becky-j.htm

>> Becky!のハウツーをもっと見る

【登場25年目】 秀丸 のハウツー

1995年に誕生した高機能テキストエディタ。ウェブ制作界隈では古くから愛好者の多い秀丸。僕も秀丸が好きな一人です。
ブログ執筆からコーディングまで活躍の幅が広いテキストエディタ「秀丸」のハウツーを掲載しています。

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

秀丸　文字コードをウインドウタイトル部分に表示さす方法

表題の件について端的に解説しています。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

秀丸で“grep検索”した後は タグジャンプ　バックタグジャンプ　しよう！

秀丸使いでこれを知っていないとヤバい？　検索した後はぜひ使ってみましょう。めちゃくちゃ便利です。

>>このハウツーを見る

[/su_column][/su_row]

• 初リリース：1995年
• 開発元：有限会社サイトー企画
• Webサイト：https://hide.maruo.co.jp/

>> 秀丸（テキストエディタ）のハウツーをもっと見る

【登場30年目】 Office のハウツー

ビジネスからプライベートまで日常的に欠かせない Office のハウツーを掲載しています。

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

excelで、ファイル内（全シート）検索。

excelファイルにシートが腐るほどある場合に、それらのシートを横断して特定のキーワード検索して検索したい場合に役立つハウツーです。

>>このハウツーを見る

[/su_column][/su_row]

[su_row][su_column size="1/3″ center="no" class=""]

[/su_column]
[su_column size="2/3″ center="no" class=""]

outlook 2016で、送信ボタンを押して、2分後にメールを送信する方法

この記事では、outlook 2016で、メールを送信ボタンを押したあと、一定時間経過後にメールを送信する方法について書きました。2分というのは例です。

>>このハウツーを見る

[/su_column][/su_row]

• 初リリース：1990年10月(Windows版)
• 開発元：Microsoft
• Webサイト：https://www.office.com/

>> Officeのハウツーをもっと見る

おしまいに

Webサイト制作の現場で11年以上使われ続けるツールとハウツーをご紹介しました。

「このソフト、こんなに昔からあるのか！」

「こんなソフト、はじめて知った」

色々な気づきがあれば嬉しく思います。

以上です。