THE LITTLE ESCAPE

とあるイラストレーターのイギリスワーホリと留学についてのブログ

オーロラを見に、北欧旅行にいってきます!

来月、北欧旅行にいってきます!


突然ですが!10月後半からノルウェー、スウェーデン、デンマークに行くことが決定しました。

スウェーデンとデンマークは3年前に訪れたことがあるのですが、ノルウェーは初めて。かなり北方まで行ってオーロラにも挑戦する予定!今からすごくたのしみです(^^)

スウェーデンとデンマークもバスやフェリーを乗り継いで訪れたことのないマイナーな都市を巡る予定なのでそれもワクワク。



オーロラが見たい!ノルウェーに行きたい!という話は以前「イギリスで叶えたい100のこと」にも書きました。

「声にしたり言葉にすることによって夢が叶いやすくなる」とよく言いますよね。

夢を書き出せば「達成しよう!」というポジティブな気持ちがムクムク湧いてきて、まるで狩人のように夢を狩るためにいつの間にか行動していて、その流れで気付いたら叶ってるのかもしれないなって思いました。

なにはともあれ、ノルウェー楽しみだなぁ〜⋆*✩



あるノルウェーの大工の日記

あるノルウェーの大工の日記

  • 作者: オーレ・トシュテンセン,牧尾晴喜(監訳)
  • 出版社/メーカー: エクスナレッジ
  • 発売日: 2017/09/29
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログを見る

イギリスからの小さなプレゼントキャンペーンを開催中!

読者登録400人突破を記念して、「ありがとうございますキャンペーン」を開催しています。

応募フォームからご連絡先を送信していただいた方の中から抽選で、イギリス現地から小さなプレゼントをあなたのもとにお届けします!

ぜひご応募ください。

▽詳細はこちら〜!


\ 読者登録・フォローお待ちしております /

はてなブログの目次をシンプル&おしゃれにカスタマイズ / サンプルCSS付き!

はてなブログの目次をカスタマイズしてみました

f:id:kimix:20170929073519j:plain

こんにちは、イギリス暮らしのクリエイターkimixです。

今回は、はてなブログの目次(もくじ)をカスタマイズした話と、コピペで簡単にデザイン変更できるサンプルCSSをお届けします。




目次(もくじ)機能について

目次機能…。

ご存知ない方もいるかもしれませんが、みなさん一度は見かけたことがあるのではないでしょうか。

▽ちなみにこの記事の目次はこちら

はてなブログでは、ブログの記事本文中にコードを1行書くだけで、大見出し・中見出し・小見出しに沿った目次を記載することができます。

目次内のリンクを押すと、その文言が書かれている場所までひとっ飛び。(これをアンカーリンクといいます)

記事内で読みたい!と思う箇所まですぐ移動できるのはとても便利ですよね。




豆知識:もくじを表示させる方法

もしやはてなブログの目次機能を知らない人もいるのでは…?と思ったので表示させる方法もご紹介しますね。

[:contents]

△このコードを本文に書くだけでOK!

記事内の見出しを読み込んで目次が自動的に生成されます。

アプリには目次挿入ボタンがない!

確認してみたところ、はてなブログのiPhoneアプリには目次挿入機能が搭載されてないようです。

ということで、スマホユーザーさんにはあまり知られてないかもしれません。

[:contents]

↑このコードはコピペできるので、これを機にぜひぜひお試しください(^^)


わたしが行ったカスタマイズ詳細

公式のもくじが使いづらかった

前述した通り、目次があると読みたい項目にジャンプできるのでとっても便利。

…ですが「大見出し」「中見出し」「小見出し」が多い記事だと目次がずら〜〜っと長くなってしまいとっても見難いことに…。

はてなブログの目次はコード( [:contents] )を本文内に書くだけ自動生成されてしまうので、見出しが多い記事だと見栄えも悪いし「使いにくいなあ」と思っていました。

と、いうことで!じゃあ目次をもっとシンプルに、使いやすくしようじゃないか!と一念発起してみました。

今回変更した点

  • 大見出しだけを表示
  • リストマークを変更
  • 文字サイズの変更
  • 文字色の変更
  • 枠の装飾

▽以上を変更して完成したのがこちら。

目次には「大見出し」のみを表示し、リストマークは「▼」に変更。

また、目次はおまけ要素だと思っているので文字色は薄く、文字は小さくしてみました。

個人的にはまあまあいい感じになったのでは…?と満足しています(^^)

この目次のデザインCSS

もし使いたい方がいましたら、CSSを置いておきますので、ぜひコピペしてお使いください⋆*✩

