はじめに 久しぶりにJavaを触りたくなったので、セットアップするまでの備忘録。 せっかく？なのでIntelliJ + Gradle + Spring bootで作ってみる。 前準備 IntelliJ 公式サイト からダウンロード可。 有料版のUltimateがあるけど、今回はCommunityの方をイン…

はじめに GoogleAppsScriptがほぼjsなのにes6でかけなかったり、 tsで書けなかったりちょっと残念だなとか思ってたら公式でサポートされてた。 今回はclaspを使ってtypescriptで書いてAPIを公開してみる。 TL;DR. 今回作ったサンプルコード インストールする…

TL;DR. 今回作ったサンプル はじめに 前回Webpackでビルドするところまでやったけど、 やっぱりファイルまとめたくなかったので色々したのが今回。 準備 前回の状態にしておく。 ちなみにフォルダ構成はこんな感じ。(tssrver→srcにしました。) . ├── node_mo…

はじめに 最近何かとよく聞くサーバレス。 firebaseで簡単にできるみたいな記事をよく見るので今回は自分でやってみる。 構成はfirebase + Vue.jsでやる。 内容としては超絶簡単なプロフィールみたいなものを作る。 TL;DR. https://mypage-e6eae.firebaseapp…

はじめに CSS書く時にいちいち調べながら書いてたけど、いい加減にちゃんと勉強しようと思った今日この頃。 素のCSSを書くのも良いかも知れないけど、せっかくなのでSass(SCSS)で書けるようにまとめる。 Sass(SCSS)とは CSSのメタ言語。 SassとSCSSの違いは…

TL;DR. ソース はじめに Angularでアプリを作っていると状態管理というかデータの取り回しについて困ることが多々あったりする。 そこでいろいろ調べた結果やっぱりRedux最強説がっぽい。 自力でReduxチックに実装したこともあるけど、 既にAngularに最適化…

はじめに ある日Watsonを使ってみようと思い何をするか悩んでました。 また別のある日Slackの会話を何かに使えないかと思って、データを抜くことを考えてました。 そしたらなんとSlackのデータは公式で取れるじゃないですか。 ※詳細はSlackの公式から これは…

TL;DR. ソースはここ はじめに 主に使っているのはAngularだけど、フロントエンドやっているのに他の名前しか知らないですはどうなんだろうと思い勉強を決意。 目標は色んな所に乗ってるVueのコードが読めること。 後は、Angularとの違いとかもちゃんと自力…

はじめに ReactiveFormこそAngularの花的な話をどこかで見た気がしたから軽くまとめる。 リアクティブフォームとは リアクティブフォーム は、時間とともに入力値が変わるフォームを扱うためのモデル駆動なアプローチを提供します。 このガイドでは、シンプ…

はじめに Angular7がリリースされたらしい。 とりあえず更新内容をざっくり確認。 英語は得意じゃないので間違いもあるかも。 原文 https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c 主なアッ…

TL;DR. コード 初めに 最近Expressを使うときが多々ある。 generatorがあるから雛形は一瞬で作れる。 当たり前だけど生成されるのはjs。 このままでも良いには良いんだけどTypeScriptで書きたい。 そこで、TSにリファクタリングした上でWebpackでビルドして…

TL;DR. TypeScript(javascript)で配列の型を調べる時は要注意。 IE滅ぶべし。 今回のソース はじめに ある日偉い人は言いました。 「これ、IEで動かしたいんだけど。」 運良く特に苦労も困りもしなかったけど、TS(JS)の型について改めて調べ直したから軽くま…

TL;DR. ソースコード 動作サンプル はじめに Angularを使っているので、RxJS自体は嫌でも使っていた。 必要なときに必要そうなものを検索して使っていただけなので、いい加減まともに勉強する。 RxJSとは RxJSは'Reactive Extensions for JavaScript'の略。 …

はじめに 名前はよく聞くけど直接使ったことなかったwebpack。 いい加減ちゃんと勉強してみようと思った回。 簡単なアプリを作って動かすとこまで。 TL;DR ソースコード。 実際の動きはこっち。 webpackとは 複数のファイルをまとめてくれるモジュールバンド…

はじめに JavaScriptを触ってるけど、thisの使い方は特に意識しないでやってきた。 thisの挙動が複雑だとか4種類あるとかは聞いたことあったけど、 その問題に直面することがなかったから無視してたというのが本音。 天からthisから逃げるなと言われてる気が…

TL;DR. ソースコード。 実行はNode.jsで。 はじめに for...inとfor...ofどっちがどっちか忘れるからまとめる。 ついでに他のforについてもまとめて、個人的なメリットデメリットも記載する。 forの種類 for for...in for...of Array.forEach() for 単純なfor…

はじめに ある日、Googleサイトの通知をSlackで受け取りたいという話がありました。 しかし、DriveやCalendarの通知を受け取ることはできるSlackくんですが、なんとSiteの通知は受け取れないのです。 調べたところ先人の方たちは自力で実装していた。 今回は…

npm scriptsとは package.jsonのscriptに書いてある下記のようなやつ。 (下のはnpm initの初期値) "scripts": { "test": "echo \"Error: no test specified\" && exit 1" } 事前準備 便利そうなやつがデフォルトで使えないから、先に入れておく。 # スクリプ…

はじめに Reduxについて勉強するために、Redux + Angularで簡単なアプリを作成する。 (React知らないので、Angularでやります・・・) 作成したアプリはこちらから Reduxとは Facebookが提唱しているFluxと言うアーキテクチャの派生形。 Reactと使われている…

はじめに SlackBotと会話するのが夢だったので、実現します。 前提 作業しているPC：Mac(Sierra 10.12.6) 雑談対話APIの準備 今回は、Docomo雑談対話APIを使う。 事前に色々登録を済ませてAPIキーを取得しておく。 申請に時間が〜みたいな事書いてあるけど、…

はじめに 久しぶりにラズパイでslackbotを動かしたくなったので、設定した内容まとめ。 過去に一度設定したけど、微塵も覚えてないので、まとめついでに一から設定します。 ついでに、前に設定してなかったip固定とかsystemctlに登録とかしときます。 前提 …

はじめに NoSQLのDBを触ったこと無いので、勉強をしてみようと言う回。 ついでにExpressから動かせるようにしてみる。 前提条件 macOS インストール homebrewでインストール。 brew update brew install mongodb brew install mongodbで下のエラーが出た。 E…

はじめに 最近Webアプリに関わることが多い水無瀬です。 Angularだけはやったことあるんですが、サーバ側を全くやったことが無いのでExpressでやってこうと思います。 インストール 公式？サイトを参考にコマンドを叩いていきます。 Nodeは入っている前提で…