Tambourine作業メモ

主にスキル習得のためにやった作業のメモ。他人には基本的に無用のものです。

CSS GRIDを勉強してみる(2)

CSS

developer.mozilla.org これを読んでる。 まず、初っぱなはここからスタートする。 HTMLはこんなの。 <div class="wrapper"> <div class="one">One</div> <div class="two">Two</div> <div class="three">Three</div> <div class="four">Four</div> <div class="five">Five</div> <div class="six">Six</div> </body> CSSはこんなの。重なってもわかるように半透明の色をつけてます。 .wrap…

CSS GRIDを勉強してみる(1)

CSS

フロントの技術について知らなさすぎるので、今度はCSSを勉強してみたい。 というわけで、CSS GRIDをやる。なぜかその前にBootstrapのhowtoビデオを見た エゲレス語が難しいので0.5倍速で見た。時間がかかった。コンセプトはわかったけど、HTMLの魔改造ぶり…

Angularで遊ぶ(7) - ディレクティブ - ngFor

お仕事だと一番よく使うかもしれない、要素をテーブルにするための繰り返しのディテクティブ。 TABLEなら繰り返しの指示は<table>に書く。 複数の要素を繰り返したかったら<ng-container>というダミーの枠を作る。 app.component.html <table class="table"> <tr> <th>No</th><th>通称</th><th>型式番号</th><th>主なパイロット</th> </tr> <tr *ngFor="let b of ms; index as i"> <td>{{i + 1}}</td> <td></td></tr></table></ng-container></table>…

Angularで遊ぶ(6) - ディレクティブ - ngIf

条件によって要素を追加・削除する。これは開発者ツールでみたDOMの変化が面白かった。 app.component.html <form> <label for="ifsample">表示/非表示</label> <input id="ifsample" name="ifsample" type="checkbox" [(ngModel)]="ifsample" /> </form> <div *ngIf="ifsample"> <p>見えてる?</p> </div> app.component.ts export class AppComponent { ifsample = false; }…

Angularで遊ぶ(5) - パイプ

テンプレートの機能にパイプというものがあって、 シェルのパイプのような記法で表示する変数を整形できる。 表示のための機能はテンプレートに寄せたいと、そういうことなのかな。 わざわざ新しい記法を入れてまでやることなのかとか、そんな気がしないでも…

Angularで遊ぶ(4) - データバインディング - 双方向バインディング

読んでもよくわからない・・・サンプルは以下 app.component.html <form> <label for="name">名前:</label> <input id="name" name="name" [(ngModel)]="myName" /> <div>こんにちは、{{myName}}さん!</div> </form> app.component.ts export class AppComponent { myName = '山田' } [ ]でViewへ向かう方向のバインド、( )でコンポーネントへ向かう方向のバインドを …

Angularで遊ぶ(3) - データバインディング - イベントバインディング

フロントの動作の核心、イベントの扱いでございましょう。 app.component.htmlはこんな感じ <input type="button" (click)="setCTime($event)" value="現在時刻" />{{ctime}} <hr /> <form> <label for="key">キー入力:</label> <input id="key" name="key" (keydown)="keylog($event)" /> </form> <div>キーコード:{{which}}…</div></hr>

Angularで遊ぶ(2) - データバインディング - 属性バインディングとクラス・スタイルバインディング

app.component.htmlはこんな感じ <table border="1"> <tr><td [attr.rowspan]="len">結合</td><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</td></tr> </table> <div class="line back" [class.fore]="clazz" [style.text-align]="align" [style.font-size.%]="fsize">…</div>

Angularで遊ぶ(1) - データバインディング - Interpolationとプロパティバインディング

この本で勉強してる。安定の山田祥寛クオリティ。感謝しかない。Amazonへのリンクを貼ってますが、技術評論社の本なのでPDF版が買えますからそちらをお勧め。下のリンクからどうぞ。 Angular アプリケーションプログラミング | Gihyo Digital Publishing … …

ANGULAR QuickStartをやってみる

プロジェクトの切れ目ってこともあり、新しいものを勉強する。 なので、買って1年ぐらいほったらかしのAngularの本をやる。 まず、githubにあるquickstartを取ってこいと書いてあるので観に行くと、 quickstartはCLIツールをインストールしてそこから取るよ…

Rを触ってみろ

・・・と会社から言われたので、イジってみる。とりあえず、Rを使うような仕事が目の前にあるわけではないんだけども。R自体はhttps://www.r-project.org/から入れる。今回は今時点の最新らしいR-3.5.1.pkgをダウンロードした。あとはインストーラーの言われ…

Apache Spark で遊びたい(3)

DatasetのAPIドキュメントは、> https://spark.apache.org/docs/latest/api/scala/index.html#org.apache.spark.sql.Datasetにあると書いている。次に進む前にちょっと眺めてみる。説明書きに書いてあることをまとめておく。 Dataset とは別にDataFrameとい…

Apache Spark で遊びたい(2)

