ラベル [07] デジ の投稿を表示しています。 すべての投稿を表示
ラベル [07] デジ の投稿を表示しています。 すべての投稿を表示

2023/02/05

スマホで上手に写真を撮るコツ

カテゴリー:デジ


料理を美味しそうに撮る。


料理の写真はスマホのカメラで撮ることが多いです。店内で撮る場合などはポイントを押さえて短時間で美味しそうに撮ることが大切。


ラーメン斑鳩


(0) お洒落に料理を配置する。

  • 基本構図は料理をテーブルの手前端に置き,奥行きにゆとりを持たせる。
  • 料理を端寄りに配置する場合は,料理の向いている側に余白を空ける。
  • 真上から撮る場合は,カトラリーも加えるとバランス良い。
  • 複数の皿やコップを配置する場合は,それぞれをぴったり寄せる。


(1) 屋内照明は消して,窓からの自然光で撮る。

  • 柔らかい光が食べ物を美味しそうに見せるのでライトアップしない。
  • 直射日光が差し込む場合は,影がボケる程度にレースカーテンなどで遮光することが大切。
  • 光の調節で食材のしずる感(瑞々しさ)を出せるかがポイント。


(2) 斜め逆光に料理を配置する。

  • 斜め逆光とは,料理の斜め後ろから光を当てること。程良い陰影によって立体感を出すように配置する。
  • 順光は立体感が出ない。逆光はフレアがきつくなる。
  • フレアとは,強い光がレンズ面で反射して画像の一部が白っぽくなること。
  • 液面や容器表面などの反射を抑えたいときは,料理の横に窓を配置してサイド光にすると良い。


(3) レフ板で陰影を調整する。

  • 使用可能ならレフ板による調整はオススメ。外食の撮影では難しいですが。。。
  • 陰影部分を少し明るくしたい場合は,光源の反対側に白いレフ版を置く。
  • 白いレフ板を料理に寄せるとより明るくなる。但し寄せすぎると撮影しにくくなる。
  • 黒いレフ板を使うと陰影をより濃くできる。
  • レフ板は100均で売っている白いスチレンボードで作成できる。色付きのボードは色が写り込むのでNG。


(4) ズームで撮影する。

  • レンズからイメージセンサまでの距離を焦点距離と呼び,標準より短いと広角,長いと望遠になる。
  • 広角は広い範囲が写せる代わりに遠近感が強く,距離の近いものは歪みやすい。
  • スマホのカメラはデフォルトが広角なので,ズーム設定でプラスマイナスの真ん中にする。デュアルレンズカメラの場合はx2ぐらい。


(5) 露出補正で明るさを調整する。

  • 露出補正とは,絞りF値シャッタースピード ISO感度の組合せで明るさを調整すること。
  • スマホでは難しい設定せずに,太陽マークのスライドバーで調整する。
  • 通常の料理写真ではISO感度はAUTO設定にしておく。


(6) ホワイトバランス(WB)は曇りマークを選択する。

  • ホワイトバランス(WB)は色合いを調整する機能。通常はオートホワイトバランス(AWB)になっている。
  • 曇り > 太陽 > 蛍光灯 > 電球 の順で,曇りマークは赤み,電球マークは青みが増す。
  • マニュアルホワイトバランス(MWB)では,色温度K(ケルビン)値で調整できる。K値が大きいほど赤みが増す。


市田柿ミルフィーユ



HDR機能で色鮮やかに撮る。


HDRとは High Dynamic Range の略で,露出の異なる複数の写真を連続撮影し,自動で合成する機能のこと。
HDRの特徴は,
  • 明るい部分の白飛びや,暗い部分のつぶれを防止できる。
  • 明暗差が小さく色味の再現が良くなる。
  • 日差しの強い屋外風景が得意。特に白い雲は効果がはっきり出る。

HDRのデメリットは,
  • HDR使用中は,露出やWBなどのマニュアル設定はできない。
  • 連続撮影するため手ブレに注意。また動いている被写体は苦手。
  • 元々被写体がカラフルで色鮮やかな場合,全体的に暗い写真になりがち。

HDRの使用に迷うときは,合成前の写真も保存される設定にして,後からゆっくり選ぶのも手です。




スポンサーリンク




露出補正EV値を知る。


スマホのカメラには絞りがなく露出補正の設定は限定的となりますが,基本的な考え方をまとめてみました。

  • 露出補正は絞りF値シャッタースピードISO感度の組合せ。
  • EV値は大きいほど明るくなり,マニュアル操作では値を1/3段づつ変えられることが多い。
  • EVは Exposure Value=露出値の意。

  • 絞りF値は絞り具合を表し,値が小さいほど絞りが開いて明るくなる。
  • F値は1段下げると光量は2倍。光量は面積で決まることからF値を表す数値は√2倍づつ増える。
  • 絞りを閉じる(F値を上げる)と,広い範囲にピントを合わせられる。
  • 逆に,絞りを開く(F値を下げる)と,ピントを合わせていない場所はボケさせる。
  • 絞り優先モード(Av)を使用すれば,設定した絞りに合わせてシャッタースピードは自動調節される。

  • シャッタースピードはシャッターが開いている時間を表し,値が大きいほど明るくなる。
  • ISO感度は光量の増幅具合を表し,値が大きいほど増幅されて明るくなる。
  • ISO感度を上げると暗がりでもシャッタースピードを下げずに済み,手ブレを防止できるメリットがある。
  • 一方,ISO感度を上げ過ぎると粒子が荒くなり画質が悪くなる。



リンク


Canon 写真用語集




スポンサーリンク




2023/01/01

SNSの基本ワードを押さえておく

カテゴリー:デジ

Twitter ツイート


TL

タイムラインのこと。ツイート(投稿)が連続して表示されている最初の画面。

リプ

他者のツイートに返信するリプライ (Reply)のこと。ツイート下の[ 吹出し ]アイコンから。

巻き込みリプ

リプライをする際に,誤って全員に返信してしまうこと。リプライするときは返信先に注意。

RT

他のユーザーのツイートを引用してリツイート(再投稿)すること。ツイート下の[ 矢印 ]アイコンから。

バズる

特定のツイートが爆発的にリツートされること。
BUZZは蜂がぶんぶんと飛ぶ様を意味する単語で,マーケティング用語ではクチコミで広まることを示す。

