原価計算基準 三一 個別原価計算 追加しました
PR

Tips and Tricks Web ブログ職人 匠の技

Tips and Tricks Web ブログ職人 匠の技 考える
Tips and Tricks Web ブログ職人 匠の技
2022.02.13
  1. とりあげる職人技・匠の技
  2. アクセス数アップ
  3. Webデザイン
  4. コンテンツ -メディア編集
  5. テック -しくみ
  6. テック -設定
  7. 使いこなす
  8. ツール
  9. 知財権・著作権
  10. セキュリティ

とりあげる職人技・匠の技

  • ブログ作成・運営は、テックと日本語力とデザイン知識の総合格闘技です。
  • WordPress以外のCMSでも共通のWeb/サイト/blog全般の技を整理しています。
  • WordPressに関する情報でも汎用的でかつ強力なものはここでは紹介しています。

アクセス数アップ

【初心者】ブログをアクセスアップするたった1つの方法

【初心者】ブログをアクセスアップするたった1つの方法
こんなお悩みを解決します。 本記事の内容 ・ブログをアクセスアップする方法はSEOです・いくら記事を ...
www.tsuzukiblog.org
  • SEO

【図解】グーグルのリンク評価20の原則【2019年版】（前編#1～#10）

【図解】グーグルのリンク評価20の原則【2019年版】（前編#1～#10） | Moz - SEOとインバウンドマーケティングの実践情報
2019年において、グーグルは被リンクや発リンクをどう評価していて、どんなリンクが検索順位に影響をもつのか。基本から最新情報まで、20の原則を図で解説
webtan.impress.co.jp
  • SEO

E-A-Tとは？SEOにおける重要性について｜SEOラボ

E-E-A-T(旧E-A-T)とは？SEOで重要なGoogleの評価基準など徹底解説！｜SEOラボ
E-E-A-Tとは、「Experience（経験）」「Expertise（専門性）」「Authoritativeness（権威性）」「Trustworthiness（信頼性）」の略で、Googleの検索品質評価ガイドラインで定義されてるウェ...
seolaboratory.jp
  • SEO

僕が月100万PVを超えるブログを作るためにやったこと全て | マクリン

僕が月100万PVを超えるブログを作るためにやったこと全て
当ブログ【マクリン】は、ブログ開始2年半で月100万PVに到達しました。そのためには「心を折らずに淡々とやること」が必須です。本質的な施策もそうでないものもいくつも投じてきましたが、その中で僕なりに大事だと感じたことを紹介していきます。
makuring.jp
  • ブログ運営

アフィリエイトだけで夫婦と子供1人が生活できるまでにやったこと – ノマド的節約術

アフィリエイトだけで夫婦と子供1人が生活できるまでにやったこと - ONWAブログ
このページでは、アフィリエイト収入だけで夫婦2人と子供1人が生活できるようになるまでどのような考え方で行動してきたのかについて紹介しています。
onwainc.co.jp
  • アフィリエイト
【はてなブログ】収入が増える13のアクセスアップ方法 はてなブログの教科書
【はてなブログ】収入が増える13のアクセスアップ方法 はてなブログの教科書
石黒出版
￥99（2024/12/12 03:19時点）
Amazonの商品レビュー・口コミを見る
Amazon
楽天
Yahoo!ショッピング

Webデザイン

イケサイ ウェブデザイナーのWEBデザインデータベース

イケサイ WEBデザイナーのポータルサイト
イケサイはWEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイトを集めたWEBデザイナーのためのWEBデザインリンク集
www.ikesai.com
  • WEBサイトカテゴリ
  • 色/配色

Webデザインの参考になるかっこいいギャラリーサイトまとめ28選！

かっこいい・おしゃれなWebデザイン参考サイト・ギャラリー集 | 東京のWeb制作会社LIG
かっこいい・おしゃれなWebデザイン参考サイト・ギャラリー集をまとめました！国内・海外問わず、現役Web制作スタッフに制作する際に参考にしているサイトについてアンケートを実施。日本のまとめサイト11選、海外のまとめサイト8選、モバイル・LP...
liginc.co.jp

SANKOU! | Webデザインギャラリー・参考サイト集

