Yado_tech

旅館+ITとはなんぞ

nodeインストールからcreate-react-appまで

node.jsのインストールからcreate-react-appまでを簡単に解説する。 【流れ】 nvmインストール nodeインストール create-react-appインストール 【nvm】 nodeをインストールする前にこのバージョン管理ツールをインストールしておくと後が楽 インストール方…

reduxの理解の仕方。

redux難しいなって思ってたけど実はそうでもなかった。 公式のcounter-vanillaが一番わかりやすかった。 github.com 一番重要なことはここの画像をお借りしたい (state,action) => state 大切なのはコレ。 stateとactionで新しいstateを作って 新たなstateで…

にっくき tracker-miner-f

うちのPCがスゲぇ音立ててた。 tracker-miner-fってプロセスと tracker-extract ってプロセスがめっちゃ占有してた。 // gist.github.com とりあえずtopコマンドで表示されたPIDをKILLした。 なんやこれ

redux、そびえ立つ難しさよ。 https://redux.js.org なんとなく何が難しいのかわからない、本当にヤバイ状態なので今自分にわかっていることをまとめる React reactjs.org 言わずとしれたすっごいフレームワーク。何でも出来る。ただしやってることはprops渡…

create-react-native-app → npm start できなかった。

centOS7でreact-native-app作ろうと思ったらできなかった。 github.com watchmanがないらしい。 てことでソースからインストール。 facebook.github.io $ git clone https://github.com/facebook/watchman.git $ cd watchman $ git checkout v4.9.0 # the la…

車で~時間圏内がどこからどこまでか

Google Mapを使用したサービスのIsochrone and Isodistance Map Demoというサービス を利用する。Githubページはコチラ。 これでどこまでかが一目瞭然。 使い方はマップ内にフラッグを立ててその後 duration(距離)とdriving(車)にチェックしてCompute Polygo…

連想配列にforループを適用する

連想配列を色々とまとめて処理したい。 ①for ~in ループを使う これが一番簡単でわかりやすい。メインで使う var IDs = { "name1":"hoge1", "name2":"hoge2", "name3":"hoge3", "name4":"hoge4", }; for(var key in IDs){ console.log(IDs[key]); } ②forEach…

javascriptでダブルクリックをエミュレーションする

【やりたいこと】 DOMをダブルクリックしたときのイベントを発火させたい <html> <head></head> <body> <div id = "ex_event" ondblclick = click_event></div> </body> </html> click_eventを発火させたい MouseEventメソッドを使う。 developer.mozilla.org var evt = new MouseEvent("dblclick", { bubbles: true, cancelable: true, view: window }); …

WebExtensionsことはじめ

以前仕事で必要があって WebUIとFlask,Seleniumを使ってPC内にサーバーを立ててブラウザ操作を自動化するアプリを作ったんですがこれがちょっと使いづらかったらしい 使いづらい理由: 起動の仕方がわからない:起動はパワーシェルでFlaskでHTTPサーバー立て…

独学でプログラミング言語を学ぶ

かれこれpythonを学び始めて1年半になります。 javascriptは半年くらいです。 どうやって学んだかをこちらに書きます。 第1段階: どんな言語かわからんかったからとりあえずサイト1個まるごと写経しました。 www.python-izm.com 写経したのはこちらのサイト…

イマイチReactがよくわからなかったので

Oreillyの本買った。 Reactビギナーズガイド ―コンポーネントベースのフロントエンド開発入門 作者: Stoyan Stefanov,牧野聡 出版社/メーカー: オライリージャパン 発売日: 2017/03/11 メディア: 単行本(ソフトカバー) この商品を含むブログを見る 言語だ…

一旦最後までさらってみた

JavaScriptエンジニアが手っ取り早くReactの基礎を理解するための「超」入門書 作者: 天田士郎 発売日: 2017/02/05 メディア: Kindle版 この商品を含むブログを見る さらっと触った。 JSXという言語仕様が非常にスマートだと感じた。 それをどこでも動かせる…

Reactってやつ何?

て思って買ってみたよ JavaScriptエンジニアが手っ取り早くReactの基礎を理解するための「超」入門書 作者: 天田士郎 発売日: 2017/02/05 メディア: Kindle版 この商品を含むブログを見る 途中だけど直接JSとかHTML書くのとどう違うのかイマイチわかってない…

elephone s8

www.gearbest.com gearbestにて購入した。 USB-Cケーブルによっては充電できない AUKEY USB-CケーブルType C & USB 3.0 ケーブル 5本セット (1m*3本+2m*1本+0.3m*1本) Type C 機器対応 高耐久ナイロン編み 56Kレジスタ使用 Nintendo switch、Samsung Galaxy …

ブラウザから電話を掛ける

a href ="tel:xxx-xxxx-xxxx"タグを使うと実現できる sip.js使う方法もあるけど今まだうまく設定できていない。

モーニングコールを作る② AGIから登録