拡散希望

ツイート内容を多くの人に知らせるためにリツイートして欲しいという意味。根拠のない情報が広まってしまうこともあり注意が必要。

ファボる

いいね! (Favorite)を押すこと。ツイート下の[ ハート ]アイコンから。

ふぁぼりつ,らぶりつ

ふぁぼ(いいね)とリツイートを同時に行うこと。いいねがハートマークなのでらぶりつと言うことも。

ブックマーク

気になるツイートを一覧に保存する機能。ツイート下の[ 共有 ]アイコンから[ ブックマーク ]を選択。
ブックマークは相手に通知されず,フォロワーからも見えない。

パクツイ

他人の投稿を自分のツイートとして載せること。もちろんマナー違反。



Twitter ツイート手順


写真の添付

  1. ツイート画面の [ カメラ ]アイコンでスマホに保存されている写真から選択
  2. さらに[ 撮影 ]を選択すれば,その場で写真が撮れる
  3. 写真右下の[ 鉛筆 ]アイコンで写真の編集
  4. [ ステッキ ]アイコンは,自動補正される
  5. [ 3リング ]アイコンは,マニュアルでフィルタ調整
    フィルタを2回タップするとフィルタ効果のスライドバーを出せる
  6. [ トリム ]アイコンは,トリム,サイズ調整,回転

  • 添付した写真のURLもツイートの文字数に含まれるので,入力は140文字以下になる。
  • 添付できるファイルは gif,jpg,png
  • ファイルサイズは 3MBまで
  • 写真は最大4枚まで
  • 写真の下の[ 誰が写っていますか? ]からタグ付けできる


Twitter リスト


リスト

登録したアカウントのツイートだけが流れるお気に入りタイムラインの機能。
  • フォローしなくてもリストに追加できる。
  • リストは非公開設定が可能。
  • 非公開リストは相手にリスイン通知されない。
  • TLにピン留め固定できる。

リスイン

リストにアカウントを追加すること。

リストの作成方法

  1. メニューの[ リスト ]-[ +(新規作成) ]を選択。
  2. リスト名を入力し,公開・非公開を選択。
  3. [ 作成 ]-[ 完了 ]を選択。

リスイン方法

  1. リストを開いて,[ リストを編集 ]-[ メンバーを管理 ]-[ おすすめ ]を選択。
  2. 検索窓からキーワード検索する。
  3. [ 追加する ]で登録。
または,
  1. 追加したいアカウントのプロフィールを開く。
  2. [ 三点リーダ ]アイコンから,[ リストへ追加または削除 ]を選択。
  3. 入れたいリストを選択。

リストから削除方法

  1. リストを開いて,[ リストを編集 ]-[ メンバーを管理 ]-[ ユーザー ]を選択。
  2. [ 削除 ]でリストから外す。



Twitter フォロー


フォロワー

自分のツイートをフォローしている人のこと。

フォロバ

フォローされたアカウントをフォローし返すフォローバックのこと。マナーの面がある。

リムる

フォローを解除するリムーブ(remove)のこと。

DM

非公開で特定のユーザーとメッセージの送受信ができるダイレクトメッセージのこと。



Twitter 設定


鍵垢,鍵アカ

非公開の鍵付きアカウントのこと。フォローリクエストを承認した相手以外にはツイートが非公開となる。リツイートは相互フォローの相手でもできない。




スポンサーリンク




2022/04/18

Bloggerの使い方

カテゴリー:デジ


画像データの削除方法


Bloggerにアップロードした画像の元データを削除するには,
  1. Blogger メディアマネージャー にログインする。
  2. 削除したいBlogのアルバムを選ぶ。
  3. 画像のチェックボックスにチェックを入れる。
  4. ゴミ箱ボタンで削除する。



記事のバックアップ方法

  1. 管理画面で[ 設定 ]を選択
  2. ブログを管理の[ コンテンツをバックアップ ]-[ ダウンロード ]
  3. blog-保存日.xmlのファイル名でダウンロードフォルダに保存される。
  4. 画像は保存されない。



スポンサーリンク




2021/09/11

パソコン買ったら最初にしておくこと。

カテゴリー:デジ


(1) Microsoftアカウントの準備


最初のログイン時に必要なので,事前にアカウントを取得しておくと楽。
メールアドレスとパスワードを用意しておく。利用はもちろん無料。
Microsoftアカウント

管理者権限の設定


(2) アカウントを追加


他に使う人のアカウントを登録する。家族のアカウントでも,その他のユーザで作成する。
  • [ 設定 ]-[ アカウント ]
  • [ 家族とその他のユーザー ]
  • [ その他のユーザーをこの PC に追加 ]
  • Microsoftアカウントのメールアドレス記入
  • アカウントを新たに作る場合は,[ このユーザのサインイン譲歩がありません ] を選択


(3) Windowsアップデート


最新バージョンに更新しておく。
  • [ 設定 ]-[ 更新とセキュリティ ]
  • [ Windows Update ]
  • [ 更新プログラムのチェック ]


(4) 回復ドライブの作成





便利なフリーアプリ


  • Simplenote
    WordPressのAutomattic社が提供しているクラウド利用のノートアプリ。
  • Evernote
    画像や音声データも保存できるクラウド利用のノートアプリ。機能は豊富なものの無料版は利用制限がキビしい。
  • PictBear
    動作の軽いペイントアプリ。残念ながら開発は終了。
  • gimp
    フリーながらレイヤー,トーンカーブ,ベジェ曲線など多機能なペイントアプリ。
    参考:GIMPの使い方 初心者ナビ
  • ExifEraser
    JPEGファイルをドラッグ&ドロップしてExif情報を削除できるアプリ。
  • AviUtl (エーブイアイユーテル)
    aviなどの動画編集アプリ。プラグインも多数揃っている。
    参考:AviUtlの易しい使い方
  • はがきデザインキット
    年賀状作成アプリ。2021年11月からweb版のみに変更される。
    同じくフリーで評判の良かったプリントマジック2017は配布終了となっている。
  • Aprint
    はがきの宛名印刷専用アプリ。
    参考:Aprintの使い方
  • Olympus Workspace
    Olympusが提供する画像編集アプリでRAW現像も可能。インストールにはオリンパスカメラのシリアル番号が必要。
  • Olympus Capture
    Olympusカメラとパソコンと接続して撮影や設定,データ転送ができるアプリ。インストールにはオリンパスカメラのシリアル番号が必要。
  • HD Writer AE
    デジタルハイビジョンビデオカメラで撮影したハイビジョン動画をPCに取り込み編集できるアプリ。Panasonic製。






