ブラウザ上でprocessingを編集と実行ができるprocessingrunを作った

概要 ちょっとしたprocessingのコードの挙動を確認したい時にさっと、ブラウザ上で動作する環境が欲しかったので作成しました。

ニコニコ動画のURLの構造確認&動画IDを取得する正規表現(javascript)

要約 ニコ動のURLを入力させた時に、有効なURLかを判定し、動画ID抽出、URLを綺麗に揃えるスクリプト 経緯 ニコ動にある動画のIDは多くは sm******** だと思うが、歴史的には多くの英数2字が存在するらしい。 また、数字部分の長さも色んなものがあるらしい…

芥川竜之介・太宰治・夏目漱石・宮沢賢治の作品からtf-idfを求めて著者名をラベルとして学習させてみた

青空文庫から取得した芥川竜之介、太宰治、夏目漱石、宮沢賢治の作品をtf-idfにし、著者名をラベルにロジスティック回帰でモデルを作り、テストを行いどのぐらいの精度で著者を当てられるのかを検証してみた。 ソースコード github.com 青空文庫からの収集 …

snap.svgのv0.5.1でrotate回転させようとしたら変な軌跡を描く問題

解決策 v0.4.0に戻す v0.5.2が公開されるのを待つ 発生する問題 let bbox = hoge.getBBox(); hoge.animate({ transform: "rotate(90, " + bbox.cx+ ", " + bbox.cy + ")" }, 10000); 真ん中を基準に回転するように記述してるのに変な軌跡を描く問題 黒い点は…

Visual Studio Codeにサーバーの中で直接作業できるRemote Developmentをインストールしてみた

注意 この中の記述はVisual Studio Code(以下VSC)の1.35.0以上が必要です gyazo.com インストールするVSC拡張 marketplace.visualstudio.com Remote Developmentを用いると、SSHなどを使ってサーバーやコンテナにログインして、その中で作業ができるようにな…

.fuse_hiddenをgitignoreする

対処 .fuse_hidden* 消しても消しても生成されるのでgitignoreした

Windowsのffmpegで複数ファイルを動画(mp4)から音楽(mp3)に一気に変換!

encode.bat などのbatファイルに保存してshellから実行するとできる for %%f in (*.mp4) do ( ffmpeg -i "%%~nf".mp4 -vn -ac 2 -ar 44100 -ab 256k -acodec libmp3lame -f mp3 "%%~nf".mp3 ) 参考 [ffmpeg] 音声形式の変換方法まとめ - Qiita バッチファイ…

Uncaught ReferenceError: regeneratorRuntime is not defined

