React Hooksの基本
React Hooksは、Reactの関数コンポーネント内で、状態（データの保存）を管理したり、アプリケーションの動作を制御したりするための方法を提供します。この記事では、React Hooksの基本的な使い方について説 […]
「コーディング」の記事一覧
【javascript / typescript】擬似サーバを立てて通信を受けて返す
業務でサーバ通信のテストが必要だったので、javascriptでサーバを立ててみた。 通信できれば良かったので、返却値とかは特に考慮していないので、返却する値等は調整してもらえればと。。。 TCP用とUDP用の2種類を作 […]
【javascript / typescript】Arrayのconcatの使い方
concatを使ってみる。 typescriptで書いてみる 今回は、クロージャーを使用した書き方にしてみました。 やってることは簡単で、渡した配列を結合してくれます。 結果はこうなります。 target2を結合したもの […]
【javascript / typescript】Arrayのincludesの使い方
includesを使ってみる。 includesは配列の中に合致するものがあるかないかを調べる際に有効です。 typescriptで書いてみる 今回は、クロージャーを使用した書き方にしてみました。 やってることは簡単で、 […]
【開発環境】Eclipseでよく使うショートカット整理
Eclipseは高機能なので、ショートカットを覚えておくとかなり効率よく作業することができます。 呼び出し元を検索する Control + Alt + H 元いた場所に戻る Alt + ← フォーマット実行 Contro […]
【javascript / typescript】ArrayのforEachの使い方
forEachを使ってみる。 ループを書く時によく使うので、覚えておいた方が良いでしょう。 当記事では、最初にtypescriptで書いた場合について記載しており、javascriptでの書き方は後述しています。 typ […]
【javascript / typescript】Arrayのmapは便利なので使い方を覚えておこう
javasciprtを扱う場合、結構頻繁に使用することであろうmapについて、簡単に整理しておこうと思います。。 この記事では最初にtypescriptで書いていきますが、記事の後ろにjavascriptバージョンも載せ […]
【javascript / typescript】jsファイル、tsファイルを簡単に実行する方法
jsファイルやtsファイルを実行する方法を整理しておきます。 jsファイルを簡単に実行する方法 jsファイルをサクっと動かしたい時は、OSの標準、またはnode.jsを用いて実行します。 sample.jsを作ったと仮定 […]
Angular Materialでモーダルを作る時に’hasAttached’関連で怒られる
Angular Materialを使って、モーダルを作ろうと思った時にどハマりしたので、残しておこうと思います。 いや〜、ホントはまりました・・・ Angular MaterialでDialogを実装する まずは、普通に […]
Angularのmodule.tsに書く@NgModule内の記載について整理しておく
Angularで開発をしていると、 しょっちゅうxxxxx.module.tsファイルをイジるタイミングがあると思います。 その時にimports、exportsなどの設定を行いますが、 imports、exportsは […]
【HTML / CSS】CSSで使える擬似クラスを整理しておく
- 更新日：
- 公開日：
擬似クラスとは？ 簡単に表すと要素の状態を表すことができます。 class_name:hover { } といった書き方ができますね。 まずは、何があるかを整理しておきます。 よく使う擬似クラス hover これはよく使 […]
HTMLでテーブルを作って装飾を考えてみる
tableタグで作成したテーブルをカスタマイズしておしゃれにしようと試みようと思う まずは、普通にテーブルを作ってみる 見出し1 見出し2 見出し3 見出し4 データ1-1 データ1-2 データ1-3 データ1-4 デー […]
HTMLで選択できるパネルを表現してみる
選択できるパネルを作ってみる divタグで作ってみる スタイルシートでパネルを作ります。 そのあと、クリックした時に色を変更するようにjQueryで作ってみました。 選択肢1 選択肢2 選択肢3 html <div […]
【HTML / CSS】HTMLでスライダーを試してみようと思う。。。
HTMLのrangeを使ってスライダーを作ってみようと思います。 まずはinputタグでrangeを使ってみる まずは単純にinputタグのtypeをrangeで作成。 min、max、stepを指定してあげただけのシン […]
CSSアニメーションでアイコンを動かしてみよう
- 更新日：
- 公開日：
今回はCSSでアイコンを動かしてみようと思います。 アイコンを準備 この部分は、今回は特になんでもよかったので、イラストレーターで丸のアイコン(png)を作ってみました。 本当に適当ですみません。。。 作ったあとで気づき […]