スマホの連絡先をPCで管理


Googleコンタクトと同期させる

  1. スマホで同期の設定をする。
    [ 設定 ]-[ Google ]-[ Googleアプリの設定 ]-[ Google コンタクトの同期 ]
  2. [ 同期ステータス ]をON
  3. [ デバイスの連絡先も同期 ]をONにしてバックアップアカウントを選択する
  1. [ 設定 ]-[ アカウント ]-[ Google ]
  2. アカウントを選択して[ 連絡先を同期 ]をON

Googleコンタクトで編集

  1. Googleメニューで連絡先を選択
  2. ●メニューでアカウントを選ぶ。
  3. データを選んで[ 編集 ]
  4. 記入したい項目が表示されていない場合は[ もっと見る ]を選択

連絡先の新規作成

  1. 連絡先の[ + ]で新規カードを開く
  2. [ Googleに保存 ]で同期しているアカウントを選択
  3. 作成後,データの[ 編集 ]で一番下のインポート元に指定したアカウントが表示されればOK

違うアカウントにデータをコピーする

  1. スマホの連絡先の[ 設定 ]を開く
  2. [ 連絡先を整理 ]-[ 連絡先をコピー ]を選択
  3. コピー元のアカウントを選択
  4. [ 全て選択 ]-[ コピー ]
  5. コピー先のアカウントを選択
1つの連絡先データに複数のインポート元のアカウントがあると,うまく同期されない。同期しているアカウントを1つにして,データを分割することでアカウントを1つにする。
  1. スマホの連絡先の[ 設定 ]を開く
  2. [ その他のオプション ]-[ 連絡先を分割 ]-[ 分割 ]
  3. インポート元のアカウントが同期しているもののみになる。



iPhoneから連絡先をコピーする

  1. iCloud.comの連絡先で,データを全て選択
  2. 歯車アイコンから[ vCardを書き出す ]を選択
  3. 作成されたvCardファイルをAndroidにコピーすれば,連絡先に読み込める



Googleアカウントのセキュリティ


  • Chromeを立ち上げてアカウントの●印をタップ。
  • 表示されたアカウントをタップし,[Googleアカウントの管理]を開く。
  • [セキュリティ]のタブをタップ。(タブは左にスクロールするとある。)
  • [お使いのデバイス]に不明なデバイスがないか確認する。
  • 使用頻度の低いログインはログアウトしておく。



スポンサーリンク




2020/05/13

環境問題の英単語

| カテゴリー:デジsitemap


地球温暖化
global warming


地球温暖化係数
global warming potential


地球温暖化ガス
global warming gases


温室効果ガス
greenhouse (effect) gases


オゾン層破壊
ozone layer depletion
ディプリーション


産業廃棄物
industrial waste
ウェイスト


酸性雨
acid rain



酸素
oxygen
キシジェン


二酸化炭素 CO2
carbon dioxide
ダイクサイド


一酸化炭素 CO
carbon monoxide
クサイド


窒素 N2
nitrogen
イトロジェン


水素 H2
hydrogen
イドロジェン


炭酸
carbonic acid



代替技術
an alternative technology


有害物質
hazardous substance
ザダス


無害化
de-toxify
クシファイ


不活性ガス
inert gas


排出(放射)レベル
emission level


排出
emission


換気
ventilation


拡散
diffusion



大気圧
atmospheric pressure
アトモスフェリック


よどみ点圧力
stagnation pressure
スタグイション


湿度
humidity
ヒューディティ


時定数
time constant


ppm 百万分率
parts per million






スポンサーリンク



英会話コンテンツ




スポンサーリンク



2020/05/12

加工関連の英単語

| カテゴリー:デジsitemap


機械加工
machining


旋削加工
turning


旋盤
lathe
イズ


穴あけ加工
drilling


中ぐり加工
boring


フライス加工
milling


座ぐり
counterbore
ウンタボー



面取り
chamfering
チャンファー


バリ取り
deburring


仕上げ加工
finishing


仕上げ代
finishing allowance


研磨
polishing


切断
sawing


打抜き加工
blanking


曲げ加工
bending


圧延加工
rolling



鋳造
castings


遠心鋳造
centrifugal casting
セントフューガル


鋳型
mold


鍛造
forging
フォージング


溶湯鍛造法
cast forging process


焼結
sintering



溶接
welding


摩擦圧接
friction welding


開先
groove


防錆
anti-rust


ろう付け
brazing


溶射
flame spray


接着
adhesive bonding
アドヒースィヴ


鋼板の反り
camber
ャンバー



めっき
plating
イティング


溶融亜鉛めっき
hot dip galvanizing


焼入れ
quenching
hardening
ハードニング


焼なまし
annealing


焼もどし
tempering


洗浄
washing


潤滑
lubrication
ルーブリイション



生産性
productivity


工数
man-hour


むだ時間
dead time


目視検査
visual inspection


浸透探傷試験
penetrant inspection


表面粗さ
surface roughness





スポンサーリンク



英会話コンテンツ




スポンサーリンク



2020/05/11

勘違いしやすい英単語

| カテゴリー:デジsitemap


normal
(形) 正常の,異常ではない


general
(形) 世間一般に共通する,普遍的な


usual
ジャワル
(形) 普段の,いつもの,日常的な


common
モン
(形) 共通の,世間並の


average
(形)(名) 平均的な,標準並の



confident
ンフィデント
(形) 確信して


convince
コンヴィンス
(動) 確信させる



breast
スト
(名) 胸,胸中


chest
チェスト
(名) タンス,大箱,胸部



carriage
キャリッジ
乗り物


college
レジ
単科大学



bless

祝福する


breath
θ
呼吸,息



eliminate
ミネイト
除去する,削除する


illuminate
ルーミネイト
照明する,照らす



depart
ディパー
出発する


departure
ディパーチャ
出発


department
ディパートメント
部門,デパート売り場



Diet
イエト
国会(日本)
(日常の食事と同じスペル)


Congress
ングレス
国会,議会(アメリカ)


Parliament
パーラメント
国会,議会(イギリス)