とりまスクリプトのみ from asterisk.agi import * #ロジック部分。 #AGIのインスタンス化 agi = AGI() roomNo = agi.env['agi.callerid'] t_time = [] while True: t_time.append(agi.wait_for_digit(-1)) #数字が4つになったら登録して切断する if len(t_…

nginxのLocationディレクティブでディレクトリを指定する時

①rootで指定するとき location /example { root /www/ } こうするとwww.example.com/demo には /www/example/ ディレクトリが反映されるようです ちょっぴり分かりにくい ②aliasで指定するとき location /example { alias /www/demo/ } こうすると任意のディ…

モーニングコールを作る① ファイルの読み出し編

簡単にフローを考える 【モーニングコールの設定】 ①モーニングコール用の電話番号に電話を掛ける (②)部屋番号をダイヤルする ③時間をダイヤルする ④#を押す ⑤AGIが実行され、DBにモーニングコールが登録される 【モーニングコールの読み出し】 ①データを…

sqlalchemyでもうあるDBを利用する②

モーニングコール作成するために・・ 以前こう書いていたのだが yadotech.hateblo.jp も少し楽が出来るみたいだ。 from sqlalchemy.ext.automap import automap_base を使う まずはDB browser for sqliteで簡単にDBのスキーマを作る。 sql文書いたりsqlalche…

datetimeオブジェクトで現在時間の秒以下がいらないとき

ちょっぴり謎におもったので stackoverflow.com import datetime #現在時刻 now = datetime.datetime.now() #秒以下がゼロの現在時刻 now_without_seconds = datetime.datetime.now().replace(second=0,microsecond=0) datetimeオブジェクトを取得した後に.r…

AGIのお勉強②

なんどIPアドレスを制限してもAsteriskに不正侵入してくるのでさくらVPSを初期化しました。 ということでAsteriskは基本的に登録されたIPアドレスだけ受け入れるようにしました。 5060ポートは開けちゃあかんw てことでAsteriskを入れ直したら色々と変わっ…

さくらのVPSにAsteriskをインストールしてたら乗っ取られた話。

fail2banなどを入れていたにも関わらず変な番号でregisterされて勝手に外部に発信されていました。 大急ぎでiptablesでそのIPをDROPさせたにかかわらず侵入されていました。 本気でヤバイ・・ てことでこんな感じのことを考えていた。 よく考えたらFlaskでAu…

Asteriskのお勉強②

ようやくAsteriskで問題なく内線通話できたので環境とsip.conf,extensions.confの設定を書く 【環境】 クライアント①:Galaxy S8(AGEPhone) クライアント②:iPhone6(AGEPhone) サーバー:Raspberry Pi(Asterisk13) 【confファイル】 sip.conf [general] cont…

AGIについてのお勉強①

<2018/1/14追記>新しくインストールしなおしたら権限周りが変わっているのでこの記事は過去のものになりました。 近いうちに新しく書き直します。 書き直しました。こちら yadotech.hateblo.jp モーニングコールを扱うにはAGI(Asterisk Gateway Interface)…

AsteriskとTwilioについて

旅館で電話を利用して考えられること ①時間外の予約の電話は受けないようアナウンスを入れる ②モーニングコール ③内線通話 こんなもんかね。 つくりたいのはこんな感じ さらに自分的にやりたいこととして・・ ①着信履歴をSlackに通知(Hangup時?) ②1時間…

AsteriskをさくらのVPSにインストールしてTwilioと繋いでみた

①さくらのVPS(Ubuntu16.04)へAsteriskのインストール 基本はラズパイと一緒 yadotech.hateblo.jp ②さくらの場合はiptablesを設定する 5060/udp 10000:20000/udp のポートを開放する。 yadotech.hateblo.jp ③fail2banをインストールする。 結構なポートを開く…

ちょっとした印刷hack

旅館だと写真を印刷してお渡しするサービス、よくありますよね。 基本無料なんだけどプリンターのインクが死ぬほど高く、実はインク代25円 紙代5円で30円位かかっています。 それなりに価格がするため、ここを安くしちゃいましょう。Epson純正のインクタンク…

Raspberry pi にAsteriskをインストールしてみる。

Asteriskの設定がようやくうまく行ったっぽいのでUP ソースからインストールしようと頑張ったけど最終的にapt-getを使ったほうが楽だと思った。 また、ソースからインストール出来ていたにも関わらずFire HD8 とFire HD10のAGEPhoneだと 着信しても繋がらな…

写経

普通になんか作ろうと思ったら1,000行は越えそうな感じ。 <html> <head> <title>test7</title> <script type ="text/javascript" src ="./libs/three.js"></script> <script type ="text/javascript" src = "./libs/stats.js"></script> <script type = "text/javascript" src = "./libs/dat.gui.js"></script> <style> body{ margi…</head></html>

Windows Subsystem for LinuxでKotlin REPLを使えるようにしてみる

Windows Subsystem for Linuxのインストール www.atmarkit.co.jp これでPowershell上でbashとタイプすることでUbuntuのコンソールにアクセスできる。 SDKmanのインストール mheironimus.blogspot.jp 簡単にこまんどだけ並べる sudo apt update sudo apt upgr…