Aikの技術日記

技術的な進捗とか成果とかを細々と投稿するブログです。時々雑記も。

正規表現記法についてまとめてみた その1

その2(正規表現特殊文字について)はこちら
その3(JavaScriptでの正規表現使用法 その1)はこちら
その4(JavaScriptでの正規表現使用法 その2)はこちら

はじめに

PC上で文字を扱うなら知っておきたい、痒いところに手が届きすぎる記法「正規表現」。
これを使えば、たった数文字で様々な文字列を表現することができます。
また、あくまで記法の1つなので、特定の言語や環境によらず、わりと色んなところで使えることも魅力ですね。

こんな便利で素敵な正規表現ですが、筆者はこれまで正規表現の素晴らしさに気づくことができず…。
つい先日、やっと正規表現の素晴らしさに気づけたので、この熱が収まらないうちに正規表現についてまとめていこうと思います!

早速正規表現の記法から見てみましょう…と、その前にそもそも正規表現とは何かを少しだけ見ていこうかと思います。

続きを読む

はてなブログのカスタマイズ 序の章3

  • とりあえずひと段落
  • 自分でカスタマイズした部分
    • とりあえず見出し部分を変えたい
    • 目に眩しいシンタックスハイライトの色を変える
    • サイドバーに自分のTwitter
    • スマホ用に表示調整
    • ページ上部に戻るボタン
    • カテゴリ部分のカスタマイズ
    • CSSコード
  • 次回について

序の章 その1(本ブログのテーマ選定)はこちら
序の章 その2(別ブログのテーマ選定)はこちら
おまけ的な記事(はてブロの仕様とか小ネタとか)はこちら

とりあえずひと段落

今回は序の章その3…いやぁ、前回の記事から数ヶ月経っちゃいましたね…。

あれから色々調べ上げ、とりあえず現状のレイアウトまで持って行くことが出来ました。
まぁブログUIの大体の雰囲気は「Minimalism」さんに任せましたが…。

また、はてなブログさんではテーマに加えて「デザインCSS」というものも設定出来るみたいです。
こちらでは自分のブログで読み込まれるCSSコードを直書き出来るみたいで…。
※正確には、はてブロさんのデフォルトCSSや、テーマCSSに追加して、ここで記述したCSSを読み込んでくれる感じです

そちらにも一手間(細かい部分に少し手を加えたくらいですが)かけ、仕上げてみました。
一先ずはこれで行きたいと思います。

自分で1からテーマを作ってみるってのもとっても面白そうだなぁと思いつつ。
そのためには、たくさんのインプットが必要でしょうけどね…!
もし出来ましたらこちらのブログに記事投稿する予定ですので、「おっいいじゃん使ってやんよ」って方は使ってあげてください。

続きを読む

CODEPREPで勉強しよう その6

その1(CODEPREPとは/学習予定ブック紹介)はこちら
その2(Sass,Bootstrap,Fontawesome編)はこちら
その3(HTML&CSS実践編 前編)はこちら
その4(HTML&CSS実践編 後編)はこちら
その5(JavaScript編 前編)はこちら
その7(Three.js,moment.js,Canvas編)はこちら
その8(React,Vue.js編)はこちら
その9(Rust,GoogleMap,Webカメラ編)はこちら
その10(Ruby,Scala編)はこちら
その11(CODEPREPやってみた感想等)はこちら

CODEPREP勉強中です

CODEPREPで勉強ライフを謳歌中の筆者です。
最近怠惰も極まり、当初決めていた計画からもうかなり溜まっているんですよねぇ…。
当初は1日1個だったブック消化数も、やってないのが溜まりに溜まり…。
今では1日で3個くらいブックをやらないと予定通りには終わらないくらいに。

まぁ…愚痴ってても何も進みませんからね、黙々と進めていきましょう!

今回も、前回に引き続き主にJS周りのブックを攻めていきたいと思います。
以下のブックのうち、前回で1(ES6編)〜4(Ajax編)まで進んだので、今回は5(オブジェクト指向編)〜9(2Dゲームモーション)までやっちゃいますよ!

  1. JavaScript入門 ES6編
  2. JavaScript基礎 jQueryトラバーサル編
  3. JavaScript演習 jQueryトラバーサル編
  4. JavaScript基礎 Ajax
  5. JavaScript基礎 オブジェクト指向
  6. JavaScriptオブジェクト指向を理解する
  7. 正規表現を理解する
  8. JavaScript正規表現を理解する 演習
  9. JavaScriptで学ぶユニットテスト
  10. CSS3+jQueryでつくる2Dゲームモーション

それでは学んだブックの感想やらまとめをば…。

続きを読む