スポンサーリンク



英会話コンテンツ




スポンサーリンク



2020/04/10

アクセスゼロの雑記ブログ記事の改善を考えてみる。

カテゴリー:デジ

ブログの記事が少し溜まったので,リライトしながら整理しようと,久しぶりにアクセス数を確認してみると散々な結果でした。。。

中にはアクセス数0の記事もあって,調べてみるとgoogleにインデックスすらされてない始末。少しお手入れと改善が必要です。

作業の手順をまとめてみました。



1. インデックスの確認と申請


まずはサーチコンソールのURL検査ツール (旧Fetch as Google) を使ってインデックスされているか確認。必要ならリクエストする。

  • サーチ コンソール にログインして,[URL検査] の検索バーに対象のURLを入力。
  • ”URLがGoogleに登録されていません” と表示された場合,インデックスされてないので,[インデックス登録をリクエスト] を選択する。
  • しばらくすれば,インデックスされる。



2. アクセス状況の確認


改善作業の効果を把握するためにも,現状のアクセス数や検索表示順位を確認。


アクセス数の確認は,
  • サーチ コンソール にログインして,管理画面の左上のサイト名を選択。
  • [検索パフォーマンス] を選択。
  • 合計クリック数,合計表示回数,平均掲載順位にチェックを入れる。
  • グラフ下の [ページ] タブを選択。
  • 表示されたURLから対象のページを選択。
  • [クエリ] タブを選択すると,クエリや表示順位が分かる。
  • 再検索する場合は検索条件タグを×マークで削除する。

検索表示順位の確認は,
  • 検索順位チェッカー に,URLとキーワードを入力する。
  • 100位以内であれば表示順位が確認できる。キーワードのセットは1度に5個まで。



3. 記事の基本的なチェック


SEO対策する前に,まずはコンテンツとして基本的な項目をチェック。ダメな部分を潰しておく。

  • 画像タグのalt属性に説明が記載されているかチェック。
  • リンク切れがないかチェック。また,リンクのURLがSSL対応 (https://)になっているかチェック。
  • 内部リンクのアンカーテキストが記事タイトルになっているかチェック。"コチラ" などはNG。
  • 見出しタグ<h>の適用をチェック。
  • 文字数をカウントツール Sundry Street でチェック。2000文字以下は追記を検討。
  • meta description メタディスクリプションに120文字程度で記事内容とキーワードを記載する。
  • 未完成のまま放置してる記事は,思い切って削除する。



4. 内部リンクの見直し


外部からの被リンクを増やすことは簡単ではないので,内部リンクの見直しを考えます。まずはできるコトから。

  • 関連ある同じカテゴリのページのリンク集を記事下に入れる。
  • 文中にも関連する記事のリンクを入れる。
  • 内部リンクはサイト内の重要なページに集める構造にする。
  • アクセスのあるページからの入り口となるリンクも設ける。
  • パンくずリストとしてカテゴリを入れる。
  • HTMLサイトマップを作成し,全ページからリンクを入れる。



5. キーワードの検討とリライト


オーガニック検索から少しでもアクセス数を増やすには,検索結果で上位に表示させることと,選ばれるタイトルであること,ですね。

  • 検索クエリとGoogleサジェストから,ターゲットとするキーワードを決める。
  • 狙うキーワードにマッチしたコンテンツ内容にする。必要なら記事を追加する。
  • 記事タイトルにキーワードを入れる。
  • 見出しタグにキーワードを入れる。
  • 公開日と更新日を入れる。
  • 検索結果上位のライバルページをチェックして,評価される傾向を把握する。



6. 不要記事の削除と301リダイレクト


サイト全体の評価を上げるためには,見込みのないダメコンテンツの整理が必要です。他の記事と統合したり,思い切って削除するのもアリ。
ある程度アクセスのあった記事を統合する場合は,301リダイレクトの設定をして,少しでもアクセスをキープ。

Bloggerで301リダイレクトの設定をする場合は,

  • [設定]-[検索設定]-[カスタムリダイレクト]を選択。
  • リダイレクト元とリダイレクト先のURLを入力し,[永久的]にチェックを入れる。



便利なツール


Google Analytics アナリティクス
アクセス解析ツール。サイト訪問後のデータを確認できる。

Google Search Console サーチ コンソール
サイトのGoogle検索結果を改善するツール。サイト訪問前のデータを確認できる。

Google AdSense アドセンス
Webサイトの広告配信サービス。


検索順位チェッカー
検索表示順位のチェックツール。入力したURLに対してgoogle,Yahoo,Bingの順位が分かる。シンプルで使いやすい。

ohotuku.jp 順位チェック 300
検索表示順位を300位まで確認できるツール。

ohotuku.jp キーワード出現率チェック
各キーワードの出現率を確認できるツール。狙うキーワードが5%になっているかチェックできる。

Sundry Street 文字数カウント
テキスト文字数のカウントツール。

bulletin board 文字数カウント
テキスト文字数のカウントツール。

クロクロ・ツールズ 文字数計測
テキスト文字数のカウントツール。

ニゴロデザイン ブログ作成支援
入力しかキーワードに合わせて,記事タイトルの候補を自動生成してくれるツール。

クロクロ・ツールズ HTML特殊文字変換
htmlの特殊文字を実体参照に変換するツール。

keyword tool
キーワード選定に役立つツール。

goodkeyword
キーワード選定に役立つツール。

uber suggest
キーワード選定に役立つツール。

hanasakigani.jp
入力したURLの被リンクを調べるツール。




スポンサーリンク



2019/06/22

文字に色塗りする便利な初歩タグ

カテゴリー:デジ

Blog作成に便利な 文字を色塗りして装飾する初歩タグです。コピペできるスタイルシートのタグをまとめました。


スポンサーリンク


文字の背景に緑をつける

<span style="background-color: #b2ffb2; color: #000000;">テキスト</span>


文字の背景に水色をつける

<span style="background-color: #beeeff; color: #000000;">テキスト</span>

色の指定は,
background-color:背景色
color:文字色



文字に緑のマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #b2ffb2 60%);">テキスト</span>


文字に青のマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #9eceff 60%);">テキスト</span>


文字に水色のマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #beeeff 60%);">テキスト</span>


文字に赤のマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #ffadad 60%);">テキスト</span>


文字にピンクのマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #ffc0cb 60%);">テキスト</span>


文字に黄色のマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #fff799 60%);">テキスト</span>


文字にオレンジのマーカーペンを引く

<span style="background: linear-gradient(transparent 60%, #ffce9e 60%);">テキスト</span>

background: linear-gradient
背景色のグラデーション指定。

transparent 60%
テキストの上から 60%分を透明にする。
文字全体を塗るときは,0%にする。



(おまけ) 文字に下線を引く

<span style="text-decoration-color: #ff0000; text-decoration: underline;">テキスト</span>

text-decorationの値は,
underline:下線
overline:上線
line-through:取消し線



スポンサーリンク


2019/05/01

フリーソフトAviUtlを使ってYouTubeに動画をアップしてみる

カテゴリー:デジ

動画編集ができるフリーソフト AviUtl を使って,YouTubeに動画をアップするまでの流れをまとめてみたいと思います。

AviUtl は,高機能のため操作が少し難しい面がありますが,使い方を解説してくれているサイトは数多くあります。作業の流れを把握しておけば,壁にぶつかったところだけ検索して調べることで進められます。


スポンサーリンク


AviUtlのインストールと設定

(1) AviUtlのインストール
AviUtlのお部屋 ] から,AviUtl本体と拡張編集Pluginをダウンロード。
拡張編集Pluginを入れることで,タイムラインを使うことができる。