SANKOU! | Webデザインギャラリー･参考サイト集
Webデザイン制作の参考になるステキなWebサイト･LPを集めたギャラリー。業種･テイストなどで絞込検索可能。最新トレンドをチェック！
sankoudesign.com
  • LP（ランディングページ）

【2018年版】マテリアルデザインとは？作り方とガイドラインまとめ

30 Examples of Material Design Palette Color Usage
Here are 30 color schemes based on material color palette. You can find the right colors with usage examples in material...
saruwakakun.com
  • 30 Examples of Material Design Palette Color Usage

アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比） | WordPressやWebデザインなど紹介 Ocadweb

アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比） | WordPressやWebデザインなど紹介 Ocadweb
アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比）は、画像サイズを16:9や3:2、4:3、黄金比などアスペクト比を簡単に計算をしてくれるツール。写真サイズを入力するだけで、ピクセルで計算してくれたり、各比率で画像を...
ocadweb.com
  • アスペクト比計算

ランディングページ（LP）とは何か？-メリットをわかりやすく解説！

ランディングページ（LP）とは何か？-メリットをわかりやすく解説！
ランディングページって、ときどき目にするけどどんな意味なんだろう？　ランディングページのメリットって何？　こんな疑問はありませんか。実は一口に「ランディングページ」といっても広い意味と狭い意味の2種類があるので、初心者は混乱しがちなのです。...
ds-b.jp
  • 構成管理
1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
SBクリエイティブ
￥2,237（2024/12/12 03:19時点）
Amazonの商品レビュー・口コミを見る
Amazon
楽天
Yahoo!ショッピング

コンテンツ -メディア編集

ExcelをWordPressなどのwebページに表示させる方法5選

ExcelをWordPressなどのwebページに表示させる方法5選 – 暮らしのハンドノート
暮らしのハンドノート.com

Excel to Table | Excel表からHTMLテーブルへ一発変換 | すぐに使える便利なWEBツール | Tech-Unlimited

Excel to Table | Excel表からHTMLテーブルへ一発変換 | すぐに使える便利なWEBツール | Tech-Unlimited
Excel表からHTMLテーブルへ一発変換。
tech-unlimited.com
  • Excel to HTML
  • Excel表をTableタグに変換

Excelで作った表をウェブで使えるHTMLに書き出す方法 – あなたのスイッチを押すブログ

Excelで作った表をウェブで使えるHTMLに書き出す方法
Webページで表のデザインを組むのは意外と面倒。そんなときに便利な技をひとつご紹介します。 Excelを使って作った表のデザインをそのままWebで展開できたら、そんなに楽なことはありません。今日はそん
bamka.info
  • ファイル形式「Webページ（.htm）」で保存
  • テキストエディタで編集

ＣＳＳで特定のテーブルだけに適用する記述をおしえてください。 -個人- HTML・CSS | 教えて!goo

ＣＳＳで特定のテーブルだけに適用する記述をおしえてください。
個人でＨＰをつくっているものなのですが、外部ＣＳＳファイルにtable, td, th {border: 2px red solid;}という記述をするとすべてのページにあるテーブルに適用されてしまいました。ある箇所のテーブルなど指定......
oshiete.goo.ne.jp
  • CSS

テーブル内で長い文字列を決まった長さで改行させる方法 – Qiita

テーブル内で長い文字列を決まった長さで改行させる方法 - Qiita
テーブルの中に長い文字列が入る可能性があり、テーブルセルの決まった長さで折り返し（改行）させたいときの対処法です①テーブルセル幅を固定する設定<table ~~~ style="table-l…
qiita.com
  • colgroupタグ
  • colタグ

HTML入門：インラインフレームを作成してみよう！ | サービス | プロエンジニア

HTML入門：インラインフレームを作成してみよう！ - プロエンジニア
フリーランスITエンジニア専門の案件紹介・転職支援エージェント【プロエンジニア】
proengineer.internous.co.jp
  • iframeタグ

<iframe>: インラインフレーム要素 – HTML: HyperText Markup Language | MDN

: インラインフレーム要素 - HTML: ハイパーテキストマークアップ言語 | MDN
は HTML の要素で、入れ子になった閲覧コンテキストを表現し、現在の HTML ページに他のページを埋め込むことができます。
developer.mozilla.org
  • iframeタグ

