読者です 読者をやめる 読者になる 読者になる

なんか開発

iOSでのVPN接続をちょっと調べてみる

http://www.infraexpert.com/study/dot1xz01.html EAP方式のEAP-TLSなどでは相互に証明書が提出され信頼チェーンを確立する ※EAPの信頼のある証明書が必要 VPN関連の用語解説 IEEE802.1X(EAP-TLS) :有線LANや無線LANにおけるユーザ認証の規格 サプリカント :…

iOSでFirebaseのGoogle認証登録を実装

記事 ※注意※ 17/05/20にFirebase4.0.0がリリースされていますが 過去バージョン指定をしないと動作しません 記事を書いている人間は、現段階でiOSアプリ開発の経験は2週間ほどで 基本Firebaseのガイド通りに実装しているだけなので 参考にはならないです 環…

NodeJSのWebSocketで入力内容の送受信

コマンド $ npm init $ npm i websocket $ node server.js #サーバー動かす コード server.js var http = require('http'); var WSServer = require('websocket').server; var url = require('url'); var clientHtml = require('fs').readFileSync('test.htm…

pureなnodejsでhtml表示とmysql接続

サーバー接続 一緒に見たいのでメモレベル削除予定 ※test.htmlを同階層に設置 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; var server = http.createServer(); server.on('request', doRequest); // ファイルモジュー…

10分でwebプログラミング初心者

プログラミングの難しい点は環境作りにある 初心者が最初につまづくであろう物がプログラミング環境の準備だ バージョンがOSが前提ライブラリがモジュールが… 人間が紙に命令や手続きを書いて実行するのをプログラムと呼ぶのであれば 純粋なプログラミングに…

サーバー準備不要のReactHello(ES6)

Reactの^公式チュートリアルわからん! cdnを使おう HelloWorld!! <html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script> </meta></head></html>

人システム

目指すのは全人間が互いにノンブロッキングに行動可能な事 どうにか全てに共通のプロトコルを開発したい まずは人間の高度機能 能力 未来予知 時間圧縮認知 副次的共感覚 可逆的自己修正 ミラーニューロン システム的高難度認知 リフレクション 再帰的処理 …

FirebaseでのWebアプリ開発構成の再考170208

想定環境 基本ローカルのみでのFirebase開発、シンプルなZenHab管理 独自のユニークな機能のためのAPIサーバー 現状どうしても追記したAPIサーバーが必要になるように思う ※上層の要望や機能洗い出しや資料作成は含めてない 構成 [管理] Githubでの世代管理 …

JSでこのブログアイコンのキャラ画像の読み込み