(2) mp4読み込みプラグイン  L-SMASH
POP@4bit ] から,L-SMASH プラグインをインストールすることで,mp4ファイルを開くことができる。

(3) mp4出力プラグイン x264guiEx
rigayaの日記兼メモ帳 ] から,x264guiEx プラグインをインストールすることで,mp4ファイルで保存できる。



動画の簡単な編集

動画の解像度は,720p (1280 x 720) 以上にする。
インターレースを解除する。



BGMの簡単な編集

  • タイムラインのレイヤーにmp3ファイルをドロップすれば,BGMを追加できる。
  • 元の音声を削除したい場合は,レイヤー上で右クリックして,削除を選ぶ。
  • BGMの時間やタイミングは,タイムラインのバーで合わせる。
  • 動画と長さを合わせるのは,音声設定の [ 動画ファイルと連携 ] にチェックを入れてから動画の終わりでカットする。
  • 音量の調整は,音声設定の [音量] スライドバーで調整する。
  • フェードインとアウトは,音声設定の右上[+]メニューで [ 音量フェード ] を選択。インとアウトのスライドバーで時間を調整する。インは0.5~0.8,アウトは0.8~1.2ぐらいが良い。

AviUtldeでもmp3ファイルの編集はできますが,専用ソフトで事前にある程度整えておいた方が効率的。オーディオエディタのフリーソフト Audacity は,波形を見ながら編集できるので便利です。
Audacityの使用には,Lameffmpegのインストールも必要です。


BGMは,著作権フリーのBGM素材サイトの利用が便利です。



動画にテロップ(テキスト)の追加

  • タイムラインで動画ファイルを開く。
  • 動画よりも下にある空のレイヤーで右クリックし,[ メディアオブジェクトの追加 ] ー [ テキスト ] を選択。
  • テキスト設定の一番下のカラムに表示させるテキストを入力。フォントや色,サイズを設定する。
  • テキストの位置はXとYのスライダーで調整する。動画に表示されている文字を直接ドラッグしても位置を変えられる。



動画の簡単な出力

  • [ ファイル ]-[ プラグイン出力 ]-[ 拡張x264 出力(GUI)Ex ] を選択。
  • [ ビデオ圧縮 ] を選択。
  • [ プロファイル ]-[ youtube ] を選択。
  • [ 音声 ]タグのビットレートを192kbps以上にする。
  • [OK] を押して [ ビデオ圧縮 ] を閉じる。
  • ファイル名を指定して,[保存] を押してエンコードを開始する。



便利なリンク集



スポンサーリンク

2019/04/23

Google mapをレスポンシブにブログに埋め込む方法

カテゴリー:デジ

google mapの地図をブログに貼付するのは簡単です。マップから取得した iframeタグを挿入するだけ。
但し,マップのサイズがpx指定なので,レスポンシブに対応してません。スマホで見るとはみ出すことも。

そこで取得したタグをレスポンシブ対応に少し書き換えます。今回はテンプレートのcssをイジらずに,簡単にレスポンシブに対応する方法をまとめてみます。


スポンサーリンク



(1) Google mapからタグを取得
google mapで,ブログに埋込みたい地図を表示させる。縮尺も調整する。
左サイドメニューの [ 共有 ] をクリックすると,ウインドウが開く。[ 地図を埋め込む ] タブを選択し,iframeタグを取得する。
マップのサイズもここで指定できるが,あとで修正するので特にこだわらない。


(2) ブログ内に貼り付け
取得した iframe タグをブログ内に貼り付ける。widthheight でマップのサイズが指定されている。

<iframe src="マップのURL " width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>


(3) divタグを追加
この divタグで,iframeタグを囲む。

<div style="height: 0; overflow: hidden; padding-bottom: 75%; position: relative; width: 90%;">

width は横幅を表示範囲の割合で指定。
padding-bottom で横幅に対する縦の割合を指定する。正方形なら100%,4:3の割合なら75%,16:9の割合なら56.25%となる。


(4) iframeタグの修正
divタグにぴったりハマるサイズを iframeタグで指定するために,URL以外の部分を このstyleの記載に修正する。

style="border: 0; height: 100%; width: 100%;  top: 0; left: 0; position: absolute;"


Google ストリートビューの画像も同様に,メニューの [ 画像を共有または埋め込む ] から iframe タグを取得して,ブログに埋め込むことができます。


スポンサーリンク



2018/11/10

雑記ブログのSEO対策を考えてみる

カテゴリー:デジ


スポンサーリンク


趣味の雑記BLOGとは言え,公開したからには少しでも多くの人に見て貰いたい。
SEO (Search Engine Optimization)を少しは考えて,検索順位を上げたいところです。検索でヒットしなければ,読んで貰えないので。。。

もちろんプロの高度なSEO対策はマネできませんが,ちょっと配慮するだけでも少しは違うかも。やらないよりはやった方がマシ。と言うことで,できる範囲で少しづつ見直してみようと思ってます。
まずは情報収集してみたものを,書き出してみました。


