こがこんにちは、こがです。CSSについて話をしようと思います。CSSとはなんぞや?だと思います。僕自身も名前自体は最近知りました。これは一体どういうものか?というお話をしていこうと思います。CSSを利用して解決出来ることは何か?とそれによるメリットについてそれは、ユーザーに対して体感としてページのロードを実際よりも短く感じてもらうことです。誤解を恐れずに言うのであれば、ページのロードによって画面が真っ白の状態や遷移前のページの表示のままでいるのを短くしよう。すればユーザーへ早くコンテンツを届けることができるということになります。CSSとは、WEBページの上でユーザー(ブラウザ)が一番最初に目にする(表示される)部分で利用されるCSSのことです。CSSが読み込まれるまではページの表示がされないということです。CSSを早く読み込むことが出来ればそれだけ早い状態でページの表示準備が出来ることになります。スクリプトの読み込みなどのレンダリングブロックによって実際の表示タイミングは左右されますがそれだけページの表示には重要な部分になります。実際にどうするのすることは至って単純です。CSSに該当するCSSをインライン、つまりHTMLに直接記述します。言っても、直接自分の手でHTMLを編集してCSSを弄るというのは現実的ではありませんし、また全体としてCSSを管理するのにも手間が増えてしまいます。CSSのインライン化ですが、今ではaltCSS等を利用するのがメジャーになっていると思います。WebpackなんかのバンドルツールやGulpなどのタスクランナー等で処理しているのではないでしょうか?インライン化などについても上述のツールを用いることで簡単に行うことが出来ます。自分は、gulp-inline-sourceというプラグインを利用してインライン化を行っています。CSSを抜き出して生成してインライン化をしていくというのが一般的なフローになっていくのではないでしょうか。CSSの生成についても手動行うのはとっても厳しいものがあります。この点もWEBツールやプラグイン等を利用することで簡単に行うことが出来ます。Generator等でググると出てきます。本当に早くなるのかこれはケースバイケースという感じはします。CSSやJSのフレームワークを使うのが一般的になってきたりしている昨今では少なからず効果を体感することが出来るのではと思っています。CSSをインライン化して読ませるだけでなく、色々なテクニックを利用してUXを上げる工夫をしています。今回のインライン化をすることによってUXを改善できれば良いなと思います。こがこんにちは、こがです。Engine上に立ててみました。今回初めてGitlabを立てたのですが、インストールがとっても楽チンでした。そんなGitlabのインストールで行ったことをメモっていきます公式サイトのInstallationを参考にインストールを進めていきます。Gitlab今回の環境としては以下の通りです。LTSを選択しました。インストール公式サイトの通りに順番に項目をこなしていきます。途中で公式サイトには無い設定として、Gitlabで利用するURLの設定を行っているので注意してください。ステップ1の項目は今回不要でしたので行っていません。いうことでステップ2からです。/etc/gitlab/gitlab.rb/etc/gitlab/gitlab.rbを開いてexternal_urlをおのおのアクセスする際に利用するIPアドレスなりドメインなりに変更します。後からでもこの項目は設定出来ますが、以下のコマンドを実行する必要がありますがこのタイミングで行うことでまとめてやってもらいます。reconfigureこれでGitlabのインストール作業は終了です。ここからはブラウザ上で作業を行っていきます。初期設定まずは最初にアクセスする際に行うのがrootアカウントのパスワード設定です。自分の環境ではセキュリティリスクになると思ってすぐ消すので適当にパスワード設定しました。いうこですぐにアカウント関連の設定をしましょう。新規アカウントの作成・rootアカウントの削除まずは新規アカウントを作成します。Userを選択します。Userを選択しアカウントを作成します。初期設定の状態ではメールが利用出来ないので、作成したユーザーをEditからもう一度編集してパスワードを設定します。これで新規アカウントの設定は完了です。次にrootアカウントを削除するために、作成したアカウントでログインし直します。Area->Overview->Usersと進みます。rootアカウントの削除を右のボタンから選択して削除をします。サインアップの無効化さらにサインアップを無効化しておきます。Enabledのチェックを外し設定を保存します。終わりに色々と他にも設定項目はあると思いますが、こんな感じだと思います。アカウントの認証周りは2段階認証が使えるので有効にしておくのも良いと思います、というより是非とも有効にしましょう。今回は、この辺にしておきたいと思います。こがこんにちは、こがです。GCEの無料枠を使ってWordPressを立ち上げたので、それをメモがてら書いていきたいと思います(ここにそんなのを書いてしまうなんて、とってもセキュリティリスク高い・・・)セットアップ手順ダッシュボードまずは、ダッシュボードにアクセス!!まあこれしないとはじまらないですからね・・・。Deployできます!検索ボックスに”WordPress”と入れてみてください。出てきましたよね?色々と出てきますが、僕は通常のWordPressを選択しました。詳細設定この画面では、名前やスペックなどを設定していきます。注意して欲しいのが、マシンスペックがn1-standard1に設定されていることです。この状態では無料枠として利用する事が出来ません、必ずf1-microを選択してください。大丈夫だとは思いますが、リージョンに関してもUSリージョンであるか確認しておくと良いでしょう。それに加えて、無料枠ではディスクサイズが30GBまでは無料ですので設定しておくと後々困らなくて済みそうです。以上でWordPressが無事に立ち上がります。WordPressのセキュリティなどしっかり設定をして楽しいWordPress/GCEライフを送りましょう!終わりにマシンが稼働しているのはUSリージョンととてもではないですが、日本からでは遠いですね。CDNを利用しておくと良いと思います。余力があればこの部分はまたの機会にしておきたいと思います。こがこんにちは、こがですせっかく利用してるドメインをフルに活用すべく、はてなブログからWordPressに乗り換えてみました。これを契機にブログももうちょっと頑張れたらなと思うのでしたまる。これからもよろしくお願いします。Awothemes.。