http://qiita.com/hkanda/items/e7c6001e356cfda3d783 を見て書いた。 以下、対話環境での断片と完全なプログラムがごっちゃになっているけど、1.1×2.2 をいろいろな言語でシンプルに書いてみた結果：

前回、React Routerを使ったルーティング、サーバーとのデータ通信までできました。しかし、これまでECMAScript 5 (ES5) でJavaScriptを書いてきましたが、grails-react-boilerplateではECMAScript 2015 (ES2015) でJavaScriptが書かれています。 今回はBabelを使って、ES2015に対応できるようにしてみます。 引き続き、以下の記事とリポジトリを参考に進めます。 uehaj.hatenablog.com github.com Babel 以前は6to5と呼ばれていたトランスパイラ。JSXも標準でサポート。本稿ではwebpackのローダの一つとして使用 Babelの説明はこう書かれてます。トランスパイラとはコード変換ツールのようなものっていう理解でいいのでしょうか。Babelを使うとES2015のコードをE

build.gradle 内でデフォルト値を設定しておき、 gradle.properties の設定値があればそちらで上書きする。 build.gradle の頭のあたりにデフォルト値と gradle.properties からの読み取りコードを以下のように書いておく。 configDir は def なり ext { } なり適宜環境に合わせて。 configDir = 'conf' // ← デフォルト値 if (project.hasProperty('config.Dir')) { configDir = getProperty('config.Dir') } そして設定ファイルの gradle.properties に以下の通り書けば、そちらが優先される。 config.Dir = conf_devファイルやプロパティ設定がなければデフォルト値が使われる。 後は、以降のタスク設

IntelliJ IDEAで開発したgroovyプロジェクトをgradleを使ってjarにビルドする方法をまとめてみる。 groovyだと簡単なライブラリや実行可能なスクリプトとして作ることが多い。そのため、IDE上でしか実行できないのはいろいろと不便なので、IntelliJ上でビビルドして実行可能jarファイルを自動で作れるようにした。せっかくなので、gradleを使ってみる。 今回の環境は以下。 Mac OS X Yosemite 10.10.5 IntelliJ IDEA 14.1.2 (Community Edition) gradle 2.6 groovy 2.4.3 gradleインストール まず、gradleをインストールする。 以下から現時点で最新のgradle 2.6 (gradle-2.6-all.zip)をダウンロードし、取得したzipファイルを適当なパスに展開する。

GroovyでSpark Framework（Apache Sparkじゃない方）を使いたかったので、IntelliJで環境をつくってみました。 JDKのインストール Spark FrameworkはJava1.8のラムダ構文前提なので、Java8をインストールしてください。 IntelliJのインストール ここからCommunityエディションをダウンロードします。 https://www.jetbrains.com/idea/ 最新版はIntelliJ IDEA 15 CE ideaIC-15.0.2-custom-jdk-bundled.dmg ダウンロードが終わったらインストールして起動します。 プロジェクトの作成 Create New Projectを選んでGradleとGroovyを選択します。Project SKDにはJava8を指定してください。 2つめの画面で、Group

https://wiki.jenkins-ci.org/display/JENKINS/Gradle+JPI+Plugin にある build.gradle のサンプルをコピペして適宜編集して保存。 confluenceよりもGitHubの説明の方が詳しいです。 https://github.com/jenkinsci/gradle-jpi-plugin Gradle JPI Plugin が gradle 2.3でしか動かないようなので $ ./gradlew build --stacktrace feature. :localizer UP-TO-DATE :stapler UP-TO-DATE :compileJava :compileGroovy Picked up _JAVA_OPTIONS: -Dfile.encoding=UTF-8 :processResources UP-

著者：ふじさわゆうき 更新日:2016/01/14 UnityでC#の開発をできるようにする必要があったのでそのメモ 前提環境 Mac Homebrew Homebrew — OS X 用パッケージマネージャー Atom 以下、参考にインストールする Homebrew Cask で Atom を、apm で Atom のパッケージを導入したメモ - Qiita 【超おすすめ！！】Atomのパッケージ、テーマ、キーバインディング、設定を紹介してみる（※随時更新） - Qiita AtomでC#を扱うのに必要なもの omnisharp-atom $ apm install omnisharp-atom .NET Version Manager (DNVM) $ curl -sSL https://raw.githubusercontent.com/aspnet/Home/dev/dnvmins