See the Pen もくじ:00 by kimix (@_kmx) on CodePen.

コピペで完成するサンプルCSS

今回はコピペで完成するサンプルCSSをつくってみました。

サンプルCSSは「万人受けするシンプル&おしゃれ」をテーマに作成。

リンク色やアイコンをちょこっと変えるだけで可愛くなったり、クールになったり、雰囲気がガラリと変わるのでカスタマイズしやすいようにしています。

ぜひ参考にしてみてくださいね。

目次サンプル1

See the Pen もくじ:01 by kimix (@_kmx) on CodePen.


目次サンプル2

See the Pen もくじ:02 by kimix (@_kmx) on CodePen.

目次サンプル3

See the Pen もくじ:03 by kimix (@_kmx) on CodePen.

目次サンプル4

See the Pen もくじ:04 by kimix (@_kmx) on CodePen.

目次サンプル5

See the Pen もくじ:05 by kimix (@_kmx) on CodePen.

目次サンプル6

See the Pen もくじ:06 by kimix (@_kmx) on CodePen.

おわりに

はてなブログのカスタマイズってクールだったり、スタイリッシュな男性向けデザインが多いような気がします。

ピンクをはじめとした淡い色合いのものとか、あまり見かけないですよね。

女性向けとはいってもブリブリしすぎず、現代のミニマリズムに合ったシンプルさで、女性が使いやすいデザインやカスタマイズ。

そんなTIPSをお伝えしていきたいなあと考えています。


お役に立てれば幸いです!

それでは〜⋆*✩

イギリスからの小さなプレゼントキャンペーンを開催中!

読者登録400人突破を記念して、「ありがとうございますキャンペーン」を開催しています。

応募フォームからご連絡先を送信していただいた方の中から抽選で、イギリス現地から小さなプレゼントをあなたのもとにお届けします!

ぜひご応募ください。

▽詳細はこちら〜!


\ 読者登録・フォローお待ちしております /


自分の価値を再発見 / 更新テーマを曜日ごとに決めてみました

わたしにしかない「独自性」を見つけたい

そういえばこのブログ、読者登録していただいてる方はお気付きかもしれませんが最近なにやら更新頻度が高くなりました。

実は9月半ばから週5でブログ更新を目指して奮闘中なのです。

このブログではワーホリ知識やイギリスで暮らすということ、英語のこと、はたまたブログカスタマイズ知識などたくさん情報発信しようしようと思いつつ、イギリスに来てから生きることで精一杯で全然できていませんでした。

そしてできてないことに対してモヤモヤモヤ。。無限ループです。




そんななか、最近、自分の「価値」や「独自性」について深く考える機会がありました。

わたしは現在個人事業主として働いていますが、割とオールラウンダーなので独立後から「わたしの強み」ってなんだろう…?と考え込んでしまうことがしばしばあります。

これってたぶん自分の価値や独自性が確立してないから悩んでしまうんですよね。

ちなみにこれまでの活動経歴は、イラストレーター、コラージュ作家、WEBデザイナー、写真家、iPhoneアプリディレクター、女性向けコンテンツプランナーなどなど…

こうして並べてみても我ながら思います、「この人の肩書きはいったいなんなんだ…?」と……

ただ、「いろんなことを知ってるね」「わからないことは徹底的に調べ上げるの癖だよね」「情報をわかりやすくまとめるのが上手だね」「トレンドに敏感だね」と言われることがこれまでの人生の中で多々あり、最近は”それが強みってヤツなのかなあ”とぼんやり考えられるようになりました。

そしていろいろ本を読んだり調べたりした結果、「とりあえず興味のあることをどんどん発信していこう!」という結論に至ったのです。

ジャンルはバラバラだとしても、日々発信していけば点と点が線で繋がって最終的に「特化している部分」や「独自性」が見つかればいいな…なんて淡い期待を寄せています。



更新するテーマを曜日ごとに決めてみた

ということで、まずは1ヶ月、週5でブログを更新したいと考えています。(自ら追い込んでいくスタイルです…ゴゴゴゴゴ……)

「曜日ごとにテーマを決めるとネタ切れになりにくいよ」という話を小耳に挟んだので早速ですがテーマを決めてみました。

週5更新企画はすでに2週間が経過したので、残りの2週間はこんな感じで進めたいと思います。

週間スケジュール

  • (月) × / DREAM
    • 叶えたいことをステップ化
  • (火) INTERESTING
    • 本・映画・音楽・気になるモノコト
  • (水) FREE DIARY
    • なんでも・つぶやき・絵日記
  • (木) × / NEWS
    • お知らせ
  • (金) BLOGGING / WEB TIPS
    • ブログTIPS・カスタマイズ・WEB関連
  • (土) TRAVEL
    • イギリス国内・ヨーロッパ紹介
  • (日) UK LIFE / YMS TIPS / ENGLISH
    • イギリス生活・ワーホリ知識・英語勉強

