新しいブログシステムを構築したのでやったことを記録

Aug 22 2018

前の古臭いブログシステムのままだと嫌だったので、新しいブログシステムを構築しました。

こんちくわ、CreativeGPです。今日は「この」ブログシステムを機能構築したので、そのためにやったことを記録してみたいと思います。

最初にやったことから一つ一つ記述していきます。

デザインを考える

制作前の構想の段階、古臭いブログシステム1に苛々してた頃ですね。僕はまずデザインを考えました。

僕は新しくサイトを作るときは最初にデザインを考えることが多いがします。またそれは他サイトから引っ張ってくることも多いです。

ホームページGNUのサイトのメニューバーをパクっていますし、さっきの古臭いブログシステムの配色も、どのサイトだったか忘れましたが、誰かのブログ(その時ある情報を探していて其れがとてもためになったもの)を見てパクってきたことを記憶しています。

今回のシステムは、シンプルでシロックロでなやつが欲しくて、最近良く読むMITのブログをちょっと参考にしてデザインしよう!と決めました。

あと、タイトル青くて太くて大きいと思いますが、これもこの段階でこんなのが良いなぁ〜と思ってました。

デザインをヤる

構想が決まって、時間ができて、作ろうと心の決心ができたら、まずはデザインをやります。

CSSとかSASSとかヴォリヴォリ使って(僕は全くナウい開発環境ではないので)Emacsに文字を打ち込む->ブラウザフラッッシュ!!!をsetInterval(・, 4000)くらいで10時間位回して、気付いたら体が疲れていて、目の前に自分が想像していたサイトが誕生しています

僕は細かいところにこだわっちゃうタイプなので、時間がかかりますが、サクサク出来る人は出来ると思います。2

あと、バックがまだできてない段階なのでこの段階ではモックアップ的に作っていきます。CSSを適用することになるであろうHTMLさえ適当に用意してしまえば、CSSを作るのが目的なので。

†裏の仕組み†を作る

フロントが出来上がったら、裏の仕組みを作りました。

アーキテクチャを考えて、サーバーサイドを書いていきます。

記事のアップロードが楽なシステムを作りたかったので、Markdownのパースを何処でやるか3とか、SEOとか悩みました。結局、もともとMarkdownのパースはpythonでパーサを書いてhtmlをアップしていましたので、そのパーサを活用するような形で、サーバーには最小限のHTMLと記事情報ファイル4をアップロードして、PHPで読み込んで表示する感じになりました。

SEOさんがいますので、そのPHPの起動はルーティングをゴニョゴニョして正しく引数をセットして呼び出すようにしています。

まとめ

今回のブログシステムは全部で2日位かかりました。また更新するときは来るのだろうか、、、

多分当分は大丈夫だと思う。

Notes

1 中三の頃に作ったものなんですが

2 例えば、このページの一番下のΔCreativeGPみたいなやつをホバーしてみると色がフワーって変わると思いますが、これを作るのに2時間位溶かしました()

3 結果的に、頂いたアドバイスとは全然違う構造になりましたが、アドバイスくれた人ありがとうございます。

4 検索システムとかでもこれを使う

Read more?

数学 I(三角法) を勉強していく上で思ったこととかメモ

Oct 11 2018

黄茶の旅日記の様なものです。数Iの三角法です。

画面指紋認証の仕組みって

Jun 11 2018

最近、画面指紋認証の記事を見かけまして、「そういやこれどうやって出来てるのかな...」と思って記事探してみてもなかったので(英語でも少なかった)、幾つかのページ(参考文献)から引っ張り出してきた情報を元に記事を書きます

Rustにおけるファイル分割

Rustは、モジュールシステムも色々決まりがあって整っているので、単にファイルを分けて書こうと思った場合にも、整った綺麗な書き方をするには難しい言語に感じます。自分も、丁度Rustでプログラムを書いていた時に迷って良いリポジトリから良い書き方を見つけたのでその紹介をしようと思います

Jul 19 2018

042933964230の暗号について調べてみた

Apr 23 2018

謎のサイトと言われて少し前に話題になったやつを調べてみました

日本一早いサイト選手権

阿部寛のホームページが爆速なのでそれよりはやいページ無いかなぁと適当に探してみた結果です。

Sep 22 2018

[円柱の体積文字列] 英単語をgrepできるサイトを作りました

Sep 17 2018

円の体積文字列で別の例を探すために英単語をgrep出来るサイトを作りました

数学 I(二次関数) を勉強していく上で思ったこととかメモ

黄茶の二次関数が終わったので、その学習中に思ったことを適当にメモしておきます

Sep 16 2018

IEは最高のブラウザ / IE is the best browser

Sep 16 2018

世間では何故かIEが蔑まれているようですが、そんなブラウザにも素晴らしいところが沢山あるのです

Explain Backpropagation Like I'm Five

Jul 13 2018

Recently, there are many successful news with the artificial intelligence (AI). Machine translation, object detection, automatic modeling, motion capture and so on... Even the optical illusion that only your brain should be able to perform has been achieved by the AI.

線の長さを積分で考えてみる

Sep 11 2018

今回は、前回積分を使って面積(小さな面積の集合)を求めたので、今回は線(小さな線の集合)の長さを求めていければ良いなぁみたいな感じでやっていけたらと思っています。

積分で原始関数の差を求めると元の函数の面積が出る理由

今回は積分の面白い性質である、原始関数の差が元の函数の面積となるという性質についてそうなる理由を気持ちだけでも書いていきます。

Sep 04 2018

「国語に関する世論調査」を読んで思ったこととか

Aug 28 2018

国の日本語に関する調査を見て最近の日本語の変化について知りました。

共用サーバーで非同期通信チャットアプリを作る

今日は、さくらサーバーのライトプランという制限が多いサーバーでなんとか非同期通信を実現すべく奮闘したので、その記録をしたいと思います。

Aug 21 2018

前にブログに追加した機能

前にブログに追加した機能が使えるかどうかのテスト用.

Aug 21 2018

[素因数分解] Trial Division / 試し割り法

試し割り法は素因数分解の一番愚直なアルゴリズムです。この解説をします。

Aug 19 2018