ブログSEO



ブログSEOを考えたブログの構成


  • カテゴリーを設定する。
    読者に分かりやすいだけでなく,クロウラーがサイトの情報を把握しやすい。
    クローラー(Crawler)は,Googleなどロボット型検索エンジンがWEB上の情報を収集するプログラムのこと。クローラーに収集されないとデータベースにインデックスされない。
  • パンくずリストを作成する。
    たった1行で読者にもクロウラーにも優しい。
  • 最新の記事には関連する過去記事の内部リンクを入れる。最新のページはクロウラーの巡回が早い。
  • 適度に外部リンクと内部リンクを入れる。リンクが全く無い記事は評価が低い。
  • アンカーテキストはリンク先の内容を示すものにする。「ここをクリック」 のような誘導を促すものや,URLのみをアンカーテキストにしない。
  • 各ページにmeta description メタ ディスクリプションを設定する。
    検索結果に表示されるので,キーワードを入れて興味をひくような簡潔な文章にする。但し,記事の内容と異なることは書かない。
  • 検索結果に表示される説明文(スニペット)は,meta descriptionが表示される場合と,コンテンツ内のテキストから抽出される場合がある。スニペットに記載される文字数は70〜120文字程度。



ブログSEOを考えた記事作成の注意点


伝えたいことを書くだけですが,検索されるキーワードをしっかり決めておくことが大切。

  • 記事は検索クエリを意識したキーワードを決めて作成する。
  • 狙うキーワードはタイトルや見出し,本文に適度に入れる。その他,meta descriptionや画像のaltに入れるのも有効。
  • キーワードの羅列はgoogleの判定でペナルティを受ける可能性がある。
  • タイトルは32文字以内にする。キーワードはタイトルの前の方に入れる。
    記事を読むことによって読者が得られるメリットが分かるタイトルが良い。
  • 記事の文字数は最低でも1000字は書く。
  • 記事は見出しをつけて,ある程度の量で区切る。
  • 見出しは,<h1>から<h6>の見出しタグで指定する。<div>タグで装飾するだけでは,クロウラーには見出しだと分からない。
  • 体験を記した内容の記事は人気が出やすい。成長の過程を書いていくと継続して読んでもらいやすい。



Bloggerのmeta descriptionの設定方法


  • 管理メニューの[設定]ー[検索設定]を選ぶ。
  • [メタ タグ]の[編集]をクリック。
  • [検索向け説明を有効にしますか?]を[はい]にチェックする。
  • 最大150文字の入力欄が表示されるので,コンテンツ全体の紹介文を記入する。
  • これでメタ ディスクリプションの機能が有効になる。
  • 設定後は,記事の作成ページでも[投稿の設定]欄に[検索向け説明]の入力項目が表示されるようになる。ここに各記事のメタ ディスクリプションを記入する。



ブログSEOのための記事のメンテナンス


取り敢えず記事を作成して公開してみたものの,全くアクセスが無い なんてことも。
でも諦めずに,記事を見直して修正を加えていくことも大切のようです。

  • コンテンツの中からPV数の多い記事に,関連する内部リンクを追加する。PV数の多いページほど,クロウラーの巡回が多いため。
    PV数は,ページビュー(PageView)の略。ページの閲覧された回数のこと。
    CV数は,コンバージョン すなわち成果の発生した回数のこと。
  • 記事毎に最も流入の多い検索キーワードをツールを使って把握する。流入のあるキーワードを強化したり,関連するキーワードを追加して記事を修正する。



amazon商品を扱う


物販アフィリエイトなら amazon が一番。

  • アフィリエイト画像サイズを変更するなら,画像ファイル名の _SS160_ の数字部分が画像サイズなので変更する。
  • amazon内の他の画像を使用したい場合,こちらが便利。
    AmazonのASINから画像URLを作成する



もしもアフィリエイトで詳細な成果を確認するには


  • トップページの右サイドバナー [ 売上レポート ] に入る。
  • [ プロモーション ] タグを選択し,期間を指定して [ レポート表示 ] を押す。
  • Amazon.co.jp商品購入 欄の [ 商品情報 ] でcsvファイルをダウンロードする。
  • ファイル内に売れた商品情報が記載されている。

  • 売上が1,000円以上になると自動的に振り込まれる。
  • 振込手数料は無料。
  • 報酬発生年の翌々年の12月31日までに売上総額が1,000円に達しないと売上金は消滅する。
  • 振込先を住信SBIネット銀行にすれば,1円から振込み可能。



今後もいろいろ調べて,追記していきます。



スポンサーリンク




2018/08/12

簡単に箇条書きする便利な初歩タグ

カテゴリー:デジ


スポンサーリンク


Blogで箇条書きするときに便利な初歩タグです。『・』を使って直接書いても良いですが,改行があっても整うリストタグが便利。


リストのサンプル

<ul style="list-style-type: square;">
<li>項目 1</li>
<li>項目 2</li>
<li>項目 3</li>
</ul>



リストタグの種類
  • <ul>:unordered list
    リストの項目に順序はなく,箇条書きにしたい場合。
  • <ol>:ordered list
    リストの項目に番号をつけて,箇条書きにしたい場合。
  • <li>:list item
    リストの項目内容


<ul>リストのマーカー指定 list-style-type
  • <ul>要素または<li>要素内にstyle属性で指定する。
  • マーカーの種類を指定するプロパティは,list-style-type
  • 1つのリスト内で,<li>要素ごとにマーカーを変えることもできる。
  • list-style-typeの値は,
  • なし:none
  • 黒丸:disc
  • 白丸:circle
  • 四角:square


(マーカーの指定例)

<ul>
<li style="list-style-type: circle;">項目 1</li>
<li style="list-style-type: square;">項目 2</li>
<li style="list-style-type: none;">項目 3</li>
</ul>


(表示)
  • 項目 1
  • 項目 2
  • 項目 3



<ol>リストの番号指定 list-style-type
  • <ol>要素または<li>要素内にstyle属性で指定する。
  • 番号の種類を指定するプロパティは,list-style-type
  • 1つのリスト内で,<li>要素ごとに番号の種類を変えることができる。
  • list-style-typeの値は,
  • 数字:decimal
  • 大文字アルファベット:upper-alpha
  • 小文字アルファベット:lower-alpha
  • 大文字ローマ数字:upper-roman
  • 小文字ローマ字:lower-roman
  • 番号を変更する場合は,valueで指定する。


