はてなブックマーク

命令の仕方 x86 x64 は CISC(Complex Instruction Set Computer) と呼ばれる命令セットです。 「複雑な処理」を「少ない命令」で実行しようとする思想です。 arm は RISC(Reduced Instruction Set Computer) と呼ばれる命令セットです。 ビット数 ビット数が大きくなるにつれ、一度に処理できる量が増えます。処理スピードUP・利用可能なメモリ容量UPが見込めます。 x86, x64 x86 は 32bit です。 x64 は 64bit です。 arm arm については、ARMv7 では 32bit でした。 ARMv8(2011年発表) では実行モードというのがあり、AArch32だと32bit 、AArch64だと64bit となるようです。(ややこしい…) Linuxでは、ARMv7までのアーキテクチャの表記

aaa_test.goというファイルが生成されました。aaa.goに記載した関数をテストするための処理が記述されています。 TODO: Add test cases.の箇所を自身で実装する必要があります。 goのテストは生成されたファイルの通り、以下特徴があります。 1. ファイル名の末尾を _test.goにする。 2. テストの関数名の頭に Testをつける。 3. testingパッケージを利用する。 package aaa import "testing" func TestAdd(t *testing.T) { type args struct { i int j int } tests := []struct { name string args args want int }{ { name: "Both positive values", args: args{5, 3},

DBを運用していると「DB全体で何MB利用しているのだろう？」「各テーブルごとに何MB利用しているのだろう？」といったことを確認する必要がでてきます。ここでは、容量を確認する方法について紹介します。 SELECT table_schema, floor(SUM(data_length + index_length) / 1024 / 1024) AS ALL_MB, floor(SUM((data_length) / 1024 / 1024)) AS DATA_MB, floor(SUM((index_length) / 1024 / 1024)) AS INDEX_MB FROM information_schema.tables GROUP BY table_schema ORDER BY sum(data_length + index_length) DESC; mysql> SEL

time.Time型の変数を取得 ( Now Date Parse Unix ) timeパッケージの Now関数 Date関数 Parse関数 Unix関数　を利用して、time.Time型のインスタンスを取得できます。 package main import ( "fmt" "time" ) func main() { t1 := time.Now() fmt.Println(t1) t2 := time.Date(2020, time.December, 10, 23, 1, 10, 0, time.UTC) fmt.Println(t2) t3 := time.Date(2020, time.December, 10, 23, 1, 10, 0, time.Local) fmt.Println(t3) t4, _ := time.Parse(time.RFC3339, "2020-

# ------------------------------------------------- # 環境変数設定 export PATH=$PATH export LANG=ja_JP.UTF-8 # ------------------------------------------------- # ------------------------------------------------- # Alias設定 alias v='vim' # ------------------------------------------------- # ------------------------------------------------- # オプション設定 # History設定 HISTFILE=~/.zsh_history HISTSIZE=100000 SAV

Reduxによる状態管理の動作確認を行います。Actions, Reducers, Storeなどの役割を実際の処理を通じて確認します。 Reduxの3原則 動作確認をする前に、Reduxの3原則を復習しておきます。 https://redux.js.org/introduction/three-principles にてReduxの3原則が説明されいています。 Single source of truth State is read-only Changes are made with pure functions Reducerは純粋関数でなければならないなどのReduxを利用する上での注意点が述べられています。

collation(照合順序)の違いにより、「大文字小文字」「全角半角」を区別するかどうか挙動が異なります。ここでは、「デフォルトのcollationの確認方法」と「collationの違いによる影響」をとりあげます。 mysql> SHOW COLLATION LIKE 'utf8mb4%'; +------------------------+---------+-----+---------+----------+---------+ | Collation | Charset | Id | Default | Compiled | Sortlen | +------------------------+---------+-----+---------+----------+---------+ | utf8mb4_general_ci | utf8mb4 | 45 | Yes |

typeof演算子 式で利用 ( javascriptにも存在する利用方法 ) javascriptにも存在する演算子で、変数の型を取得できます。 type Person = { name: string; old: number; }; const person: Person = { name: 'yamada', old: 22, }; console.log(typeof ''); // string console.log(typeof person); // object

トランザクション中で「UPDATE」や「DELETE」を行うとロックがかけられます。また、SELECTについても「占有ロック(FOR UPDATE)」と「共有ロック(LOCK IN SHARE MODE)」をかけることができます。ここでは、ロック周りの動作を確認します。 (動作確認は、MySQL5.7 InnoDBで行っています。) 占有(排他)ロックと共有ロック UPDATE トランザクション内で UPDATE を行った場合、占有(排他)ロック がかけられます。 SELECT トランザクション内で FOR UPDATE を利用した SELECT を行った場合、占有(排他)ロック がかけられます。 トランザクション内で LOCK IN SHARE MODE を利用した SELECT を行った場合、共有ロック がかけられます。 関係 (ロックの解放待ち) ロック種別共有ロック占有ロック

デザインツールであるFigmaを利用する上で、レスポンシブなデザインを作成するのに役立つ機能を紹介します。「Auto Layout」「Constraints」の機能を活用すると、デザインのサイズ変更が必要となったとき、手軽に調整できるようになります。

Next.jsのサンプルプロジェクトとして登録されているコードを活用して、静的サイトの生成方法(SSG)について動作確認します。その後、Next.jsの主な機能( ルーティングシステム提供コンポーネントビルド時にデータを取得する方法 )について取り上げます。 サンプルプロジェクトを構築して動作確認 プロジェクト構築 ( create-next-appコマンド ) Next.jsのプロジェクト構築用に create-next-appコマンド が提供されています。 create-next-app --help で主な利用方法を確認できます。 $ npx create-next-app --help Usage: create-next-app <project-directory> [options] Options: -V, --version output the version numb

ここでは、エンジニアのキャリアアップに必要な「スキルアップ方法」と「仕事探し(転職・副業・フリーランス)」について掲載します。 多くの選択肢がありますが、自分に適切な方法を見つけるのに少しでも役立てば嬉しいです。 スキルアップ方法 スキルアップに活用できる「学習方法・学習素材」を紹介します。 無料なもの 有料なもの があるので、ご自身の状況に合わせて、活用できる情報が見つかれば幸いです。 動画, ブログ, 本, リファレンスを活用 MDN Web Docs は、Web技術を学ぶのにとても役立ちます。 HTML リファレンス - HTML: HyperText Markup Language | MDN CSS リファレンス - CSS: カスケーディングスタイルシート | MDN JavaScript リファレンス - JavaScript | MDN Web API | MDN HTTP

Decoratorの概要と動作確認をします。また、利用例として、メソッドの前後に処理を追加する方法を確認します。 Decoratorとは 例えば、メソッドにDecoratorを割り当てて、そのメソッドが実行される前後に処理を付け加える(装飾する)ことができ、ログの出力などで活用されます。 Vue.jsでTypeScriptをクラスベースで利用する際、vue-class-component と vue-property-decorator を利用しますが、こちらでもDecoratorが活用されています。 Decoratorは、クラスメソッドアクセサプロパティパラメータ に割り当てることが可能です。 tsconfig.jsonを修正 Decoratorを利用する場合、tsconfig.json の下記オプションを true にしておく必要があります。 { "compilerOptions":

main.js wakuwaku:xxx という Channel でメッセージを受信できるようにしています。 メッセージを受信したら、3秒待機後、wakuwaku:yyy という Channel にメッセージを送信しています。 ( 後述しますが、 nodeIntegration: true, の箇所は後で修正します。 ) const { app, BrowserWindow, ipcMain } = require('electron') let window const sleep = (second) => new Promise(resolve => setTimeout(resolve, second * 1000)) app.on('ready', () => { window = new BrowserWindow({ width: 800, height: 600, webP

axiosを利用したHTTPリクエストの実装方法を確認します。「get, post, put, deleteメソッドの実装方法」「interceptorsを利用した前処理・後処理の共通化」など取り上げています。 (TypeScriptで実装しています。) axiosについて axiosはBrowser・Node.jsの両方で利用可能なPromiseベースのHTTPクライアントです。 Browserでは XMLHttpRequest でリクエストします。 Node.jsでは HTTPモジュール でリクエストします。 インストール axios をインストールします。

React16.8で追加された「Hooks」を利用して、関数コンポーネントに「state」と「ライフサイクルメソッド」の機能を実装する方法を確認します。 useState｜state 概要 useState() を利用すると、コンポーネントの状態管理を実装できます。 useState() の引数にstateの初期値を指定する。 useState() は戻り値として、state変数 と stateを更新するための関数 を返す。 複数のstateを使うには、複数回 useState() を呼ぶ。 動作確認 import React, { useState } from 'react' const App = ({ message }) => { const [items, setItems] = useState(Array(9).fill(0)) const [flg, setFlg] =

DNS関連の作業を行うときに知っておきたい用語や仕組みなどを整理します。また、digコマンドを利用した調査方法(ドメイン解決, TTLの確認など)についても取り上げます。 DNS関連用語 名前解決 ドメイン名からIPアドレスを求めること。 名前解決に関連するファイル。 /etc/hosts ドメインとIPの対応を記述して、DNS無しで名前解決する。 /etc/resolv.conf DNSのIPを指定して、DNSに問い合わせて名前解決する。

サブタイプモデルをテーブルに落とし込むには、何通りか方法があります。実装方法ごとのメリット、デメリットについて確認します。 例 例として、「User」のサブモデルとして「Student」と「Teacher」が存在する場合のテーブル設計について考えてみます。 設計方法 DB設計といえば、以下の本が有名です。 SQLアンチパターン この本の5章でサブタイプのモデリングについて取り上げられています。ここでも以下４つの方法でテーブル設計してみます。 シングルテーブル継承 具象テーブル継承 クラステーブル継承 半構造化データ シングルテーブル継承 １つのテーブルにサブタイプの属性を全て詰め込みます。 サブタイプの識別には、user_typeを利用します。 サブタイプの属性が少ないときに適切です。 具象テーブル継承 「teachersテーブル」と「studentsテーブル」にそれぞれ共通属性を持たせま

import dayjs from 'dayjs'; const now = dayjs(); // 現在の日付情報を取得 console.log(now.format()); // 2020-10-24T09:48:19+09:00 const day1 = dayjs('2020-11-01'); console.log(day1.format()); // 2020-11-01T00:00:00+09:00 const day2 = dayjs(new Date()); console.log(day2.format()); // 2020-10-24T09:48:19+09:00 import dayjs from 'dayjs'; // 年 → 「year or y」 console.log(dayjs('2019-01-10 07:30:20').add(2, 'y').for

$ docker-compose ps Name Command State Ports ----------------------------------------------------------------------------------------- express_session_redis_1 docker-entrypoint.sh redis ... Up 0.0.0.0:6379->6379/tcp $ docker exec -it express_session_redis_1 /bin/bash root@8ab82951a477:/data# root@8ab82951a477:/data# redis-cli 127.0.0.1:6379> 127.0.0.1:6379> keys * (empty list or set)

「MySQLで外部キー制約を設定する方法」「外部キー制約のオプション設定(RESTRICTCASCADESET NULLNO ACTION)による動作の違い」について解説します。 外部キー制約の実現方法 外部キー制約を実現する方法は2つあります。 データベース上で外部キー制約を設定 アプリケーションで外部キー制約の制限のもと動作するように開発 MySQLのデータベースエンジンであるMyISAMは、外部キー制約をサポートしていません。そのため、アプリケーションで外部キー制約を考慮する必要がありました。しかし、機能拡張などしていくうちに、制限のことが忘れ去られることが多く、データの整合性が崩れるといったことが起こりえます。 アプリケーションだけでデータの整合性を維持しようとすると、後々、 何かしらのトラブルが発生する可能性が高まること データの整合性が維持されているかを確認するための作業が必要

AWS SDKを利用してDynamoDBを操作する方法について確認します。「テーブル作成・削除」「アイテムの挿入・取得・更新・削除」について取り上げます。 const AWS = require('aws-sdk') AWS.config.loadFromPath('./config.json') const dynamoDB = new AWS.DynamoDB() const params = { TableName: 'users', AttributeDefinitions: [ { AttributeName: 'user_id', AttributeType: 'N' }, // number { AttributeName: 'created_at', AttributeType: 'S' }, // string { AttributeName: 'post_id', At

初学者のかたですと、配列とオブジェクトが組み合わさったデータ構造の扱いに悩むかもしれません。ここでは、各組み合わせごとに要素を走査する方法を紹介します。

# For more information on configuration, see: # * Official English Documentation: http://nginx.org/en/docs/ # * Official Russian Documentation: http://nginx.org/ru/docs/ user nginx; worker_processes auto; error_log /var/log/nginx/error.log; pid /run/nginx.pid; # Load dynamic modules. See /usr/share/nginx/README.dynamic. include /usr/share/nginx/modules/*.conf; events { worker_connections 1024; } h

const { exec } = require('child_process') exec('ls -l sample.txt', (err, stdout, stderr) => { if (err) { console.log(`stderr: ${stderr}`) return } console.log(`stdout: ${stdout}`) } ) console.log('わくわくBank')

Query Builderを利用してSQLクエリを構築することができます。ここでは、基本的なSQLクエリ(SELECT, INSERT, UPDATE, DELETE)の構築方法を確認していきます。 QueryBuilderについて 使用方法 Connection Repository から QueryBuilder のインスタンスを取得できます。 また、QueryBuilderクラス を継承しているクラス( SelectQueryBuilder InsertQueryBuilder UpdateQueryBuilder DeleteQueryBuilder RelationQueryBuilder)が存在しており、それぞれ目的別に必要な機能が提供されています。 下記コードで確認します。 import { createConnection, getRepository } from 'ty

LinuxでSWAP領域を確認・作成する方法を紹介します。freeコマンド、mkswapコマンド、swaponコマンドを利用します。 SWAP領域とは ハードディスク内に設置される領域です。メモリー容量が足りなくなった時、メモリの中で不要な部分をSWAP領域に移動させます(スワップアウト)。 ハードディスクへのアクセスは遅いので、スワップアウトが多発するとパフォーマンスの低下に繋がります。どうしてもメモリが足りない場合、SWAP領域を利用します。 SWAP領域の確認 SWAP領域は、freeコマンドで確認できます。 $ free -m total used free shared buffers cached Mem: 3955 293 3662 80 11 214 -/+ buffers/cache: 68 3887 Swap: 0 0 0