はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

コンポーネント内で閉じた装飾の手法として、 Scoped CSS(vue-loader の機能)や CSS Modules, CSS in JS などが流行っています1。 Vue.js で Single File Components を利用する場合、 Scoped CSS は手軽に利用できますが CSS Modules についても手軽に利用ができることがわかったので、比較をしてみました。 Scoped CSS, CSS Modules の利用方法 実際に手を動かして検証されたい方は、以前に書いた記事2を参照してプロジェクトを作成してください。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

各点に次数の条件を付けることで、タイルを回転してできるという条件をうまくグラフ理論の言葉に置き換えできたかのように思えます。 しかし、点の次数が2と対応するタイルは2種類あり、次数の条件だけではタイルを区別できる条件とはなっていません。 L字タイルとI字タイル 点の次数が2と対応する2種類のタイルを、L字タイル、I字タイルと名付けて呼ぶことにします。 L字タイルとI字タイルの上にある点には次数2という条件に加え、もう少し条件を付けましょう。 I字タイルの上にある点の周りの辺は、下図のどちらかになっています。 同様にL字タイルの上にある点の周りの辺は、下図のどれかになっています。 条件は上のもので正しいのですが、Graphillionでは「どれか」といったOR条件を付けるよりもAND条件を付ける方が簡単な都合上、L字タイル、I字タイルのお互いの条件を否定した条件を付けると良いです。 I字タイ

# include <WiFi.h> WiFiServer server(); # define PASS_LENGTH 32 const char ssid[] = "📶WiFiありません📶"; void setup() { char pass[PASS_LENGTH + 1]; for (int i = 0; i < PASS_LENGTH; i++) { pass[i] = (char)random(0, 256); } WiFi.softAP(ssid, pass); } void loop() { } Arduino IDE(macOS)上で絵文字を入力すると、ダブルクォーテーションまで一緒に文字化けするといった現象が発生しますが、スケッチは正常に書き込むことができました 各OSの日本語(絵文字)SSID対応状況 SSID ※WiFiありません※ と 📶WiFiありません

ESP32用のArduinoスケッチにSSIDとパスフレーズを書いて、Wi-Fi接続をすることができますが、Arduinoスケッチの中にパスフレーズが平文のまま保存しなければならないことはRaspberry Piで無線LANのパスフレーズのハッシュ化を推奨していた身として、少し抵抗を感じることでした。 パスフレーズをハッシュ化することによって、のぞき見や悪用といったセキュリティリスクを完全ではありませんが低減することができます。 Arduino core for ESP32 WiFi chip の更新 Arduino core for ESP32 WiFi chip を 2017/12/05 以降に導入された方は、更新作業は不要です。それ以前に導入された方は、更新が必要です。 macOS Arduino core for ESP32 WiFi chip を Installation ins

私は脱jQuery(脱DOM操作)したい系の者で、 React, Vue.js, Hyperapp については初心者です。サンプルコードは公開しておりますが、正確さは保証いたしません。この記事は参考程度に読んで頂ければと思います。 作ったもの 以前に React, Vue.js で製作したRaspberry Piの無線LANをmicroSDで簡単に設定するためのツールを Hyperapp でも作ってみました ツールへのリンク: https://mascii.github.io/wpa-supplicant-conf-tool/ このツールはブラウザ上でSSIDとパスフレーズを入力してリストに追加するだけで簡単にRaspberry Piの無線LAN設定ファイル(wpa_supplicant.conf)を作成でき、これをPCでRaspbianの入ったMicroSDに書き込んでおくことでRasp

以前に書いたRaspberry PiとテレビをHDMI接続してテレビのON/OFFを確認するという記事では、テレビのON/OFF(STANDBY)状況をRaspberry Piから確認することができ、これを活用すれば電子工作不要で高齢者見守りデバイスを製作できることをお伝えしました。 具体的には、npmにnode-cecというパッケージがあり、これをインストールするとNode.jsでHDMI-CECの信号を送受信できるというものでした。 ところが、SONYのICカードリーダー PaSoRi(RC-S380)を用いてRaspberry PiでカードIDを取得するには、nfcpyというPythonのライブラリを使うしかありません。 Node.jsからPaSoRi(RC-S380)を使うには、PythonとNode.jsを連携(標準入出力を用いてカードIDを含むJSONを受け取るなど)する必要が

スマートスピーカー Advent Calendar 2017 の16日目です。急遽参戦してみます。よろしくお願いします。 IFTTTだけを使ってGoogle Home(Google Assistant)とTrello(タスク管理アプリ)を連携して、Trelloのリストにタスクの追加ができますが、日本語だとちょっと使いづらいです。なぜなら... この画像のように、「てにをは」のような助詞や半角スペースが混じったり、「納豆 と 豆腐 を」のように、「 と 」で分割してタスク登録してくれなかったりして、ちょっと微妙です。 この画像の例だと、以下のようにタスクが登録されることが理想だと思います: リンゴ みかん 納豆 豆腐 みずほ銀行に行く 部屋の掃除 洗濯機の買い替え そこで、Google Apps Script(以下、GAS)を経由してGoogle Homeから受け取った文字列をいい感じに加工

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