(番号の指定例)

<ol>
<li>項目 1</li>
<li>項目 2</li>
<li value="5">項目 3</li>
<li>項目 4</li>
</ol>


(表示)
  1. 項目 1
  2. 項目 2
  3. 項目 3
  4. 項目 4



<ul>リストの入れ子の仕方
  • リストの中にリストを入れることができる。
  • 追加するリストは,<li> </li>間に入れる。</li>の位置に注意。


(リストの入れ子の例)

<ol style="list-style-type: upper-alpha;">
<li>項目 1</li>
<li>項目 2
  <ol style="list-style-type: lower-alpha;">
  <li>項目 2-1</li>
  <li>項目 2-2</li>
  </ol>
</li>
<li>項目 3</li>
</ol>


(表示)
  1. 項目 1
  2. 項目 2
    1. 項目 2-1
    2. 項目 2-2
  3. 項目 3


スポンサーリンク


2018/08/01

簡単に見出し文字を飾る便利な初歩タグ

カテゴリー:デジ


スポンサーリンク


Blog作成に便利な 小見出しを装飾する初歩タグです。細かい説明抜きで必要事項を まとめてみました。


小見出しサンプル 


<div style="color: #ca7315; background: #ffeebb; border-left: 10px solid #ffc000; padding: 15px;">

ポストイット風


<div style="border-bottom: 1px solid #222222; border-top: 1px solid #222222; padding: 10px;">

上下線


<div style="color: #3377aa; border: 3px solid #66aadd; padding: 1em; border-radius: 1em;">

角の丸い枠線


<div style="border-bottom: 2px solid #3399ff; border-left: 12px solid #3399ff; padding: 10px;"><strong>ブルーの見出し枠</strong></div>

ブルーの見出し枠


<div style="border-bottom: 2px solid #76933c; border-left: 12px solid #76933c; padding: 10px;"><strong>グリーンの見出し枠</strong></div>

グリーンの見出し枠


<div style="border-bottom: 2px solid #aaaaaa; border-left: 12px solid #aaaaaa; padding: 10px;"><strong>シルバーの見出し枠</strong></div>

シルバーの見出し枠


<div style="border-bottom: 2px solid #ffba5f; border-left: 12px solid #ffba5f; padding: 10px;"><strong>オレンジの見出し枠</strong></div>

オレンジの見出し枠




スタイル属性の指定 style=" "
  • color:文字色
  • background:背景色
  • border:枠線の太さ,種類,色
  • border-left:左側の枠線の太さ,種類,色
  • border-radius:角の半径
  • padding:文字周りの余白



水平線サンプル


<hr color="#c8c8c8" noshade="" size="1">




<hr style="border: 1px solid #22aa22; padding: 1px;">





スポンサーリンク


2018/06/28

タグに使う特殊文字を表示させる方法

カテゴリー:デジ



スポンサーリンク


HTMLやCSSのタグなどを表記するときに便利な特殊文字のコードです。サクっとBlogを作成するのに,良く使う記号を まとめてみました。


特殊文字を表示する方法

実体参照の文字コードに置き換えて記述すれば,特殊文字が表示されます。ちなみに,& の amp は アンパサンド。

記号文字  文字コード 
< &lt;
> &gt;
& &amp;
" &quot;
&sbquo;
/ &frasl;
¥ &yen;
半角スペース &nbsp;



無料の自動作成ツール

JavaScriptを使用して,web上で特殊文字を自動変換してくれるツールが便利。チェックボックスにチェックを入れれば,半角スペースも変換可能。HTML特殊文字変換の便利なサイトは [ こちら ]

テーブルタグを自動作成するツールも重宝してます。TAG index テーブルタグ作成ツールは [ こちら ]

文字数をカウントするツールも重宝してます。文字数カウントツールは [ こちら ]



コメントアウト

コメントアウトは,プログラムをスキップさせるものですが,HTMLやCSSに表示されないメモを入れるのに便利。

  • CSSのコメントアウト
    /* メモ */
  • HTMLのコメントアウト
    <!-- メモ -->



  • スポンサーリンク


2018/06/27

簡単に文字を枠線で囲む便利な初歩タグ

カテゴリー:デジ


スポンサーリンク


Blog作成に便利な 文字を枠線で囲んで装飾する初歩タグです。細かい説明抜きで必要事項を まとめてみました。


文字を枠線で囲むサンプル


<p style="border: 2px solid #4f97c8; color: #2d75a6; font-weight: bold; padding: 10px;">

段落を枠線で囲むサンプル


<div style="border: 1px solid #999999; padding: 8px; width: 95%;">

文字ブロックを枠線で囲むサンプル


<span style="border: 1px solid #76933c; color: #65822b; font-weight: bold; padding: 8px;">

文字を枠線で囲むサンプル





囲むタグの種類

  • 段落: <p>
  • 文字ブロック (改行あり):<div>
  • 文字 (改行なし):<span>



style属性の指定 style=" "

  • 枠線の太さ,線種,色などを指定:border
  • 文字の色を指定:color
  • 文字の太さを指定:font-weight
    9段階の太さを指定できるが,フォントによっては表示されないので,太字 bold 指定ぐらいがイイ。
  • 枠線と文字の隙間を指定:padding
    枠線の外側の空白の指定は,margin を使用する。
  • 枠線の幅を指定:width



枠線の種類 border の指定値

(例) style="border: solid;"
  • 実線:solid
  • 破線:dashed
  • 点線:dotted
  • 二重線:double
  • 非表示:none



枠線と文字の隙間 padding の指定方法

(値2つの例) style="padding: 10px 20px;"
  • 値を1つ指定:指定した値が(上)(下)(左)(右)に適用。
  • 値を2つ指定:1つ目の値が(上)(下),2つ目の値が(左)(右)に適用。
  • 値を3つ指定:1つ目の値が(上),2つ目の値が(左)(右),3つ目の値が(下)に適用。
  • 値を4つ指定:1つ目の値が(上),2つ目の値が(右),3つ目の値が(下),4つ目の値が(左)に適用。



スポンサーリンク



2018/06/09

両替換金で使う英会話フレーズ

| カテゴリー:デジsitemap


両替して下さい。
Money exchange,please.


