Web & Programming

スポンサーリンク
Web & Programming

ブラウザ上でIDE code-server を使ってみる

ブラウザ上でコードの編集や、デバッグ、コマンドを実行することができるブラウザ版IDE、code-serverを使ってみました。 セットアップ セットアップ方法はdockereを利用するものと、バイナリから立ち上げる2種類紹介されています...
Apache

Ubuntu18.04にApache MariaDB PHP7.2 をセットアップ

AWS の EC2 の Ubuntu18.04 に Apache MariaDB PHP7.2 をセットアップした時のメモ。 概要 AWS の EC2 の Ubuntu18.04 に Apache MariaDB PHP7.2 をセットアッ...
Linux

fswatchで変更されたファイルを監視する

概要 ディレクトリを監視できるサービスfswatchをMacでインストールして使ってみました。 fswatch インストール homebrewでインストールします。 $ brew install fswatch ==> Downlo...
スポンサーリンク
Linux

エンジニアなMacBookのセットアップ 開発環境の構築

概要 MacBookProを新調しました。 無の状態から開発ができるまでのセットアップを記したものです。 ブラウザ関連 まずブラウザがなければ何も始まりません。 Chrome Chrome Canary Firefox Beta、...
JavaScript

0埋め・ゼロ埋め処理 のコードJavaScript

概要 JavaScriptで 0埋め / ゼロ埋め / zero埋め 処理を行うサンプルコード サンプル コード const pad = (num, length, str='0') => { return (new Arra...
JavaScript

順列・組み合わせ のサンプルコード JS [permutation] [combination]

概要 順列(permutation) と 組み合わせ(combination) のサンプルコードをJavaScriptで実装してみました。 順列 - permutation サンプルコード const permutation = (nums...
Linux

多段SSHの設定 踏み台経由

概要 踏み台を経由して多段SSHを行う際の設定についてのメモ。 設定 SSHの設定はMac/Linux/WSLであればホームディレクトリ下の~/.ssh/configに記述します。 基本的なconfigの記述 フォーマット Host my-...
JavaScript

うるう年を求めるプログラム JavaScript

概要 うるう年を求める実装メモです。 閏年の条件 閏年の条件は以下の通りとなります。 4で割り切れる 100で割り切れない 400で割り切れる 国立天文台 サンプルコード 判定関数 const isLeapYear =...
MonacoEditor + Vue を使ってエディタを実装 HTML

MonacoEditor + Vue を使ってエディタを実装

概要 Vue + MonacoEditorでJSのデバッガを作ってみました。 標準入出力(?)をサポートしています。とりあえず意味がわからないと思うのでデモをみてください。 紹介 デモ GitHub セットアップ Vue Vueプ...
HTML

async awaitで画像を読み込み canvasに描画 JavaScript

概要 async await Promise を使ってブラウザにアップロードした画像をcanvasに非同期で描画するサンプルの紹介です。 onloadメソッド縛りで実装すると非同期地獄になりますが、async await を使うことによりす...
AtCoderをJavaScriptで挑むのは厳しいと思った JavaScript

AtCoderをJavaScriptで挑むのは厳しいと思った

AtCoderをJavaScriptで挑むのは厳しい これまでJavaSriptでAtCoderに挑戦し続けてきたが、流石に厳しいかもしれない... というのも、言語の構造的に限界があると感じたからです。 ↑ ※誤解を招く表現だと思うので...
JavaScript

OpenCV.jsを動かしてみる + デモ

概要 OpenCV.jsを試してみました。 環境 OpenCV.js v4.1.0 OpenCV.jsのセットアップ OpenCVをWasmにビルドします。 デモではこちらを拝借します。 サンプルソース グレースケール let s...
Git

GitHub の CONTRIBUTING には何を書けばいいのか?

はじめに GitHubのOSSプロジェクトを見ているとリポジトリのルート直下に存在する CONTRIBUTING.md というファイルをよく目にします。 これは、OSSに対してコントリビュートする際に目を通すべきことが書かれているものです。...
AWS S3のオブジェクト一覧をPHPで表示させる AWS

AWS S3のオブジェクト一覧をPHPで表示させる

概要 AWS S3のオブジェクト一覧をPHPで表示させるサンプルコードの紹介. S3アカウント S3バケット参照用のユーザの作成方法は以下を参照してください。 サンプル require_once "vendor/autoload.php...
HTML

JavaScriptで画像のヒストグラムの正規化

概要 画像のヒストグラムを正規化するコードの紹介 サンプルソース /** * メイン * @param {Object} canvas * @param {Object} image */ function main(canva...
gitbookで使えそうなプラグインを集めて見た Git

gitbookで使えそうなプラグインを集めて見た

概要 gitbookで使えそうなプラグインを集めて見ました。 なお、下記の内容はgitbookが導入されていることを前提としています。 目次の折りたたみ - expand-active-chapter 目次の折りたたみができるプラグイン...
gitbookを使ってドキュメントを生成する Git

gitbookを使ってドキュメントを生成する

概要 GitBookを使ってドキュメントを生成するまでをやってみました。 なお、この記事で紹介しているのはgitbook-cliであり、クラウドサービスのGitBookはこちら↓を見て下さい。 どんなものができるのか こんなドキュメント...
画像のヒストグラムを表示する Char.js JavaScript canvas HTML

画像のヒストグラムを表示する Chart.js JavaScript canvas

概要 画像のヒストグラムをJavaScriptで算出してグラフとして表示してみます。 ヒストグラム算出のサンプルコード ヒストグラムの表示にChart.jsを使っています。 インストール npmを使っている場合は次のようにinstallしま...
VIEWの作成 ORACLE MySQL MySQL

VIEWの作成 ORACLE MySQL

概要 VIEWの作成の基本文法。 SQLで毎回結合したクエリを生成するのが面倒だった場合VIEWを使います。 VIEWの作成 OracelもMySQLも同じようです。 構文 CREATE VIEW V_TEST AS SELECT ...
SQLを分けると DML DDL DCL の3種類 MySQL

SQLを分けると DML DDL DCL の3種類

SQLとは データベースの問い合わせ言語です。 大きく分けると3種類あります。 DML レコードの操作 (追加、検索、更新、削除) などを行います。 SELECT INSERT UPDATE DELETE など DDL テーブルの操作 (作...
スポンサーリンク
タイトルとURLをコピーしました