shell-switcher.el は、複数のシェルバッファを立ち上げ、切替えられるようにします。 eshell/shell/ansi-termに対応しています。 マイナーモード M-x shell-switcher-mode で以下のコマンドが使えるようになります。 C-' 最初の2つのシェルバッファを立ち上げる C-'の後の' シェルバッファを切替える C-M-' 強制的に新しいシェルバッファを立ち上げる C-x 4 ' C-'に似ているが、別ウィンドウで表示する C-M-'で複数のシェルを立ち上げ、C-'で直前のシェルバッファに切替え、以後'を押すことで順次複数のシェルに切替えられるということです。 複数のシェルバッファを使いたいのならば便利でしょう。 Fig1: C-' Fig2: もう一度C-'。

vagrant-trampというelispがある。trampはemacsでリモートのファイルをまるでローカルであつかっているかのように操作できるelispであるが、vagrant-trampはそのvagrant用である。 github.com インストールは例のごとくpackage.elから取ってくるとかいろいろ。 使い方 Vagrantで仮想環境を作っている時に、emacs上で以下のコマンドを実行する C-x C-f /vagrant:これを実行した後にtabで補完すると対象のVagrantのbox名が出るのでエンター。 これでVagrantにtrampでアクセスできる。

M-x ido-occur は M-x occur のようなバッファ内検索を行い、結果をidoで選択します。 swiper.el(レビュー) と似ていますが、絞り込み検索はできないようです。 Fig1: M-x ido-occur Fig2: wikと入力

Wie man eine Grails 2 Anwendung nach Grails 3 portiert habe ich im letzten Post beschrieben. Aber darüber reden kann man viel, besser ist ein Beispiel. Dafür muss immer meine kleine „PetShop“ Anwendung herhalten, die ich auf Grails 3 portiert und den Code auf Github veröffentlicht habe. Neben der Vererbung von Domain Klassen enthält sie auch die Authentifizierung / Security über das spring-securit

boron-theme.el は、以下のパッケージに対応したカラーテーマです。 linum link header-line mode-line isearch tooltip js3 cua-rectangle magit flyspell flymake git-gutter diff font-lock rainbow-delimiters

Java入門ではさらっと以下のように書いた、コンストラクタでインスタンスメソッドを実行することについて掘り下げてみます。 コンストラクタからインスタンスメソッドを使用することは可能ですが、避けたほうが無難です。 コンストラクタの実行中はインスタンス自体が構築中のため、初期化が完了していない状態でメソッドが実行されることになります。 Javaエンジニア養成読本 [現場で役立つ最新知識、満載!] (Software Design plus) 作者: きしだなおき,のざきひろふみ,吉田真也,菊田洋一,渡辺修司,伊賀敏樹出版社/メーカー: 技術評論社発売日: 2014/11/11メディア: 大型本この商品を含むブログ (6件) を見る 文章だけで伝えるのはなかなか難しいものだとも思いますし、 本に書いたのに実際にこの問題を見た時に即解決できなくて悔しかった ので、 突っ込んでしっかり書くことにしま

この記事は .emacsアドベントカレンダーの19日目の記事です。 新しいPCを買いましたら、最初にする事は環境の構築ですね。特にプログラミング環境を整えるのはとても重要です。 最近は.emacs.dディレクトリをまるごとドロップボックス等のクラウドストレージに入れている人もいるようですが、これらの設定ファイル群はやはりgitで管理したいという人も多いと私は信じています。 ここで問題になってくるのが、elpa/melpaやel-getから落としてくる、emacsのパッケージ群です。 日々新しくなっているパッケージ群ファイルや、el-getのビルド成果物を手元のgitで管理するのは非効率に過ぎるので、これらは「設定ファイル」のためのリポジトリにはなるべく置きたくありません。 ですがこれらのパッケージ群の本体をバージョン管理から外してしまうと、単純に「git cloneして一発で環境再現完了」