解決策 webpack.config.js require("babel-polyfill"); module.exports = { entry: ["babel-polyfill", "./src/main.js"], .bablerc { "presets": [ "@babel/preset-env", "@babel/preset-react" ], "plugins": [ "transform-class-properties" ] } react+we…

ハイライト付きでプログラムソースコードをきれいに印刷できるcodePrintを作った

codePrint service.matatsuna.net プログラムを書いてる時に、紙に印刷して俯瞰して見たい時に使って下さい。行番号と基本的なハイライトがカラーで印刷できます。https://t.co/c5uGXFAQj1— 又 (@matatsuna) 2018年10月6日 作った経緯 コーディングしていて…

google chart APIが突然エラー吐くようになり、仕様が大きく変わったぽい

google Geo Chartを使っていたプログラムが急に動かなくなっていた。 原因は仕様変更だった。 詳しいものは以下を参照 Visualization: GeoChart | Charts | Google Developers 起こった現象 gyazo.com 出たエラーは「Error: First row is not an array.」な…

CentOSで自分のログイン時のエディターを指定する

サーバー管理者がVimを設定していて、nanoがいいのに!!っていうこともあると思います。 その時解決してくれるのが、環境変数です。 ログイン時に環境変数を指定することで自分がログインした時にデフォルトのエディターをnanoに変えちゃおうとおもいます。…

pdfをgyazoに簡単に変換できるpdf2gyazoを作った

pdf2gyazo pdf2gyazo.azurewebsites.netPDFからGyazoに変換するツール「pdf2gyazo」を作りました!PDFをD&Dで画像に出来て、scrapboxやslackに貼るのに便利です。Chrome最新版でのみ動作確認してます。https://t.co/7562bpwNC6— 又 (@matatsuna) 2018年2月3…

SurfaceでprocessingのVideo.Capture映像が緑がかりフレームレートが落ちる現象について

現象・症状 gyazo.com フレームレートが1前後で全体的に緑がかった映像しか取得出来ない 発生する環境 - Surface Book初代(Surface Pro4でも起こる) - Processing2系,Processing3.3.6(執筆時点) Processing.Vodeo.Capture OpenCV for Processing - Skype等の…

cronでnpm startしようと思ったらハマった

起こった現象 実行されない 解決策 0 * * * * cd /home/user/hoge/ && npm startcron側でcdしてコマンドを叩く 解決まで cronが動いてるか確認する service crond status 起動してるか確認する cat /var/log/cron メールを設定してみる MAILTO="hogehuga@gma…

drawingソフトをWebで動かす時のTips

この記事はMojirageアドベントカレンダーの25日目の記事です。 matatsuna.hatenablog.com Snapsvg SVGで描画をするためのライブラリです http://snapsvg.io/ PEP ディバイスやブラウザごとに違うpointerイベントの差を吸収してくれます mojirageでは基本全て…

iOS,Androidのブラウザデバッグ

この記事はMojirageアドベントカレンダーの24日目の記事です。 matatsuna.hatenablog.com無茶なことをしていると環境ごとにブラウザの挙動が違うことがしばしばあります スマホで開発者モードやコンソールをみる方法を紹介します 手元にMac,iOS端末とAndroid…

metaタグとは

この記事はMojirageアドベントカレンダーの23日目の記事です。 matatsuna.hatenablog.com metaタグ 検索サイトに出てくる文章やslackで展開されるやつを設定することができます gyazo.com サンプル mojirageに設定しているものです <meta name="keywords" content="手書き文字,平均文字,融合文字,平均文字ノート,電子黒板,ノートテイク,手書きノート,デジタルノート"> </meta>

.htaccsessとは

この記事はMojirageアドベントカレンダーの22日目の記事です。 matatsuna.hatenablog.com .htaccsessとは 一時期、阿部寛のHPが軽いという話が話題になりました rocketnews24.comその話題を受けて、これはmojirageも爆速を目指さなければとページ高速化につ…

cssアニメーションとjsの同期

この記事はMojirageアドベントカレンダーの21日目の記事です。 matatsuna.hatenablog.com cssのアニメーション cssにはアニメーションがあります 詳しくはQiitaとかで qiita.com cssアニメーションとjsとの同期 ビジュアル的なカウントダウンするバーみたい…

imagemagickでsvg to png

この記事はMojirageアドベントカレンダーの20日目の記事です。 matatsuna.hatenablog.com imagemagickとは imagemagickは画像に関わる様々なことができるコンソールで動かすプログラムです www.imagemagick.org 色んな所で使われてます しかし、少し変わった…

PHPでGoogleログイン機能

この記事はMojirageアドベントカレンダーの19日目の記事です。 matatsuna.hatenablog.com Googleログイン機能 よくWebサービスであるgoogleのログインの実装の仕方です gyazo.com Google consoleでkeyを発行する https://console.cloud.google.com/?hl=ja 「…

jsのfetchをphpで受け取る

この記事はMojirageアドベントカレンダーの18日目の記事です。 matatsuna.hatenablog.com fetchをphpで受け取る fetchのbodyに書いたものはjson形式で受け取れます

PHPからgyazo APIを叩いてアップロード

この記事はMojirageアドベントカレンダーの17日目の記事です。 matatsuna.hatenablog.com gyazo gyazoはスクリーンショットを共有するためのサービスです gyazo.com APIでプログラムからアップロードすることもできます https://gyazo.com/api/docs/image PH…

curdate()[mysql]

この記事はMojirageアドベントカレンダーの16日目の記事です。 matatsuna.hatenablog.com curdate() mysqlでログイン管理をするときに、カラム設定したtimestampが今日の人だけを取得したい(今日ログインした人の抽出)場面があると思います そういうときにcu…

require,require_once[php]

この記事はMojirageアドベントカレンダーの15日目の記事です。 matatsuna.hatenablog.com require ファイルを参照出来るようにする 他のファイルにかかれている関数を呼び出すときに使う require_once ファイルを一回だけ読み込む データベースに関するユー…

PDOとは

この記事はMojirageアドベントカレンダーの14日目の記事です。 matatsuna.hatenablog.com PDO phpの業界では当たり前かもしてないですが、PDOでデータベースにアクセスすることがセキュリティ的に重要です qiita.com 基本的には困ることはないのですが、設定…

APIの構造

この記事はMojirageアドベントカレンダーの8日目の記事です。 matatsuna.hatenablog.com APIの整備 今回、構築するにあたり最も時間がかかったのでAPIの設計に関するところです mojirage初期バージョンでは、indexの配下に/api/を直接おいてました しかし、…

svgとは

この記事はMojirageアドベントカレンダーの12日目の記事です。 matatsuna.hatenablog.com svg mojirageのレンダリングは全てsvgで行っている svgはdom要素として扱うことが出来るので便利 しかも、軽いらしい 詳しい使い方はここが参考になった svg要素の基…

配列のmap.reduce,push,pop

この記事はMojirageアドベントカレンダーの11日目の記事です。 matatsuna.hatenablog.com 配列 jsがprocessingとかと大きく違う点のはこのあたりが非常に扱いやすいです map 全ての要素に対して同じ処理ができる reduce 全ての要素に前後の順番で処理ができ…

null判定

この記事はMojirageアドベントカレンダーの10日目の記事です。 matatsuna.hatenablog.comjs書いててコンストラクタで定義するときなどで渡された引数が正しいか判定するのに1行で出来るの便利 this.hoge = _hoge || ''; || で変数の判定できます 引数にnull.…