k.144 Personal Note

パーソナルノート・ライフログ、気の向くまま書き綴っています。

このエントリーは管理人本人のための覚え書きです。

スポンサーリンク

ブックマークおぼえがき


調べたことは必ずメモする、記録する!

f:id:k-144:20190601085421j:plain
unsplash-logoDavid Travis


〈覚え書き、メモ一覧〉


ブログ運営を助けてくれるツール


無料キーワード提案ツール UbersuggestでSEO対策

これ、なかなかおもしろい。
この類けっこう難しい印象があるが、感覚的に使えそう。


活用したいツール・サービス

はてなブログを書いていく上での使い方や自分なりのルールなどメモしておく

カスタムURLを活用する



もくじへジャンプ!

このページの各所に、もくじへのリンクを入れたい場合、下記コードを挿入する。

<div style="text-align: right;"><a href="#index"><i class="fa fa-list fa-lg" aria-hidden="true"></i> もくじ</a></div>


ボタン風リンク

ボタン風リンク

style="font-size: 120%; color: white; background: royalblue; text-align: center; padding: 30px;


ひな形

下への流れ

<div style="text-align: center; color: orange;"><i class="fa fa-chevron-circle-down fa-4x" aria-hidden="true"></i></div>

<div style="text-align: center; color: deepskyblue;"><i class="fa fa-chevron-circle-down fa-4x" aria-hidden="true"></i></div>


はてな記法


HTML:Aタグ、新規タブで開く

はてな記法のシンタックスハイライト

<a href="リンク先のURL" target="_blank" rel="noopener noreferrer">新規タブで開きます</a>

CODEPEN


See the Pen
rNNbbMO
by KAZUYOSHI KATANO (@k144)
on CodePen.


色を選ぶ

色選択の基準

対象 背景色 色コード 対象 文字色 色コード
リンク イエロー系 lightyellow 好感 濃いピンク deeppink
アクション グリーン系 honeydew 肯定・注目 blue
ポイント 薄いピンク系 lavenderblush 注意・警告 red
注意・警告 濃いピンク系 pink      
定義 ブルー系 lightcyan      
汎用 グレー系 whitesmoke      

lightyellow
honeydew
lavenderblush
pink
lightcyan
whitesmoke


WEB色見本:原色大辞典


インラインCSSを活用する

〈インラインCSSの書き方〉

  • HTMLタグの属性を「style=""」としてダブルクォーテーションの中に書く
  • 書き方の例
<p style="font-size: 20px;">文字サイズは20pxです</p>


はてなブログの文字サイズを変更する

.entry-content {
font-size:17px;
line-height:1.7;
}


h4見出しの雰囲気を変える

h4見出しの雰囲気を変える

<h4 style="border: none; background: whitesmoke; font-size: 150%; color: deepskyblue;">h4見出しの雰囲気を変える</h4>
  • border: none; → デフォルトのボーダー設定をなしにする
  • background: whitesmoke; → 背景色をつける


インラインCSSでブロックを横並びに配置する

「サルワカ」というサイトは図解も豊富で、とてもわかりやすい。
saruwakakun.com


バックグラウンドで強調表示させる

style="background-color: カラーコード"


外枠強調したいとき

border: 5px dashed lightskyblue; padding: 20px;


下線に応用する

border-bottom: solid 2px orange;


蛍光マーカーでなぞる

background: linear-gradient(transparent 30%, yellow 30%);


WEB活用法

WEBページ全体のスクリーンショットを撮る方法

Font Awesome, the iconic font and CSS toolkitVersion 4.7.0

  • :fa-thumbs-o-up
    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
  • :external-link
    <i class="fa fa-external-link" aria-hidden="true"></i>
  • :external-link(lg)
    <i class="fa fa-external-link fa-lg" aria-hidden="true"></i>
  • :fa-chevron-circle-right
    <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
  • :fa-list
    <i class="fa fa-list" aria-hidden="true"></i>


ブログに記載するには:ソースコード変換 < & " > br改行 WEB用に自動エスケープ



はてなブログテーマ

〈使用しているテーマ〉


はてなブログのフッター設定


ブログをやっていく上での注意点など

ブログのプライバシーポリシーと免責事項


ブログ管理の術(記事数上げるだけが能じゃない)

既存の記事に加筆することで情報量を増やし、記事の精度を高めてゆく。


アフィリエイト活動の手引


GogoJungle自己アフィリエイト覚え書き

自己アフィリエイトする場合、
経由確認時に自分のアカウントがつかない場合


ブラウザ注意!!

  • ブラウザを確認
  • Safari on Macではうまくつかない → キャッシュリセットしてもダメ
  • Firefoxでやってみたら経由がつくことを確認


投資関連メモ

MT4について

Stop Out(ロスカット)


FX(外国為替証拠金取引)

[用語]リスクオフとリスクオン

ナンピンマーチン

利用中EAのフォワードテスト確認

XMTrading

  • 運用メモ:両建て注意:同一口座内OK、異なる口座ではNG → ルール違反

その他

投資物件の定期点検管理

  • マネックスアドバイザー定期点検:半年ごと:4月と10月

k144.hatenablog.com

  • iDeCo定期点検:3ヶ月程度:3月、6月、9月、12月

k144.hatenablog.com


投資の知恵(知っておくと有利かも)


エトセトラ

CPU比較検討


LINE メンションの使い方

グループトーク画面で、メンションしたい相手のユーザー名(アイコン横の文字部分)をタップすることでも、自動的に「@ユーザー名」がメッセージの入力欄に挿入されます。


アイデア

  • 6月:新緑
  • 8月:花火
  • 秋:紅葉
  • 冬:雪景色
  • 高画質、日本各地のイメージビデオ→(タイトル)高画質映像で日本の良さを再認識する(xxx編)


アフィリエイトリンク

  • MT4ツール:ProEX
  • 1Password
  • もしもアフィリエイト

「もしもアフィリエイト」なら、簡単にAmazon・楽天・Yahooショッピングのリンクが作成可能。

上へ戻る