Build Init Plugin init タスクで build.gradle などをよろしく作れます。 試験的な提供なので将来が計画されていますが、Gradle 2.3 時点でどのようなになるかメモしておきます。 (2017/02/22 追記) 現在は java-application が追加されているので加えました。 Gradle 4 の場合は以下を参照ください。 blog1.mammb.com basic タイプ指定なしで basic 指定とみなされます。 gradle init ディレクトリはこんな状態になります。 build.gradle は以下の内容で生成されます。 /* // Apply the java plugin to add support for Java apply plugin: 'java' // In this section you declare wh

入社3年以内に大きな差がつき、将来の道が分かれる時代になった。こんな時代だからこそ「きちんとしている」と、ミドルクラスだけでなく、エグゼクティブ、トップ層に評価されることの重要性が年々高まってきている。では、“きちんとしている”“できる社員”と言われるための最低限のポイントは何だろうか。エグゼクティブ、トップ層向け「スピーチコンサルタント」として活躍する元NHKキャスター17年のキャリアを持つ矢野香。「信頼を勝ち取る」話し方、行動の仕方を5回にわたってお届けする。 印象がいい人と悪い人の違いとは 質問のあとの返事で、印象がいい人と悪い人がいます。印象が悪い人は、たいてい、3大タブー言葉を使っています。 3大タブー言葉とは、「了解しました」「なるほど」「参考になりました」です。 「了解しました」はよく使う言葉ですが、一般的なビジネスマナーとして、目上の人に使うのは避けたほうがいいとされていま

Carta, a once-high-flying Silicon Valley startup that loudly backed away from one of its businesses earlier this year, is working on a secondary sale that would value the company at…

まえにこれ、書かなかったっけ？ ■論文に死んでも書いてはいけない言葉 こう言い換えろ→論文に死んでも書いてはいけない言葉３０ http://readingmonkey.blog45.fc2.com/blog-entry-557.html っていうのがあるってはなし。 ■これの英語版があるみたい。 （英語版）こう言い換えろ→論文に死んでも書いてはいけない言葉３０ http://readingmonkey.blog45.fc2.com/blog-entry-650.html おお、これ、参考になりそうだ。URLをメモメモ！ ■個人的には、これが重要！！ 言葉と思考の解像度を上げる→つぶやきをフォーマルな英文に仕上げる４つの技術 http://readingmonkey.blog45.fc2.com/blog-entry-651.html ■ちなみに、英文査読結果の例文集としては、これが有名らし

Carta, a once-high-flying Silicon Valley startup that loudly backed away from one of its businesses earlier this year, is working on a secondary sale that would value the company at…

By Bob Mical 人工知能を実現する技術の1つである機械学習は、数多くのデータを解析することで一定の規則やパターンを抽出してアルゴリズムの生成を行います。その学習段階で与えられるデータは数が多いほど学習の精度が高まるとも言えるわけですが、個人はもちろん、研究機関においても質と量をクリアするデータを確保することは難しいもの。そんな機械学習に活用できる巨大データセットの提供開始をアメリカのYahoo！が発表したのですが、そのデータは1000億件を超えるという超巨大なものになっているようです。 Yahoo Releases the Largest-ever Machine Learning... | Yahoo Labs http://yahoolabs.tumblr.com/post/137281912191/yahoo-releases-the-largest-ever-machin

共有プール・ラッチが空き領域を探すために空きリストをスキャンして適切なチャンクを割り当てる作業を保護するなら、ライブラリ・キャッシュ・ラッチはSQLを実行するためにライブラリ・キャッシュメモリー領域を探索して管理する全ての作業を保護します。 ライブラリ・キャッシュ・ラッチはCPUカウントより大きい素数中一番小さい数だけ子ラッチを持ちます。 ライブラリ・キャッシュ・ラッチを獲得する中で競合が発生すると、latch:library cache待機イベントを待機します。ライブラリ・キャッシュ・ラッチ競合は主に次のような場合に発生します。 ハード解析やソフト解析が多過ぎる場合 バージョン・カウントが高い場合 SGA領域のページ・アウトが発生する場合 共有プール・ラッチ競合が主にハード解析による空きリストの探索によって発生するように、ライブラリ・キャッシュ・ラッチ競合の最も重要な原因もハード解析にあ

パナソニックが、スマホで撮った写真をカンタンらくらく保存・共有することが可能な「パーソナルメモリーマネージャー」を2016年2月17日に発売することを発表しました。PC関連に詳しくない人でも簡単に写真の保存ができるようにしたもので、本体内に32GBのストレージを内蔵するほか、SDメモリーカードスロットを搭載しており、デジカメなどで撮影した画像をSDカード経由で直接取り込むことが可能になっています。 パーソナルメモリーマネージャーは、別売りのWi-Fiルーターを経由したWi-Fi接続でスマートフォンと接続し、自動で写真を保存することが可能。Wi-Fi経由の保存の際には写真を自動でリサイズして容量を削減できるようになっています。SDカードを経由したデータ保存も可能となっています。また、保存したデータはWi-Fiを使ってスマートフォンやPCで閲覧できるほか、「お部屋ジャンプリンク(DNLA)」機

遅くまきながら、大人の事情で献本していただけなかった（笑）「Amazon Web Services 実践入門」を買って読みました。 タイトルのとおり、まさに AWS を実際に業務で使う上で必須の本になります。 内容的には、アカウント開設から、EC2、Route53、VPC、S3、RDS、ELB、CloudWatch、IAM、といったウェブサービスを AWS 上で展開するにあたっての必須となるサービスについて、ウェブコンソール上での操作方法、コマンドラインでの操作方法、それぞれまとまっており、とても分かりやすい内容でした。出力画面数も、大変数が多く、解説もとても分かりやすい内容でした。 普段から AWS を使っている人も、きっと改めての再確認やもしかしたら知らないこと・忘れていることを再確認できる本になると思います。 ちなみに僕は、この本を読んで 次のことを改めて知りました。 CloudWa

Carta, a once-high-flying Silicon Valley startup that loudly backed away from one of its businesses earlier this year, is working on a secondary sale that would value the company at…

年末に、ビジネス仲間が静岡に寄ってくれました。時間が短かったので、駅前でお茶でもということに。せっかくなので、葵タワーの最上階のレストランへ。 景色が良くて、素晴らしかったです。気分が良くなって、新しいアイデアが浮かんできそう。 葵タワーは静岡駅北口から地下道へ下りて左方向へ。地下からエレベーターが利用できます。 ヴォーシエルというレストランです。14:30～17:30はティータイムになっています。 この日は、海側の席に案内されました。富士山が見えていれば、東側に通されるのかな？ 良い景色です。駿河湾の向こうに伊豆半島が見えました。 私はアイスコーヒーを注文。このシチュエーションにしては、リーズナブルなお値段です。 夕方だったので、日が落ちて、街に光が。 静かな雰囲気の中、眼下の景色を眺めながら、ゆっくりお話することができました。 ヴォーシエル

日々の仕事や生活に忙殺されるばかりで、何の達成感もなく、従って充実感もまったくない。 もしそう感じているとしたら、それは誤解です。 なぜか？ 何かをすれば、必ずその瞬間に何らかの達成感が生じているはずだから、です。 ライターで火を付けるとき、一瞬だけ火花が散るように、どんな行動であれ、それまでの沈黙を破るための“点火”が必要です。 点火のためには、エネルギーを一点に集中させる必要があります。 言い換えれば、よそにエネルギーを回すのを一時的に停止する、ということです。 この、エネルギーの集約を行っているときに人は充実感を覚えるのではないでしょうか。 その結果、めでたく火がともったとき、そこに達成感という煙が静かに立ちのぼるのです。 残念ながら、火花も煙も、またたくまに消えてしまいます。 だからこそ、記録しておく必要があるのです。 何を記録するか？ どのようにエネルギーを一点に集中させたのか？

Evernote には、テキストや音声、画像・写真、ファイルなど、様々な形式の情報を意識することなくまとめていくことができますが、Evernote に保存する画像や PDF には、矢印、図形、線などを描き込むことができるのはご存知ですか？（PDF への描き込みは、Evernote プレミアムの機能です。） Windows 1) ノート内に添付した画像上にカーソルを合わせると、この画像に「描き込み」とこの画像を「開く」ボタンが表示されます。左側の「描き込む」ボタンをクリックします。 2) 画像が開き、左側にツールが表示されます。 Mac 1) ノート内に添付した画像上で、Control ボタンを押しながらクリック（右クリック）すると、コンテクストメニューが表示されます。「この画像に描き込み…」を選択します。 あるいは、ノート右上に表示される「描き込み」ボタンをクリックし、描き込みたい画像を選

前世代PK-113と比較。違いは？PK-213の1つ前の世代であるPK-113と比較してみましょう。 立てた状態で見ると、黄緑とオレンジの違い以外はほとんど同じ。 最も大きく変わったのは、カットラインの見やすさ。 PK-213では、カットラインが太く鮮明になった上にカバーも反射しにくい素材となり、グッと確認しやすくなっています。 PK-113だと、この通り。覗き込めば見えないことはないのですが、写真でわかるように反射＆線の細さでかなり見えづらい。 違いは一目瞭然ですね。 ですが、それ以外は見た目もスペックもほとんど同じ。 PLUSのサイトによれば、両者の違いは以下の通り。 ・光るカットラインの長さが倍に伸長！ A4短辺の裁断位置を端から端まで確認可能に ・A4用紙を半分に切り分けやすい「補助ガイド」で、作業スピードアップ ・前カバーの形状変更で反射を大幅に低減 ・カットラインの視認性など細