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/ 入力 → ネットワークユーティ…

【ffmpeg】動画の再生速度を変える

動画の時間を短くしたいと思い、倍速にすることを考えました。 ↓こちらのサイトを参考にしました。 2倍速の例: ffmpeg -i input.mp4 -vf setpts=PTS/2.0 -af atempo=2.0 output.mp4 0.5倍速の例: ffmpeg -i input.mp4 -vf setpts=PTS/0.5 -af atempo=0.5…

【Selenium】動的に変わるidの取得方法

Selenium で、「動的に変わるidの取得方法」を探していました。 XPATH で対応できるようです。 ・starts-with <input id="text-12345" /> → driver.find_elements_by_xpath("//input[starts-with(@id,'text-')]") ・contains <span class="top heading bo…

【PHP】ディレクトリ一覧を読み込むのにつまづいた

PHP

PHPでディレクトリを取得しようとした時のこと。 ↓こちらの場合、特に問題なし。"./" や "../" も含む。 if ($handle = opendir($path)) { while (false !== ($file = readdir($handle))) { echo $file."_test"; } } ↓しかし、こちらのように、いったん配列…

【ffmpeg】音ファイルと画像から、文字入り動画 を作ってみる

ffmpeg で扱う動画に文字を入れたい場合は、「drawtext」を使えるようにする必要があるので、「--enable-libfreetype」を有効にする。 今回は、homebrew で ffmpeg をインストールしている場合を想定。 drawtext を使えるようにする brew reinstall ffmpeg -…

ローカルのファイルとサーバーのファイルを比較してみた

ローカルPCのファイルのバックアップを取るために、サーバーにアップしている状況がありました。 手動でファイルをアップしているため、正常に同期が取れているか確認したかったので、 ↓こちらのサイトを参考に、ローカルのファイルとサーバーのファイルを…

【Slack】メッセージを一括で削除する方法

Slack で メッセージを一括で削除する機能はないみたい。 そこで、↓こちらを参考に、削除してみました。 Slack でチャンネル内のメッセージを一括削除する – with a Christian Wife $ pip install slack-cleaner $ slack-cleaner --token <TOKEN> --messag…

【Python】Firebase を更新 してみる

↓こちらを参考にして、Python から Firebase を更新してみた。 https://kinformation.sakura.ne.jp/20170920-01 import pyrebase PRJ_ID = "プロジェクトID" API_KEY = "ウェブAPIキー" config = { "apiKey": API_KEY, "authDomain": PRJ_ID + ".firebaseapp…

【Python】requestsのエラー処理

SSLのURLで requests を使用すると、↓以下のようなエラーが出ることがありました。 requests.exceptions.SSLError: HTTPSConnectionPool(host='【URL】 ', port=443): Max retries exceeded with url: / (Caused by SSLError(SSLError(1, '[SSL: CERTIFICATE…

【Python】RSS2.0 の pubDate を 取得してみる

RSS 2.0 の pubDate は、 Sat, 08 Sep 2018 13:54:08 +0900 ↑こんな形式で書かれています。 この日付を取得してフォーマットを変えると、 ↓こんな感じになります。 import xml.etree.ElementTree as ET from urllib.parse import urlparse from dateutil.rel…

【Selenium】chrome拡張機能 を使ってActionButton をクリックする方法がわからない

Selenium + Python の環境で、chrome拡張機能を使いたいという状況が発生しました。 ↓こちらのサイトを参考にして、ブラウザに追加するところまではできました。 まず、 chrome://extensions ↑この拡張機能のページを開いて、「拡張機能をパッケージ化」を選…

【FlashAir】Pythonを使って、デジカメの写真をMacに保存してみる

デジカメの写真をMacに保存する方法を考えてみると、 【1】SDカードをデジカメから外して、Macに保存する 【2】デジカメのwifi機能を使ってアップロードする 【3】SDカード(Eye-fi)でアップロードする 【4】Mac側からデジカメに入っているSDカー…

【integromat】データからJSONファイルを作ってFTPでアップしてみる

Data Store から データを引っぱってきて、JSONファイルを作り、FTPでサーバーにアップしてみます。 まず、試してみたのが、↓こちら。 しかし、これだと、データのレコードの数だけ JSONファイルが作られてしまい、複数のファイルをFTPにアップするこ…

【Shell】ファイルを圧縮して、scp でサーバーにアップロードする

heteml サーバーにバックアップする時の覚え書き。 tar -zcvf 【圧縮前パス】 【圧縮後パス】 scp -i ~/.ssh/id_rsa -P 2222 【圧縮後パス】 【ユーザー名】@【ホスト名】:【ホスト側パス】 rm 【圧縮後パス】

【Slack】英語・日本語表記を変えたら、送信ボタンのキーが変わるという話S

slack のサービスで、英語から日本語表記に変えたら、送信のキーが「enter」から「ctrl + enter」に変わってしまった問題が発生。 以前にも同じことがあったので、覚書き。 ↓こちらのサイトを参考にして対応できました。 環境設定 → 詳細設定 → 「送信ボタン…

integromat を使って ifttt のアクションを同時に実行してみる

前回、触っておもしろかった integromat 。 しかし、無料版のアクションの実行数が、1か月に1,000回と限られているので、 できるだけ無料の ifttt の方で済ませることにして、integromat にしかできないことを考えてみた。 ifttt では、1つのトリガー…