すごいHaskell本のイントロダクションで躓くの巻

haskell勉強しようと思ってすごいH本、m1 mac + vscode + remote container で環境作ろうと思って .devcontainer.jsonをこうして { "name": "HaskellDevContainer", // DockerhubのHaskell公式イメージ "image": "amd64/haskell", "extensions": [ // Haskel…

M1 mac docker pullできない問題

問題 ❯ docker pull ubuntu Using default tag: latest Error response from daemon: Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting for connection (Client.Timeout exceeded while awaiting headers) 解決 インストー…

M1 mac miniを買ったので設定していく2

alfred clipboard historyを使うためpowerpackを購入する。 Alt Altでclipboard historyが起動するように設定する。 spotlightはdisableにする。 cmd escでalfredが起動するように設定する。 BetterTouchTool とりあえずインストールしてライセンスを購入す…

M1 mac miniを買ったので設定していく

Homebrew /optにインストールする。 cd /opt curl -L https://github.com/Homebrew/brew/tarball/master | tar xz --strip 1 -C homebrew # パスは手動で通す echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile rictyフォントをインストール…

iPhoneでのテキスト編集

3本指タップをすると、Undo、redo、コピー、ペーストのアイコンが画面上部に出てくる。

XREAサーバーに自動デプロイ

gitHubにpushしたら自動でサーバーにデプロイされるようにする サーバー:XREA(無料プラン) ローカル環境 apacheインストール済 $ which apachectl /usr/local/bin/apachectl $ vim /usr/local/etc/apache2/2.4/httpd.conf # ドキュメントルートの設定 Docum…

大量データ作成SQL

環境 MacBook Pro Docker Version 18.03.1-ce-mac65 参考URL https://qiita.com/lethe2211/items/0bb493fa93a0088cfac9 https://qiita.com/daiki_hirano/items/e331a0017250c75e7a07 https://qiita.com/kooohei/items/0e788a2ce8c30f9dba53 https://github.c…

ボットを作る(hubot + slack + heroku)

開発環境 vmware上のubuntu macからemacsでファイルを編集する。 vmwareのubuntuを起動しておく macのコンソールからの接続: ~ $ ssh ユーザー名@サーバー名 macのemacsからの接続: C-x C-f /ssh:ユーザー名@サーバー名:/home/ubuntu/workspace/ node.jsの…

SeleniumとPhantomJSの環境構築

Docker上にUbuntuの構築 $ docker pull ubuntu:16.04 $ docker run -it ubuntu:16.04 Python3とSeleniumのインストール apt-get update apt-get install -y python3 python3-pip pip3 install selenium pip3 install beautifulsoup4 PhantomJSのインストール…

pythonとかdocker

作業の覚書 python emacsでpythonが自動補完できるように設定 $ sudo easy_install pip $ sudo pip install virtualenv init.el追記 (require 'python-mode) (setq auto-mode-alist (cons '("\\.py\\'" . python-mode) auto-mode-alist)) (require 'jedi) (a…

Expressのセキュリティ設定

helmetモジュールでHTTPに於ける脆弱性となるヘッダを取り除く 対応前の確認 プロジェクトの生成とExpressに必要なnpmパッケージのインストール $ express express-helmet $ cd express-helmet/ $ npm install サーバーの起動 $ DEBUG=express-hlmet:* PORT=…

node.jsのフレームワークを導入する

ジェネレーターのインストール&必要なファイルの作成 $ npm install -g express-generator /home/ubuntu/.nodebrew/node/v4.7.0/bin/express -> /home/ubuntu/.nodebrew/node/v4.7.0/lib/node_modules/express-generator/bin/express-cli.js + express-gener…

Emacsでタグジャンプできるようにする

インストールなど GLOBALというのが必要 GLOBALの対応言語を増やすのにPygmentsというのが必要 macなら以下で済む $ brew install global --with-exuberant-ctags --with-pygments $ export GTAGSLABEL=pygments 任意の場所でgtag実行 /usr/local/var/www/ht…

iTuenes 12.7にアップグレードしたら起動しなくなったのでiTunes12.6にダウングレードして起動できるようにする

Mac

環境 MacBook Pro(13-inch, 2017) iTunesライブラリはNAS(I-O DATA HDL2-AAシリーズ)で管理 現象 アップデートの表示が出ていたのでアップデートしたところ、iTunesがフリーズして一向に起動しない。 iTunes再起動やOS再起動しても解決しないのでiTunes12.6…

windows10 + emacs + oracleでの文字化け

環境 emacsインストール済み windows10インストール済み oracle12cインストール済み 問題 emacsからM-x sql-oracleしてsql-plusをバッファに表示させると文字化けしている 対策 oracleのキャラクタセットを確認 sql-plusから select * from NLS_DATABASE_PAR…

JVMのソースコードを読むための準備

JDK/JRE/JVM JVMとは Javaバイトコードとして定義された命令セットを実行するスタック型の仮想マシン(Java Virtual Machine) 。JRE(Java Runtime Environment)に入っている。 JREとは Java実行環境。JVMやAPIが入っている。 JDKとは Java開発キット(Java Dev…

Linux+eclipse+JavaFX

Linux(Ubuntu)にeclipseをインストールしたが、JavaFXが使えない→下記インストールする必要がある。 Eclipse→ヘルプ→新規ソフトウェアのインストール→ http://download.eclipse.org/releases/mars→一般用ツール→e(fx)clipse - IDE

JavaScript スタイルシートを操作する②

<link rel="stylesheet" type="text/css" href="style.css"/> <script type="text/javascript"> //className.html //外部スタイルシートで定義されたスタイル(スタイルクラス)にアクセスするには //classNameプロバティを使用する。 function changeStyle(elem, clazz){ //指定要素に対して、スタイルクラスclazzを適用する elem.className = clazz; } </script> </link>

JavaScript スタイルシートの操作①

<script type="text/javascript"> //JavaScriptからスタイルシートを操作① //インラインスタイルにアクセスする。<div>タグにマウスポインタを載せたタイミングで背景色をピンクに、外したタイミングで下の白色に切り替える。 function changeStyle(elem, color){ elem.style.backgroundColo</script>…

JavaScript 新規にノードを追加する

<script type="text/javascript"> //新規にノードを追加する //フォームに入力した内容を下にページ下部に対応するリンクを追加する //追加ボタンをクリックしたタイミングで実行されるadd関数 function add(f){ //<a>タグを生成 var anchor = document.createElement('a'); //<a>タグのhref属性を</a></a>…

JavaScript ウィンドウサイズやスクロール位置を操作する

<html> <head> <body> <input type="button" value="scrollTo" onclick="window.scrollTo(0,200)"/> <input type="button" value="moveBy" onclick="moveBy(100,100)"/> <input type="button" value="resizeBy" onclick="window.resizeBy(50,50)"/> 1<br> 1<br> 1<br> 1<br> …</body></head></html>

JavaScript タイマー機能の実装

<script> //タイマー機能の実装 //タイマーIDを格納するためのグローバル変数 var timer; //ページロード時にタイマー処理を登録 window.onload = function(){ timer = window.setInterval( //現在の時刻を<div id='result'>タグに表示(1000ミリ秒ごとに更新) function(){ var dat =</div>…

JavaScript サブウィンドウを生成する

<script type="text/javascript"> //サブウインドウを表すWindowオブジェクトを格納する変数 var subwin; //サブウィンドウを開くボタンクリック時に実行 function win_open(){ subwin = window.open('http://www.wings.msn.to/', 'Sample', 'width=600,height=300,scrollbars=yes,location=…

JavaScript ハンドラー3

<script type="text/javascript"> //ページロード時に実行されるイベントハンドラを登録 window.onload = function(){ //ボタンクリック時に実行されるイベントハンドラを登録 document.getElementById('btn').onclick = function(){ window.alert('ボタンがクリックされました'); }; }; </script> <input id="btn" type="button" value="ダイアログ表示"/> …

JavaScript ハンドラー1

<script type="text/JavaScript"> function btn_onclick(){ window.alert('ボタンがクリックされました'); }; //--> </script> <input type="button" value="ダイアログ表示" onclick="btn_onclick()" /> 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: 大型本この商品を含…

JavaScript 継承

<script> //クラスベースなオブジェクト指向によく似た継承を実現する方法 //予め用意したMemberクラスを継承してSpecialMemberクラスを定義する function initializeBase(derive, base, baseArgs){ base.apply(derive, baseArgs); for(prop in base.prototype){ var…

JavaScript コンストラクタ

<script> var Member = function(firstName, lastName){ //thisはコンストラクタによって生成されるインスタンスを表す。 this.firstName = firstName; this.lastName = lastName; this.getName = function(){ return this.lastName + ' ' + this.firstName; } }; va</script>…

JavaScript クラス

<script> //JavaScriptのオブジェクト指向はプロトタイプベースのオブジェクト指向であり //クラスベースのオブジェクト指向ではない // 「クラス」を定義 var Member = function(){}; //インスタンス化 var mem = new Member();//JavaScriptでは関数にクラスとして</script>…

JavaScript this

<script> var Member = function(firstName, lastName){ //thisはコンストラクタによって生成されるインスタンスを表す。 this.firstName = firstName; this.lastName = lastName; this.getName = function(){ return this.lastName + ' ' + this.firstName; } }; va</script>…

オブジェクト指向 JavaScript1

<script> //JavaScriptのオブジェクト指向はプロトタイプベースのオブジェクト指向であり //クラスベースのオブジェクト指向ではない // 「クラス」を定義 var Member = function(){}; //インスタンス化 var mem = new Member();//JavaScriptでは関数にクラスとして</script>…