<iframe>－HTML5タグリファレンス

<iframe>－HTML5タグリファレンス
HTML5のタグ解説
www.htmq.com
  • iframeタグ

外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法 – アシアルブログ

外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法
iframeを使って外部サイト(自分で更新できない)を表示したいときに、iframe内のコンテンツを拡大縮小する方法サイトコンテンツを固定幅のまま、あらゆるブラウザで、ウィンドウサイズに合わせてピッタリに拡大縮小する方法
blog.asial.co.jp
  • iframeタグ

デザイナー必見！ExcelやWordに埋め込まれた画像を一気に取り出す方法

デザイナー必見！ExcelやWordに埋め込まれた画像を一気に取り出す方法
デザイナーとして多くのクライアントと接してると、必ず遭遇すると言っても過言ではない悩み、それは…Excel(エクセル)やWord(ワード)で作成されたデザイン指示書に画像ファイルが埋め込まれている別に画像ファイルを送ってくれていれば問題ない
iseed.jp
  • zip

PowerPointでパソコンの操作画面を簡単に録画する方法 | できるネット

PowerPointでパソコンの操作画面を簡単に録画する方法
PowerPointでパソコンの画面を録画して、スライドに挿入できます。操作の解説を行いたいときなどには、マウスポインターの動きも同時に録画が可能です。
dekiru.net
  • PowerPoint

ムービーメーカーなき今、Windows 10で動画編集

ムービーメーカーなき今、Windows 10で動画編集｜大塚商会
最近では、ビジネスの場面でも動画を扱うことが増えてきた。実は、Windows 10の画像ビューアーアプリ「フォト」で動画も編集できるのだ。今回は、その「フォト」アプリの中から「ビデオエディター」機能について解説する。
mypage.otsuka-shokai.co.jp
  • 「フォト」「ビデオエディター」機能

インタラクティブ動画とは？触れる動画の事例、メリット、作り方を完全解説！

インタラクティブ動画とは？触れる動画の事例、メリット、作り方を完全解説！
「インタラクティブ動画」とは、視聴者が触れる仕掛けを組み込んだ動画です。視聴者のエンゲージメントを高め、CVにつながりやすいため、新しい動画マーケティング手法として注目を集めています。当記事では、事例、メリット、作り方、ツールなどを詳しく解...
blog.mil.movie

Windows 10 の標準機能で画面録画の動画とキャプチャを撮る方法「スクリーンショット」-パソブル

Windows 10 の標準機能で画面録画の動画とキャプチャを撮る方法「スクリーンショット」
Windows10／11の標準機能のスクリーンショットが強化され、簡単にパソコンの画面を動画で録画するこができま...
www.pasoble.jp

テキスト→音声 変換（読み上げ）【無料】

https://note.cman.jp/other/voice/
note.cman.jp
  • 音声変換にはオープンソースの「Open Jtalk」を使用

自動音声読み上げソフトとは？ホームページのユーザビリティ向上に貢献できる理由｜ferret

自動音声読み上げソフトとは？ホームページのユーザビリティ向上に貢献できる理由
今回は、音声読み上げソフトの利用事例とフリーソフトをご紹介します。音声読み上げツールでは、テキストを人間の話し方に近い形で読み上げることができます。実際にどのような場面で使用されているかを学びながら、音声読み上げソフトを利用する前に知ってお...
ferret-plus.com
  • 動画のナレーション
「動画制作」プロの仕掛け52　アクセス、登録が劇的に増える！
「動画制作」プロの仕掛け52　アクセス、登録が劇的に増える！
日本実業出版社
￥1,683（2024/12/12 03:19時点）
Amazonの商品レビュー・口コミを見る
Amazon
楽天
Yahoo!ショッピング

テック -しくみ

WordPressのキャッシュとブラウザのキャッシュの違い、正しく理解していますか？

WordPressのキャッシュとブラウザのキャッシュの違い、正しく理解していますか？ - 西沢直木のIT講座
「WordPressにキャッシュを導入すると表示速度が速くなる」とか「キャッシュをクリアしないとCSSカスタマイズが反映されない」など、さまざまな場面で「キャッシュ」というキーワー...
www.nishi2002.com

ブラウザの「キャッシュクリア」とは