以前に書いたRaspberry Piの無線LANをmicroSDで設定するという記事では、RaspbianのOSイメージが書き込まれたmicroSDにあらかじめwpa_supplicant.confというファイルを作成しておくことで、無線LANの設定ができることをご紹介しましたが、ブラウザ上でSSIDとパスフレーズを入力するだけで簡単にwpa_supplicant.confを作成できるツールを作成しましたので、紹介します。 動作環境(確認済み) Raspberry Pi Zero W Raspbian Stretch Lite 2017-09-07 イメージをMicroSDに書き込んだ直後の状態 PC(macOS Sierra) Google Chrome Firefox Safari PC(Windows 10) Internet Explorer 11 Edge Raspberry P

Raspberry Pi 3 Model BやPi Zero Wには無線LAN(WiFi)が内蔵されましたが、何らかの方法でSSIDとパスフレーズを設定しないと無線での通信はできません。 以前に書いたRaspberry Pi Zero Wの無線LANをディスプレイやキーボードなしで設定する(有線LAN利用)という記事ではRaspberry Pi Zero WにUSBで一時的に有線LANポートを設けるするやり方で、ディスプレイやキーボードを使わずにSSIDとパスフレーズを設定する方法を紹介しましたが、こちらの記事のコメントでmicroSDにあらかじめファイルを作成しておくことで、無線LANの設定ができるというご指摘をいただき、その方法を検証してみましたので紹介したいと思います。 (2017/10/01追記) ブラウザ上でSSIDとパスフレーズを入力するだけで簡単にwpa_supplicant

Raspberry Pi 3 Model Bの内蔵WiFiは、個体差があるかもしれませんが割と貧弱なものなので、代わりにいつも外付けのUSB WiFiアダプタ(ELECOM WDC-150SU2MBK)を使っています。 (以前、内蔵WiFiが貧弱なことに気付かないでルーターが壊れてしまったかと思い、ルーターを買い換えてしまいました😭) 今回の記事では、Raspberry Pi 3の内蔵WiFiを無効にする方法と、USB WiFiアダプタを利用してアクセスポイントに接続する方法を紹介します。 (2017/05/10 修正) ifconfig コマンドの代わりに ip コマンドを利用するようにしました。 内蔵WiFiを無効にしてUSB WiFiアダプタを利用する理由 内蔵WiFiはアクセスポイントから少し距離が離れただけで不安定になったりする 内蔵WiFiを無効にしないままUSB WiFiア

スイッチサイエンスさんでRaspberry Pi Zero Wを手に入れたので、Raspberry Pi 3 Model Bとどの程度同じように使えるかを検証してみたいと思います。 検証方法 僕はRaspberry Piで動く何かを作るとき、RaspbianにプリインストールされているPython 2系ではなくNode.jsを使うので、Node.jsを用いて検証したいと思います。 今回は、IoTに関連しそうなnpmパッケージを4つほど試してみたいと思います。 request HTTP/HTTPS通信を行うためのクライアント node-cec HDMI接続でテレビを制御したりテレビの状態を取得 node-nfcpy-id SONY PaSoRiを利用しタッチされたICカードのIDを取得 onoff GPIO上にあるLEDを制御 検証環境 Raspberry Pi 3 Model B, Ras

DigiSparkとは、PCのUSB端子に基盤ごと直接挿すとUSB HIDになれるマイコンボードです(直接挿せないタイプもあります)。USB HIDとして使わず、電源だけ取れるUSB端子に挿して使うこともできます。 Arduino IDEにDigisparkのボードパッケージを追加することで、Arduino IDEからDigiSparkにスケッチ(プログラム)を書き込むことができます。 準備 開発環境の準備からLチカプログラムの書き込みまではこちらを参照しました: [メモ] Digispark(ATTiny85) Arduino開発環境で、Lチカ DigiSparkの基盤上にLEDが実装されているので、DigiSpark単体でもLチカすることができます。基盤上のLEDはP1ピンと連動しています。 ボタンとLEDを取り付けて動かしてみる ボタン(タクトスイッチ)とLEDの配線 LEDは青色の

以前にRaspberry PiとMac or Windows PCを有線で直接繋いでさくっとSSH接続するという記事を書いていて、HDMI対応ディスプレイとキーボードをセットしなくてもさくっとSSH接続してRaspberry Piで遊べることをアピールしていたのですが、今回は逆にあまり使うことのなかったRaspberry PiのHDMI端子を活用し、テレビのON/OFF(STANDBY)状況をRaspberry Piから確認してみたいと思います。 今回はHDMIのCEC(Consumer Electronics Control)という、機器間を制御するリンク機能を活用します。 SONYだとブラビアリンク、東芝だとレグザリンク、パナソニックだとビエラリンク、SHARPだとAQUOSファミリンク、などと呼ばれています。 動作環境 Raspberry Pi側 Raspberry Pi 2 Mod

Raspberry PiにSSH接続したいけど、外出中のときや、ルーターやハブが目の前にないときに、Zeroconfという仕組みを利用してRaspberry PiのIPアドレスを調べたりせずにさくっとSSH接続できる方法を紹介します。 動作環境および準備 リモート(Raspberry Pi)側 Raspberry Pi 3 Model B Raspbian Jessie Lite 2016-09-23 イメージをMicroSDに書き込んだ直後の状態 Raspbian Jessie Lite 2016-11-25 このバージョンからSSHがデフォルトでは無効になりました。 イメージをMicroSDに書き込んだ後、MicroSDのルートディレクトリにsshという名前で空のファイルを作成しておく必要があります。 macOSであれば、touchコマンドを用いてtouch /Volumes/boot