本家のQuick Start(https://spark.apache.org/docs/latest/quick-start.html)をやってみる。最近ちょっと勉強しかけているScalaの方をやってみる。 > spark-shell 2018-05-03 16:40:22 WARN NativeCodeLoader:62 - Unable to load native-hadoop library for…

Apache Spark で遊びたい(1)

なんだかインストールばっかりしている気がするが、まあ、そんなものである。社内の勉強会で、ちょっくらApache Sparkを触ってみることになった。まずは、環境の確認 > python --version Python 3.6.0 :: Anaconda 4.3.0 (x86_64) > java -version java vers…

Apache Spark で遊びたい(4)

Quick Startの続き。"More on Dataset Operations"に沿って遊んでみる。データは、大昔のとあるサーバのjavaheapのデータを使うことにする。こんなデータ。 > head -n5 javaheap.app01 09:00:11 550792720 1543502336 09:01:10 321361976 1543502336 09:02:1…

Hyperledgerで遊ぶ(4) - いよいよインストール

npmでインストールするらしい。 > npm install -g composer-cli npm WARN deprecated fs-promise@1.0.0: Use mz or fs-extra^3.0 with Promise Support npm WARN deprecated crypto@0.0.3: This package is no longer supported. It's now a built-in Node m…

Hyperledgerで遊ぶ(3) - node.jsはv6じゃないとだめだって!

で、いよいよHyperledgerを入れようとすると、node.jsのバージョンはv6までじゃないとだめだというhttps://hyperledger.github.io/composer/installing/development-tools.html The following are prerequisites for installing the required development to…

Hyperledgerで遊ぶ(2) - いろいろとインストール

引き続き、pre-reqをインストールしていく。nodeはインストール済みなので、brew upgrade nodeで最新化。Dockerはbrew cask install dockerする。VSCodeはMicrosoftからダウンロードして普通にインストールした。Hyperledger Composer Extension for VSCode…

Hyperledgerで遊ぶ(1) - nvmのインストールで挫折

何やらインストールばかりしているようで何も身についていない気がしなくもないが、今度はHyperledgerで遊んでみることになった。https://hyperledger.github.io/composer/installing/installing-index.htmlを見ながら進めてみることにする。"Installing the…

Gradleでjarをつくる(4)

CommonとCommonDAOの間の依存関係はちゃんと作れた。 後は、2つのプロジェクトのbuild.gradleの共通部分を、architect直下のbuild.gradleに移しておく。 architect/ setting.gradle build.gradle Common/ build.gradle CommonDAO/ build.gradle 共通のbuild.…

Gradleでjarをつくる(3)

こんどは(2)でビルドしたプロジェクトに依存しているプロジェクトをビルドする。ちなみに今回ビルドしようとしているのは、Commonプロジェクト。前回ビルドしたのはCommonDAOプロジェクトである。もちろん、順番にビルドすることにして、依存先のbuildディレ…

Gradleでjarをつくる(2)

マルチプロジェクトのJavaのWebアプリケーションをGradleでビルドする試み。前回は、依存するClassがないぞーと怒られる。そりゃそうだなと思う。まずは、他のプロジェクトに依存しないプロジェクトからやってみるべきである。というわけで、別なプロジェク…

Gradleでjarを作る

ひとつずつやってみよう。まずは、サブプロジェクトの位置に直接build.gradleを置いて、jarを作ってみることである。プロジェクトにはsrcディレクトリだけがあり、その下には長い長いパッケージ名の彼方に20ぐらいのjavaコードがある。src/jp/co/hoge/fuga/.…

Gradleをなぜ持ち出してきたのか

仕事で作っているWebアプリをビルドする必要があるため。ウチの会社だと、ともすれば、EclipseでビルドしたEarを人間様がどこかに配置するというスットコドッコイな運用が行われたりするが、私が管理するプロジェクトでそんなことはさせない・・・という思い…

gradleのインストール

インストールはいつもの手順 > brew install gradle ==> Downloading https://services.gradle.org/distributions/gradle-4.1-all.zip ==> Downloading from https://downloads.gradle.org/distributions/gradle-4.1-all.z ################################…

日誌用のRakefileとCSS

日々の作業記録とか日誌のようなものをMarkdownで書いて、pandocでHTMLに変換して閲覧している。昔は、ローカルにtDiaryを立ててRDで書いていたんだけど、このぐらいのことならWebサーバを動かすまでもないのでこのスタイルになった。公にしてよい日々の駄文…

LaCoocanからHerokuへの移行

RubyのCGIをいっこ使いたいがだけのためにずっと惰性で契約していたLaCoocanだが、さすがにお金がもったいない気がするので移行しようかと思う。試して見よう。移行先はとりあえず、Herokuにしてみますかね。https://devcenter.heroku.com/articles/getting-…

[Mac]Eclipseの字を大きくする

それはそれとして、なんだかEclipseは字が小さくて、プライバシーフィルダー越しだと字がよく読めない。なんでシステムと同じになっていないのかわからないけど、http://www.karakaram.com/eclipse-fontを見て、eclipse.iniを書き換えたら普通になった。Mac…

[Mac] Javaを触るのでEclipseを入れた

しかし、Eclipseはあまり好きじゃない。好きじゃない理由は、あまりにもよく出来ていて複雑すぎるからだ。大変にIBMらしいソフトウェアだと思う。IBMという会社には頭が良い人がたくさんいる。そして、みんな自分が頭が良いと思っているので、問題は解決でき…

try!と例外

「try!は?演算子になったらしい」と助言を下さったるいも師匠が、自身のブログに?を使った例を載せている。この例の様に、try!(および?演算子)はResultがErrであった場合の即時リターンの機構である。そう理解すれば、main()から呼んだら怒られるのは当然だ…