ブラウザの「キャッシュクリア」とは | 新米WEB担当者のための知恵袋
更新ファイルをアップしたのに、画面の内容が変わらない！そんな場合にまずこれです！
www.csr.jp
  • リロード
  • スーパーリロード

【図解】いまさら聞けない「DSP」とは？～基礎知識編～

【図解】いまさら聞けない「DSP」とは？～基礎知識編～
DSPとは、Demand-Side Platformの略称で、興味関心の高いユーザにターゲットを絞り、配信することができる仕組みです。ここでは、DSPの仕組みや利用するメリット、導入検討のポイントをわかりやすく解説します。
www.innovation.co.jp
  • DSP Demand-Side Platform
  • SSP Supply Side Platform
図解まるわかり Web技術のしくみ
図解まるわかり Web技術のしくみ
翔泳社
￥1,663（2024/12/12 03:19時点）
Amazonの商品レビュー・口コミを見る
Amazon
楽天
Yahoo!ショッピング

テック -設定

スラッグとは？SEO(検索エンジン最適化)の際に気をつけるべき3つのポイント

スラッグとは？SEO(検索エンジン最適化)で意識すべき3つのポイント
SEOを意識する際、「ウェブページに適した”スラッグ”を設定するのが大切である」とよく言われています。しかし、そもそも”スラッグ”とは何なのでしょうか？ なぜ最適化する必要があるのでしょうか？ この記事では、スラッグに関
goworkship.com

メタディスクリプションとは？クリック率を上げる効果的な文字数や書き方、設定方法のすべて

meta description（メタディスクリプション）とは？クリック率を上げる効果的な文字数や書き方、設定方法のすべて | 株式会社PLAN-B
実はタイトルよりもメタディスクリプション（meta description）がクリック率を大きく左右するということをご存知でしょうか。なぜそうなっているのかを解説し、設定方法や設定にあたって注意するべきポイントをご紹介していきます。
www.plan-b.co.jp

外部リンク（被リンク）は全て危険？危険なリンクとナチュラルリンクの見分け方

外部リンク（被リンク）は全て危険？危険なリンクとナチュラルリンクの見分け方｜Webマーケティング・SEO相談はデジ研
外部リンク全てが危険なリンクだと思っている方はいやっしゃるのではないでしょうか。実はそんなことありません。危険なリンクtとナチュナルリンクと呼ばれるリンクがあり、ナチュラルリンクGoogleにも評価され、検索順位にも影響します。そこで今回は...
digital-marketing.jp

「このサイトにアクセスできません」でサイトが４日間止まった件 | そう備忘録

「このサイトにアクセスできません」でサイトが４日間止まった件 | そう備忘録
サイトがERR_NAME_NOT_RESOLVEDで４．５日間停止した回復までの備忘録。何故かspamhausに登録されてしまいDomain StatusがserverHoldになってしまっていた。
www.souichi.club
  • Spamhausのブラックリスト対応

「このリンクは安全ではない可能性があります」とツイッターに表示された時の解除方法は？ – げげろぐ

「このリンクは安全ではない可能性があります」とツイッターに表示された時の解除方法は？
全く心当たりがないのにある日突然トラブルに巻き込まれる。 ツイッターを使っていて自分のブログのリンクをツイッター（twitter）に投稿できないというトラブルが発生しました。 ...
gegelog.com
  • URLVoidのブラックリスト対応
  • Spamhausのブラックリスト対応
  • SecURL（セキュアール）
  • スパムを報告 | ヘルプセンター
Spam
help.twitter.com

使いこなす

今見ているWebサイト内を一瞬で検索できるChromeの裏技

今見ているWebサイト内を一瞬で検索できるChromeの裏技
今回は特定のWebサイト内を直接検索できるようにするChromeのカスタマイズ方法を紹介したい。例えば、ある製品のスペックが知りたい場合、メーカーのサイト内を検索するのがもっとも効率がよさそうだが、Webページ上に検索ボックスが見つからない...
forest.watch.impress.co.jp
  • その他の検索エンジンを追加、編集、削除する
  • Googleで特定のWebサイト内のみを検索したい！ 特定のWebサイトを除外することも

Chromeで広告ブロック！うざいカラミざかり・バナー広告を消す方法 | taglab | タグラボ