月間スケジュール

  • 月の終わり
    • 英語学習の記録
    • 今月のふりかえり
  • 月の初め
    • 今月叶えたい3つのこと


全然変更はあり得ます。笑

更新内容が無ければ(月)(木)がお休みの予定です。

月4回と考えたら気が楽になる

いざブログを書くぞ!となっても「何を書こう?」「何から書こう?」と手が止まってしまうことはブロガーあるあるだと思います。

でもこうして先にテーマを決めてみると「1テーマ月4回」と考えるとだいぶ気持ちが楽になりました。

また、テーマが決まっていると更新予定も立てやすいです。ただ自由度を持たせるためにザックリとしたテーマにすることが大切だな!とも思いました。

おわりに

他にも思いついたらやっていくぞ〜
よっしゃー!

と、いうことでぜひこれからも読んでいただけたら幸いです⋆*✩

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

イギリスからの小さなプレゼントキャンペーンを開催中!

読者登録400人突破を記念して、「ありがとうございますキャンペーン」を開催しています。

応募フォームからご連絡先を送信していただいた方の中から抽選で、イギリス現地から小さなプレゼントをあなたのもとにお届けします!

ぜひご応募ください。

▽詳細はこちら〜!


\ 読者登録・フォローお待ちしております /


イギリス生活とワーホリ・留学についてのもくじ

出国前にやること・手順

YMS・ワーホリビザ申請手順

  1. 滞在先・語学学校を決める
    • ビザ申請する前に最初に滞在先を決める意味
    • エージェントは使う?使わない?
    • 語学学校の選び方とおすすめの時期
  2. ビザ記入方法
  3. 保険料の支払い
  4. ビザセンターで申請
  5. ビザとパスポートの受取り
  6. 航空券の購入
    • 安く買う方法

日本でやること

  • 役所申請
    • 年金
    • 住民票
  • 銀行
    • オンラインバンク化
豆知識
  • ワーホリネット
  • 返金手続き

準備

  • 2年間のプランを考える
  • 最適なスーツケース・バックパックを選ぶ
  • フリマアプリを賢く使おう
  • 航空券を安く買う方

持ち物

  • イギリスで買えるもの・買えないもの

保険

  • NHS
    • NHSとは?イギリスワーホリは国民保険に加入必須

お金

  • お金の持って行き方
    • マネパカード
    • SMBC銀行

渡英後にやること

  1. BRPカード
  2. GPの登録
    • GPとは?
    • GPに登録する方法
  3. NINの登録
    • NINとは?
    • NINに登録する方法
  4. 携帯電話の契約
  5. 銀行口座の開設
    • イギリスの銀行口座はなぜ必要?
    • HSBCで銀行口座を開設する方法




イギリス生活の豆知識

仕事

  • 仕事の探し方
  • 履歴書(CV)の書き方

健康

  • 病院
    • 日本人の医者がいる病院一覧
    • 「ロンドン医療センター」への行き方と行ってきた話
    • 風邪薬
    • 胃薬
    • 目薬
    • サプリメント

英語

  • イギリス英語
    • イギリス英語とアメリカ英語の違い
    • イギリス英語が勉強できる映画ドラマまとめ
    • イギリス英語が勉強できる海外ドラマまとめ


イギリス旅行ガイド

スコットランド

  • エジンバラ
  • グラスゴー
  • ハイランド
  • スカイ島

イングランド

  • ロンドン
  • オックスフォード
  • バース
  • ウィンザー城
  • ストーンヘンジ

北イングランド

  • ヨーク
  • ニューカッスル
  • ワージング

南イングランド

ヨーロッパ旅行ガイド

ドイツ

  • ノイシュバンシュタイン城
  • ミュンヘン
  • フランクフルト
  • ベルリン

オランダ

  • アムステルダム

ベルギー

  • ブリュッセル

フランス

  • パリ
  • モンサンミッシェル
  • ベルサイユ宮殿

スウェーデン

  • ストックホルム
  • マルメ

デンマーク

  • コペンハーゲン
  • オーデンセ

フィンランド

  • ヘルシンキ / Helsinki
  • ナーンタリ /
  • タンペレ / Tampere
  • トゥルク / Turku
  • ハカニエミマーケット
  • マリメッコファクトリー
  • アラビア工場

エストニア

  • タリン

ノルウェー

  • オスロ
  • トロモセ