var tiruno_img_url = { "up" : [ "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131020640.png?1485796241", "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131020639.png?1485…

RiotJSで再帰的にJSONを描画する方法

■再帰的なRiotJSのタグの書きかた 再帰的にタグを書いてしまうとスタックオーバーフローになる web上でriot.js 再帰とかで検索しても日本語の物が少ない <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script> </head> <body> <object></object> <script type="riot/tag"> <object> <p>{key}:{value}</p> </object></body>

バイナリ時計作るよ<javascript>

■手始めに10進数を2進数に変換する関数 (バイナリ時計 - Wikipedia) function get2(num){ var binary = []; while(true){ binary.unshift(num%2); num = parseInt(num/2); if(num<1) break; } return binary; } さっそくサイドバーに実装→ ■我ながらかな…

新Firebaseでのログイン認証とデータ取得(CRUD)

ログイン認証 var fireApp = firebase.initializeApp(config); var fireAuth = fireApp.auth(); fireAuth.signInWithEmailAndPassword(email, password).then(function(){ alert("ログイン認証成功"); }); fireAuth.onAuthStateChanged(function(user) {});/…

自動(転)車の回生ブレーキによる発電工程

www.youtube.com 1.エンジン(電気 → 駆動) 2.ジェネレーター(駆動 → 電気) 低速時には発電機に駆動を供給できないため摩擦ブレーキを使用する ※電気モーターはエンジンとジェネレーター両方の役割を果たせる ■自転車への応用 回生ブレーキ - Wikipedia …

RiotJSのrouteでmount切り替えしてみた

RiotJSのRouteサンプル <head> <title>RiotJSのRouteサンプル</title> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script> </head> <body> <div> <div id='header'> <a href='#app/first'>first</a> <a href='#app/second'>second</a> <a href='#app/third'>t…</a></div></div></body>

firebase.database認証のクソルール設定方法

■上の階層でtrueすると下層全てに許可される { "rules": { ".read": true, ".write": true, "users": { "$uid": { ".read": "auth != null && $uid === auth.uid", ".write": "auth != null && $uid === auth.uid" } } } } rulesに読み込み,書き込み許可して…

Firebaseが今来てる...気がす(Baaaaaas!)

qiita.com paiza.hatenablog.com qiita.com 「firebase」のYahoo!検索(リアルタイム) - Twitter(ツイッター)、Facebookをリアルタイム検索 Googleの改修によるちょっとした盛り上がりかもしれないが... いずれにせよ最終的にはサーバーサイド消滅して欲…

RiotJS+Firebaseでの簡易追加&読み込み

riot.js+firebase.databaseのサンプル <head> <title>firebase-crud-riot</title> <meta charset="utf-8"> <script src="https://www.gstatic.com/firebasejs/3.5.3/firebase.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script> <script> var config = { apiKey: …</meta></head>

RiotJSでネストしたかっただけなのに...

こんな事に半日使ったのかといまだにモヤモヤする。 大文字でタグを書いた場合ネストしたタグは動かない(異常系) <html> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script> <test></test> <script type="riot/tag"> <test> <h2>{ opts.title }</h2> <TEST2 arg={'子タグ(ネストするタグ)'}></test2></test></body></html>

Laravel4からLaravel5のファイル構造変化

localdisk.hatenablog.com app/modelsがappに放り出されてる...

firebase.databaseでCRUDしてみる

■新規プロジェクトを追加 ※firebaseダッシュボードはfirebase consoleとしてまとめられたので 既にプロジェクトを作成している人はインポートの必要がある プロジェクト選択画面のメニューから旧ダッシュボードも使用可能 おそらく使えなくなるのでインポー…

Linux(CentOS)にLaravel5導入

■PHPのインストール yum install php ■コンポーザー取得と追加 $ curl -sS https://getcomposer.org/installer | php $ mv composer.phar /usr/local/bin/composer ■laravelインストールと直接呼べるよう環境変数に追加 $ composer global require "laravel/…

本当に初めてプログラミングをやる場合

www.nicovideo.jp この動画だが小学生でも出来る 冒頭であるようにキーボード入力、マウス操作ができる事が条件だ マインドストームのRCXやNXTは別として ねこが回転するあほみたいなグラフィカルなプログラミングや マインクラフトのCCのmodでプログラミン…

忘れそうなlinux操作をメモる場所

Tabキーを2回入力すると予測一覧が出る ルートユーザーに切り替え su - sshサーバーの設定 /etc/ssh/sshd_config #ポート番号変更 Port 10022 #rootユーザーのログイン禁止 #PermitRootLogin no 結果をクリップボードにコピー pwd | pbcopy 圧縮展開コマンド…

CentOSのminimal版でyumコマンドが使えない

vi /etc/sysconfig/network-scripts/ifcfg-eth0 # NICの有効化 ONBOOT=yes #再起動が必要 /etc/rc.d/init.d/network stop /etc/rc.d/init.d/network start CentOSはminimal版だと標準設定でネットが使えない 勉強用にcentos環境でrailsとpostgresqlの環境を…

JSでの簡易的な座標計算用メモ

function Point(x,y){ //座標(set/get, sum) this.x = x; this.y = y; this.setPoint=function(x,y){this.x = x;this.y = y;} this.getPoint=function(){return this;} this.sumPoint=function(point1){this.x+=point1.x; this.y+=point1.y;} } //2点の距離 …

チルノをJavaScriptで歩かせるだけ03(移動)

移動処理 [Aキー][Dキー]で移動 #座標に描画するよう修正 var point = {x: 0, y: 0}; ctx.drawImage(image, point.x, point.y); #キーイベント追加 var key = []; //キーイベント window.addEventListener('keydown', key_down_e, true); //キーアップ funct…

チルノをJavaScriptで歩かせるだけ02(歩行)

画像を切り替えて描画する事で動いているように見せる事ができる。 通常はスプライト画像を使用するがわかりやすいよう分割 アニメーション <canvas id="canvas" width="256px" height="32px"></canvas> <script> var canvas = document.getElementById('canvas'); //canvasをidで取得 var ctx = canvas.getContext("2d"); //…

チルノをJavaScriptで歩かせるだけ01(描画)

今回のためだけにこんな画像を用意 これだけで疲れた... チルノ戦隊! わかりやすくするため画像は分割して拡大縁付けした 描画 <canvas id="canvas" width="256px" height="32px"></canvas> <script> var canvas = document.getElementById('canvas'); //canvasをidで取得 var ctx = canvas.getContext("2d"); //描画用contex…

Rubyって言語じゃない気がする

私自身低レベルでRuby読みづらくないかと思って調べていたら この記事よんで、なるほどと思ってしまった。 Rubyのソースが(まだ)直感的に読みにくい理由の1つ - 律 [for simple, minimal life] 普通ならこのjavaの一文から下のように推測するだろう 「整数…

まとめられないrubyのメモ

◉ログファイルなどを空にする : > access_log ◉webrick onerunnerサーバー起動 ruby -rwebrick -e 'Thread.start{WEBrick::HTTPServer.new(DocumentRoot:".",Port:"7777").start};gets' ◉オブジェクトのメソッド一覧 p [].methods p “”.methods ◉binding,pry…

blank?, present?が使えなかった[メモ]

nil? nilの場合true それ以外はfalse empty? StringやArrayに実装されているメソッド 空の文字列や配列の場合true nilに対して呼び出すとNoMethodError?が発生する(超注意) active_support blank? nil? + empty?のようなメソッド nilまたは空のオブジェクト…

gitで複数行のコメントを記載する方法

通常 `git commit -a` #変更をすべて ① git commit -F- <<EOM > コミットメッセージを複数行書く > > 行ごとにメインとサブなどで分けると良い > EOM ② git commit -m "コメントを" -m "" -m "複数行記載"</eom>

Git基礎部分

■masterブランチにプッシュするまで 1. git init 2. git add . 3. git commit -am "Initial commit" 4. git push origin master ※"add -> commit -> push"が基本的な流れになる git branch -b ブランチ名でローカル上で切り分けるか 直接gitのブランチ選択欄…

gemの確認方法3つ[メモ]

コマンド 説明 gem specification パッケージ名 gem help パッケージ名 #オプションなどの使用方法 gem which パッケージ名 #gemの場所(コード確認) gem unpack xxx.gem #gemのコード確認(インストールせずに取得) gem名って書こうとしたけどパッケージ名ら…

ゲームのようなブロック落下風のデザイン

$(function(){ var board_xcount = parseInt($(document.body).width()/100); var board_ycount = parseInt($(document.body).height()/100); var frame_block = $("<div>"). css("opacity", 0.5). css("width", 100). css("height", 100); var clearance_width =</div>…

記事にjavascriptを汚染しないよう書く

//空アプリケーション配列 if(typeof(TestApplicationArray) == "undefined"){ var TestApplicationArray = {}; } var applicationName = 'app_name';//アプリケーション名 if(typeof(TestApplicationArray[applicationName]) == "undefined"){ //アプリケー…

マインクラフト用に簡易バックアップバッチ作成(未圧縮)

簡易的なバックアップバッチ(bat) set backup_path=..\save_backup\ set interval=1800 set filename=backup :LOOP TIMEOUT /T %interval% set date=%date:~0,4%_%date:~5,2%_%date:~8,2% set time2=%time: =0% set time3=%time2:~0,2%_%time2:~3,2%_%time2:…

落下するブロック風_jQuery.cloneで要素を増やしただけ_

ゲームみたいなのを綺麗だから置いてみた ・クリックすると要素が落ちる ※`document.elementFromPoint`で座標上の要素取得して再帰的に落下させてる とりあえず見にくくなったしすごくじゃま 面白い事にブログ上のヘッダなども落ちてくる そのうち埋め込んだ…

canvasテスト(30分シューティング)

canvas置けない><; JSをモジュールパターン化しないと名前空間がまずい... bashalog.c-brains.jp canvasタグ置くだけじゃダメ?w 翌日... 1.HTML 2.JS 上の順置かないといけないのか???...あとウアサハかわいい JSから生成する分には置ける..えぇ.. "Hey, g…

ブログ最初の記事

最初の記事はFirebase確認 チルノ画像 var tiruno_img_url = { "up" : [ "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131020640.png?1485796241", "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflect…