“Ability proceeds from a fusion of skills, knowledge, understanding and imagination, consolidated by experience.”
MICHAEL KLARKE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare porttitor ipsum a mollis. Pellentesque sagittis enim ac libero luctus, at vulputate ante lobortis. Praesent lacinia, leo sit amet congue malesuada.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor ins.
RECENT ARTCLES
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ets unsers.
電池ってなんだろう
技術的な文章はかなり時間がかかるので、ここで地球や社会について思うことなど雑記として書いて行こうと思います。最近ハマっているのが発電・蓄電です。 特に燃料電池にハマっています。そもそも電池ってなんだろう？と 蓄電ってなんだろう？と停電すると手も足も出ないじゃないですか。なんとかしたい訳です。 停電したらコンビニに電池を買いにいっても、争奪戦になる訳で、、、 だから、電池ってなんなのか知っておこうと思いました。iPhoneとかにケーブルを繋いで充電すると、電気が溜まるわけで一日利用できるわけですが これって実は電気っていうものが溜まっているわけじゃないんですよね。ただの化学変化で、最近のスマホではリチウムイオン電池っていう最新のものが使われているわけだけどこれって、電池の中でプラス極とマイナス極が２つあって、その間をリチウムイオンが移動する事(酸化還元反応)で電気を貯めたり、放出したりする現象を利用しているわけ イオンって？引用します( リチウムイオン電池の豆知識 - リチウムイオン電池の豆知識 ) イオンとは、電子の過剰または欠損により電荷を帯びた原子（または原子団）のことを言います。リチウムイオン（Li+）は、リチウム原子（Li）が電子（e-）を放出してプラスの電荷を帯びた陽イオンです。リチウムイオンが電解質を通して正極と負極を行き来するときに正極と負極を結ぶ回路に電子の流れ（電流）が発生するので、電池の充電・放電が可能になります。リチウム原子（Li）が電子（e-）を失ってリチウムイオン（Li+）となる反応を酸化、逆にリチウムイオンが電子を得てリチウムに戻る反応を還元反応といいます。リチウムはすべての元素の中で最もイオン化しやすい（イオン化傾向が強い）元素です。 つまり電荷を帯びたリチウム原子をリチウムイオンっていうわけ。で、電子が移動する事で、電流が流れるわけです。 で、リチウムイオン電池って最先端の電池なのでちょっと不安定かつ難しいんだよね。そんなわけで燃料電池がわかりやすくていい中学校の理科の授業で水の電気分解をやったと思うけど、その逆が燃料電池なんだよね。だから本当に簡単で、この北ガスのサイトにあるように、家庭で自作できる！ えんぴつで燃料電池を作ろう！｜自由研究おたすけガイド｜北ガスキッズサイト それいけ！！エネルギー探検団そんな訳で燃料電池を自作しようかと思っとります。
KUSANAGI@Conohaでオブジェクトストレージ設定のベストプラクティス
こんにちは、のすけです。KUSANAGIを利用する理由として、今まで利用していたサーバーが遅いので 変えたいという動機が多いかと思います。しかしながら、前回紹介して方法だと、WordPressをKUSANAGIに移行する場合 既存のメディアライブラリの画像などが上手く認識されないなどの問題が出てきました。hollywis.hatenablog.com 他の方法を模索したところ、別の手法を見つけました。ConoHaオブジェクトストレージをマウントしてWordPressでのメディア保存先にする | サイト制作覚書ただ、こちらの手法ですとディスクのマウントに失敗する事が多いためあれこれと試し、最適な方法を見つけました。まず、手順通り cloudfuseを入れます。 cloudfuseを入れる yum -y install \ libcurl libcurl-devel \ fuse* fuse fuse-devel fuse-libs \ libxml2 libxml2-devel openssl-devel \ gcc gcc-c++ make git curl git clone https://github.com/redbo/cloudfuse.gitcloudfuseというディレクトリができています。 cd cloudfuse .configurejsonのエラーが出たのでjson-c-develをインストール [...]
ConoHaのKUSANAGIで追加ディスクやオブジェクトストレージを設定する
こんにちは、のすけです。 前回、conohaで高速WordPress実行環境であるKUSANAGIを動かす記事を書きました。hollywis.hatenablog.comとても速くて快適なのですが、１つ問題があります。それはディスク容量です。初期設定でルートドライブがSSD50GBになっており 多少、心もとないのが実情です。そこで、cohohaのサービスを使ってその問題を解決します。方法は２パターン 追加ディスクを購入してマウントする オブジェクトストレージを使う 追加ディスク 作成方法 追加ディスクのマウント オブジェクトストレージ利用 Conoha APIの有効化 WordPressのプラグイン「ConoHa Object Sync」を使う 設定値 追加設定 おまけ KUSANAGIのドメインの再設定方法 それではざっくりと順番に説明していきます。 追加ディスク conohaには追加ディスクと呼ばれるSSDを追加で利用する機能があります。2018年10月現在 200GBだと 2,500 円/月 ( 3.5 円/ 時間 )で利用できます。また、500GBだと4,500 円/月 ( 6.3 円/ 時間 )で利用できます。 [...]
高速で動くWordPress環境を探して辿り着いた「KUSANAGI」に変えたら超速いし・安いし・データの転送容量制限ないしでかなり良かった
こんにちは、のすけです。WordPress構築用のサーバーは各社から色々なものが出ていて「WordPress おすすめ サーバー」なんて検索すると色々出てきます。 例えば有名どころだと、エックスサーバーやwpx なんかは昔か速いと評判だったりします。実際速いです。そのほか、速そうなのか「高速を追求したレンタルサーバー」と謳うヘテムルやLite Speed(なにそれ？)を使っているmixhostは速そうな感じです。それでも、配信データ量の制限があったり、値段がちょっと高いという点があって躊躇します。 あとNodeサーバーも立てたいなとか。。 そんな時出会ったのが、こちら【Conoha】です。クラウド型ホスティングサービス Conoha VPS。レンタルサーバーも一応提供されていて Conoha WINGは国内最速を謳っていたりします。が今回はVPSの方です。公式キャラクターは「このはちゃん」どうでもいいですねw。で、このConohaですがなんと転送量に課金がありません。基本的にはいくらでも使えます。さらに！！高速にWordPressが動作するサーバーイメージ「KUSANAGI for ConoHa」を提供しています。このKUSANAGIは WordPressの実行時間3ミリ秒台、秒間1000リクエストをページキャッシュ非使用で実現する世界最高速クラスのWordPress実行環境です とのことで、かなり速そうな感じ。早速使ってみました。結果から言うと、Conohaの月900円の1Gプラン(推奨は4Gプランにもかかわらず)でかなり高速でした。3秒と言うのはスマホで表示されるまでの時間なので、サーバ応答時間はもっと速くて0.029秒とかなり高速な結果が出ています。 Conohaでサーバを立てる KUSANAGIの初期設定をする URLの設定をする WordPressのインストール KUSANAGIの設定 表示してみる おまけ Conohaでサーバを立てる 基本的にはKUSANAGIの使い方｜VPSならConoHaのKUSANAGIの使い方を参考にすれば問題ないはずです。Conohaのサイトに行ってアカウントを作成し、KUSANAGIのサーバイメージでサーバを１台立てます。こちらConohaから「お申し込み」に進めばOKです。KUSANAGI for ConoHaはメモリ4GB以上が推奨らしいのですが、それは高いし、あとあと変更できるので、まずはメモリ１Gでコア数２の月900円のプランでサーバーを構築しました。あとでスペックを変更できるのもConohaの良いところです。サイトが重くなったらスケールアップできるので安心です。そしたら、あとはrootパスワードを入れて「追加」したら数分でサーバーが出来上がりました。 ネームタグは適当に変更しています。クラウドなので、ここにWordPress以外にも色々なサーバを追加することができます。 KUSANAGIの初期設定をする このサーバーイメージは、KUSANAGIはちょっと自分で初期設定をする必要があります。この状態だとまだWordPressは入っていません。管理画面のコンソールからrootでログインして「KUSANAGI」の文字が出ればログインできています。KUSANAGIの初期設定方法にしたがって初期設定をしていけばOKです。最初にOSのアップデートで数分掛かります。そのあと 次のコマンドを打つと初期設定が始まります。 # kusanagi initWebサーバはApacheではなく高速な「nginx」を利用し、php実行環境は高速な「HHVM」を使いました。 URLの設定をする 下記リンクの手順通りに設定を進めます。KUSANAGIのプロビジョニング – [...]
WordPressのテーマにサムネイルをサポートさせる
こんにちは、のすけです。自分でWordPressテーマを作ると必要な機能のみ入れることができ本当に便利なのですが。デフォルトの状態では投稿のサムネイルがサポートされていません。そこでサムネイルをサポートする方法を記載します。 投稿のサムネイルサポートする 一部の投稿タイプのみサムネイルをサポートする方法 テーマのテンプレートへの反映方法 表示サイズを変える方法 CSSクラスを設定する方法 投稿のサムネイルサポートする サムネイルをサポーとさせるには、functions.phpに設定を書き込みます。 add_theme_support( 'post-thumbnails' ); 投稿サムネイル - WordPress Codex 日本語版そうすると、投稿の編集画面で「アイキャッチ画像」メタボックスが投稿・固定ページ編集画面に表示されます。もし表示されなければ、画面右上の表示オプションの中で「アイキャッチ画像」を有効にします。 一部の投稿タイプのみサムネイルをサポートする方法 例えばカスタム投稿タイプ「blog」と「kouza」にのみにサムネイルをサポートさせるためには、 add_theme_support( 'post-thumbnails', array( 'blog' ) ); // blogのみ add_theme_support( 'post-thumbnails', array( 'kouza' ) ); // kouzaのみ 関数リファレンス/add [...]
WordPressテーマをCSSテンプレートでカスタムメニューをいい感じにデザインする
こんにちは、のすけです。はい。今まで様々な投稿関係のテクニカルなことを紹介してきましたが、今回は一番わかりやすいデザインを触っていきたいと思います。デザインはCSSを弄って色々とやっていくわけですが、如何せん設定項目が多く、CSSも膨大な数を書かなくてはいけないためとても大変です。 そこで巷ではCSSフレームワークというものが用意されています。有名な例では「Bootstrap」「Foundation」などがあります。今回は「Bootstrap」を導入する例を紹介したいと思います。なお、バージョンは最新のBootstrap4を扱います。 Bootstrap4はいわゆるよく利用されているBootstrap3の後継バージョンで、ついにフラットデザインになったものです。 利用されすぎて「Bootstrap臭さ」と呼ばれるものがあったBootstrap3ですが、４になっていくらか軽減されていると思います。 Bootstrapを読み込む ヘッダーを作る ナビゲーションメニューをつける li要素とaタグにクラスを付けるためにfunctions.phpに追記 まとめ Bootstrapを読み込む 今回はheader.phpに書き込む手法でいきたいと思います。また読み込み方法もCDNからデフォルトのBootstrapを読み込むもっとも簡単な方法を選びました。CSS <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> JS <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> そのほか、独自のCSSの読み込み方法を利用して、functions.phpで読み込む方法は、こちらの記事で紹介しています。hollywis.hatenablog.comテーマフォルダ内にCSSやJSを置く方法もありますが、ルートフォルダ直下にassetsフォルダを作ってそこに配置していきます。 ヘッダーを作る header.phpを編集していきます。 オリジナルで作った最小テーマである「anothersky」の分割バージョンを使っていきます。hollywis.hatenablog.comhollywis.hatenablog.com 元のheader.php <!DOCTYPE [...]
