Markdown 形式で記事を開閉する方法

例えば、クイズ形式のブログなどを書く時、 あるボタンをクリックして初めて答えを見せたいということがあります。 そこで、もしブログを「Markdown」形式で書いているなら、 ↓こちらのように書くだけで、 <details><summary>中身はこちら!</summary>…

【覚書】はてなブログで独自ドメインを設定する

はてなブログで独自ドメインを設定する頻度が少ないので、いつもやることを忘れてしまいます。 なので、覚書として残しておきます。 blog.minimal-green.com ムームードメイン ムームードメインで設定する時の方法。 管理画面 → ドメイン管理 → ドメイン操作…

はてなブログでAMP用の広告を入れる場合の注意

はてなブログでは、AMPの広告を表示できるようになっています。 www.miler-nabj.com AMPは、GoogleなどのWeb業界各社が推進している、モバイル端末のWebコンテンツ表示を高速化する仕組みです。 はてなブログで使用する場合は、 管理画面 → 設定 → 詳細設定 …

【React】オセロで黒と白どっちが勝つでしょうか?

Reactの勉強として、 オセロの手順を再現するプログラムを作ってみました。 ↓盤上のどこをクリックしても次に進みます。(※ゲームはできません) 以下をポイントとして作りました。 ・自分が置いた石の座標を中心に、8方向を内側から外側の方向へ順にチェッ…

【Javascript】変数で参照なしの「値渡し」をしたい

Javascript で配列などプリミティブではない型の変数をコピーする時の話です。 コピーした後の変数を変更したら、コピーする前の変数の値まで変わってしまうというよくある「参照渡し」問題。 ↓一度JSON化して文字列にしてから、変数に入れて元に戻すという…

【React】ES6のbind問題

React 開発で、ES6 形式 を使ってプログラムしていたら、クリックイベントから呼ばれる関数の中で、 this.props が undefined になることがありました。 ↓こちらのサイトによると、ES5 では問題なかったけど、ES6ではエラーになるとのことでした。 ES5 save …

【React】jsファイルの読み込み順

React で、アドオンを使用する時、関連の外部 js ファイル の読み込み順が大事なようです。 OK <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-with-addons.js"></script> <script src="https://cdnjs.cloudflare.com/ajax…

【React】テーブルタグでエラー

React で テーブルタグを使用する時、table の直下に trタグを書くとエラーになってしまいました。 react.js:20541 Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table> ↓こちらのように、thead や tbody をつけるとエラーがな…

【React】記号に気をつける

React を使っていると、必要な記号がなかったり、間違えていたりすることがたびたびあります。 例: ”” (ダブルクォーテーション) '' (シングルクォーテーション) {} (波括弧) ()(丸括弧) [] (角括弧) これでしょうもないエラーが出たりするので、…

【React】ラジオボタンの設置

React を使って、ラジオボタンを複数設置する時は、id の付け方に注意した方がいいのかもしれない。 例えば、↓こちらのような、jsのクラスを使用する時、 var RadioButton = React.createClass({ getInitialState: function(){ return {selection: 'first'};…

【React】はじめます

React フレームワーク を学べば、1つのコードで、pc や スマホ(ios , Android)など、いろいろカバーできそうなので初めてみる。 環境構築 node.js が入っていれば、あとは簡単です。 ↓React のインストール npm install -g create-react-app create-react…

【Vivaldi】Google Photo が見れない現象

Opera ブラウザ の後継といわれる 軽量ブラウザの 「 Vivaldi 」 。 このブラウザで、Google Photo の 動画を見ようとしたところ、 奇妙な現象が起きた。 Macパソコンが2台あり、 パソコンAに入れた Vivaldi では、正常に Google Photo が見れた。 しかし…

【Google Map】地図上に四角い線を描いてみる

Google Map に 四角い線を描きたいと思いました。 ・ブラウザで、GMapを開くと、URLに中心座標(35.68269759362687, 139.76947098539154)が表示されているので、取得しておく。 &ll=35.68269759362687%2C139.76947098539154&z=15 ・GMap 上で、シェイプを描…

【PHP】さくらレンタルサーバーに pearをインストール

php バージョン7の環境下でpear をインストールすることがありました。 $ wget http://pear.php.net/go-pear.phar $ php go-pear.phar ↓レンタルサーバーなので、こちらは「ノー」で。 Would you like to alter php.ini </usr/local/php/7.2/etc/php.ini>? [Y/n] : n ↓php.ini に パスを通す…

【Mac】使用しているポートを調べる方法

Mac

Mac のパソコンで、空いているポート番号を調べたかったので、 ↓こちらのサイトを参考にして、まず使っているポート番号をリストアップしました。 ファインダ → Cmd + Shift + G → /System/Library/CoreServices/Applications/ 入力 → ネットワークユーティ…