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 =...
HTML

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

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

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

概要 async await Promise を使ってブラウザにアップロードした画像をcanvasに非同期で描画するサンプルの紹介です。 onloadメソッド縛りで実装すると非同期地獄になりますが、async await を使うことによりす...
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

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

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

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

概要 画像のヒストグラムを正規化するコードの紹介 サンプルソース /** * メイン * @param {Object} canvas * @param {Object} image */ function main(canva...
Git

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

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

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

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

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

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

VIEWの作成 ORACLE MySQL

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

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

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