円をドルに両替して下さい。
Could you change Japanese yen to dallars?


どのように両替しますか?
How would you like bills?


20ドル紙幣を5枚お願いします。
I'd like five 20-dollar bills,please.


20ドル札を5枚,残りは1ドル札にして下さい。
Five twenties and the rest in singles,please.


10ドル札でお願いします。
I'd like it in ten-dallar bills,please.


小銭も混ぜて下さい。
Would you include some small change?


20ドル札をくずしてもらえますか?
Can you break a twenty dollar bill?


手数料はいくらですか?
How much is the commission?


日本円からUSドルへの為替レートはいくらですか?
How much exchange rate Japanese Yen to US dollar?



スポンサーリンク



英会話コンテンツ




スポンサーリンク



2017/11/28

タクシーで使う英会話フレーズ

| カテゴリー:デジsitemap


乗っても良いですか?
May I get in?


荷物があります。
トランクに積んでもらえますか?
I have luggage.
Could you put it in the trunk?


ABCホテルまで乗せてもらえますか?
Can you take me to the ABC Hotel?


(メモを見せて) この住所までお願いします。
Take me to this address, please.


そこまで どのくらいの時間がかかりますか?
How long does it take to get there?


だいたい幾らくらいかかりますか?
About how much will it be?


空港に行く前にABCホテルに寄ってもらえますか?
Could you stop by the ABC Hotel before you go to the airport?


ここで待っていてもらえますか?
Could you wait for me here?


私はABCホテルまでの道を知ってます。
I know the way to the ABC Hotel.


次の信号を左に曲がって下さい。
Turn left at the next signal, please.



そろそろ到着しますか?
Are we almost there?


ここで降ろして下さい。
Drop me off here, please.


クレジットカードで払えますか?
Can I use credit cards?


領収書をもらえますか?
May I have a receipt?


お釣りは取っておいて下さい。
Keep the change.


どういたしまして。
You're welcom.



スポンサーリンク



英会話コンテンツ




スポンサーリンク



2017/11/27

空港のチェックインで使う英会話フレーズ

| カテゴリー:デジsitemap


お席のご希望はありますか?
Do you have any preference for your seat?
preference [プファランス]:好み


通路側の席をお願いします。
Aisle seat, please.
aisle [イル]:通路


2人は隣り合わせの席にして下さい。
Could you get us seats next to each other?
Neighboring seats for two people, please.


通路側の席はありませんか?
Do you have an aisle seat available?


他の席はありませんか?
Do you have any other seats?



お荷物はいくつ預けますか?
How many luggage would you like to check in?


液体や可燃性のものはバッグの中にありますか?
Do you have anything liquid or flammable in your bag?
anything+形容詞:~なものは何でも


割れ物や貴重品はスーツケースの中に入っていますか?
Is there anything fragile or valuable in your luggage?
fragile [フジャイル]:壊れやすい


持ってません。
I have nothing.


あなたの荷物は、規定重量を超えています。
Your luggage exceeds the limit weight.


追加費用が発生します。
We need you to charge the extra fee.


待って下さい。詰め替えます。
Please wait a minute. I'll repack my luggage.



片道切符
one-way ticket


往復切符
round-trip ticket


帰りの切符 (往復切符の意味で使われることもある)
return ticket


機内持ち込み荷物
carry-on baggage


荷物
luggage,baggage
荷物というまとまりを意味する不可算名詞で複数形は取らない。
具体的な個数を示す場合は,two bags や three pieces of baggageとする。



スポンサーリンク



英会話コンテンツ




スポンサーリンク



2017/11/26

空港の入国審査で使う英会話フレーズ

| カテゴリー:デジsitemap


パスポートを見せて頂けますか?
May I see your passport?


はい どうぞ。
Sure. Here you go.


旅行の目的は何ですか?
What's the purpose of your visit?


観光です。
Sightseeing.


仕事です。
I'm here on business.



滞在先はどこですか?
Where are you staying?
Where are you going to stay?
What's the address are you going to stay?


ロサンゼルスのABCホテルです。
At the ABC Hotel in Los Angeles.


ABCホテルに宿泊する予定です。
I'm staying at the ABC Hotel.



どれくらいの滞在予定ですか?
How long will you be staying?
How long are you going to stay?


5日間です。
For 5 days.


1ヶ月くらいです。
About 1 month.



オランダに来たことはありますか?
Have you ever been to the Netherlands?


今までに何回オランダに来ましたか?
How many times have you visited the Netherlands?


初めてです。
It's my first time.


何回か来たことあります。
I've been here several times.



職業は何ですか?
What's your occupation?


会社員です。
I'm an office worker.



帰りのチケットはありますか?
Do you have a return ticket?


はい,どうぞ。
Yes, here you go.


いいえ,まだです。
No, not yet.



右手の四本指をこのスクリーンにのせて下さい。
Press the four fingers of your right hand on this screen.


今度は右手の親指をのせて下さい。
And now, press your right thumb.
thumb [ム]:親指


カメラをまっすぐ見て下さい。
Look straight at the camera.



申告する物はありますか。
Do you have anything to declare?
declare [ディクア]:申告


何もありません。
Nothing.


結構です。お通りください。
Okey. You may go.


もう一回言ってもらえますか。
Sorry, Could you say that again?



入国審査
passport control
immigration


入国カード
immigration card
disembarkation card
ディセンヴァイション


出国カード
embarkation card
インヴァイション


入出国カード
E/D card


姓,名字
surname
family name
last name



first name
given name


国籍
nationality


出国地
last place
port of embarkation


宿泊先
accommodation
アコモイション


パスポートの有効期限
date of expir
expiration [イクスペイション]:満了


パスポートの発行地
place of issue



有効
valid


無効
invalid


関税
customs


持ち込み禁止品
prohibited articles


申告カード
declaration card
デクライション


非居住者
non-residents


手荷物受取所
baggage claim


荷物預り証
claim tag


目的地
destination
デスティイション



スポンサーリンク



英会話コンテンツ




スポンサーリンク



for ANYthing カテゴリー 一覧

カテゴリー: [01] アウトドア カテゴリー: [02] おでかけスポット カテゴリー: [05] オススメ カテゴリー: [06] DIY カテゴリー: [07] デジ カテゴリー: [08] 節約tips カテゴリー: [09] MOVIE カテゴリー: [...