ひろこま Hack Log

プログラミングや機械学習などの知識を記録・共有します

ブラウザで画像を縮小してサーバにアップロードするJavaScript

ブラウザで画像を縮小してサーバにアップロードするJavaScript 画像アップロードは案外重い ブラウザからサーバへ画像をアップロードする際、画像のサイズに注意を払う必要があります。最近のスマホカメラの性能は凄く、iPhone 6S以降のiPhoneで撮った写真の…

【2019年版】Ubuntu18.04 にChromeとSeleniumをインストール

Ubuntu18.04 にChromeとSeleniumをインストール UbuntuにSeleniumをインストールする手順 UbuntuでSeleniumを使えるようにするためには Chromeをインストール Chrome Driverをインストール Seleniumをインストール と3ステップを踏む必要があります。 ここで…

【図解】INNER JOIN と OUTER JOIN

SQL

【図解】INNER JOIN と OUTER JOIN INNER JOIN = 両テーブルに存在する行をまとめる 上図を見ても分かるように、 INNER JOIN は両方のテーブルに存在する行をまとめます。 簡単な例を見てみます。 学生 student と学校 school のデータがそれぞれ以下のよう…

RTF形式 (rich text format) をUTF-8に変換

RTF形式 (rich text format) をUTF-8に変換 RTF形式とは rich text formatのことで、テキストのサイズやフォントを変えられたり、文字に装飾を付けたりできる形式です。 MicrosoftのWordやMacのテキストエディタなどを思い浮かべてみるとわかりやすいかもし…

Google Map APIで地図上に円を表示してみた

Google Map APIで地図上に円を表示してみた Google MapのAPIに「Maps JavaScript API」というものがあり、これを使うとブラウザ上でGoogle Mapを操作したり図形を描画したりすることができます。 今回は、Google Map上に円を表示するスクリプトをご紹介しま…

【解決】Koto_City_Free_Wi-Fiに繋がらない

【解決】Koto_City_Free_Wi-Fiにパソコンから繋げない Koto_City_Free_Wi-Fiとは? 東京都江東区では、「Koto City Free Wi-Fi」という名前の公衆無線LANサービスを公共施設、拠点避難所、観光スポットなどに配備し、誰でも無料でインターネットに接続できる…

【解決】Chrome + Selenium + Mac でコピペできない問題

【解決】Chrome + Selenium + Mac でコピペできない問題 「コピペできない」問題 Seleniumを用いるとChromeやFirefox上の操作を自動化することができます。 しかし、Mac上のChromeでコピー&ペーストを行うつもりで Command + C, Command + V を実行してもう…

Pythonコードを自動でPEP8記法に変換する

Pythonコードを自動でPEP8記法に変換する PEP8とは Pythonのソースコードの書き方を定めたコーディング規約です。 世の中には色々なコーディング規約がありますが、PythonではPEP8が最もメジャーな記法です。 はじめに — pep8-ja 1.0 ドキュメント PEP8を守…

Google mapのPlaces APIで周辺の建物を検索してみた

Google Map API Places APIとは 任意の場所の詳細情報(緯度・経度や名称、住所など)を検索できます。名称のオートコンプリートや、周辺の建物の検索なんかもできたりします。 GoogleMaps — GoogleMaps v0.11.0 Pythonで周辺建物を検索してみた 以下のpytho…

深層学習で扱うテンソルを3Dで可視化してみる

可視化されたCNNの中間層 目的 ― 可視化することでデバッグ効率を上げる 自作のニューラルネットワークモデルをデバッグしようと思ったとき、入力と出力結果だけしか見れないとブラックボックス的な解析しかできず辛いです。 中間層がどのような値を取ってい…

matplotlibで3次元配列を描画【Voxel使用】

3次元配列の描画 3次元配列を上図のように描画してみる matplotlibのvoxelという技を使います。これを使うと3次元配列(テンソル)を3D空間上に表示できます。 import colorsys import collections import numpy as np from matplotlib import pyplot as plt…

Pythonで任意の整数を色相に割り当てる

色相環 (wikipediaより引用) 色相環とは HSVカラーモデルとも言われます。赤、緑、青の色度で色を表現するRGBモデルの代わりに、色相(H)、彩度(S)、明度(V)の3値で表現するモデルです。 色相は、上手の円柱においてどの方角の色かを表します。彩度は色の鮮や…

簡単!EC-CUBE4で独自ドメインのメールをGmail経由で送る方法

EC-CUBEで独自ドメインのメールアドレスからメールを送れるようにしたいと思ったことはありませんか? この記事では、EC-CUBE4を対象に、独自ドメインのメールをGmail経由で送れるようにする方法をご説明します。 必要な費用はEC-CUBE4のサーバ台とドメイン…

htopの緑、水色、黄色、赤が表す意味

htop htopコマンドでCPUやメモリ使用量を見ることができます。その時、使用量を表すバーが緑や水色や黄色になっているのですが、これがどういう意味か調べて見ました。 以下に神回答がありました。 (adsbygoogle = window.adsbygoogle || []).push({}); serv…

【1分でわかる】ufwのルールを追加・確認・削除する方法

ファイアーウォール ルールの追加 sudo ufw allow 8080 ルールの確認 sudo ufw status Status: active To Action From -- ------ ---- 22 ALLOW Anywhere 80 ALLOW Anywhere 18080 ALLOW Anywhere 3000 ALLOW Anywhere 8080 ALLOW Anywhere ルールの削除 ま…

Koma Hirokazu 's Hacklog ―― Copyright © 2018 Koma Hirokazu