リンク集開発関連

◆プログラミング言語

言語共通 -- オンライン実行環境

ブラウザでプログラミング・実行ができる「オンライン実行環境」| paiza.IO

Bash / C / C# / Clojure / Cobol / CoffeeScript / D/ Elixir / Erlang / F# / Go / Haskell / Java / Javascript / Kotlin / MySQL / なでしこ / Objective-C / Perl / PHP / Pyton / R / Ruby / Scala / Scheme / Swift / TypeScript / VB がオンラインで動く。Javascriptなどでも一旦コンパイラが走るようで、実行の反応が遅い。

言語共通 -- 正規表現

regex101: build, test, and debug regex

正規表現を試したいときにめっちゃ使えるサイト

RegExr: Learn, Build, & Test RegEx

正規表現サイトその２

Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.

正規表現を視覚的に確認できるが、ただ試したいだけの時には向かない。

秀丸で便利な置換のメモ - ゲームエフェクトデザイナーのブログ | A Real-Time VFX Artist's Blog

JavaScript

リファレンス

JavaScript | MDN

Web API | MDN

とほほのJavaScript入門 - とほほのWWW入門

オンラインで実行確認系

MDN上の「試してみましょう」でも一応試せます（全然関係ない命令でも）たとえばこういうページで。

JavaScript Playground --- こちらは即時実行される。

正規表現

JavaScript 正規表現まとめ #JavaScript - Qiita

→当ページの「正規表現」も参照

小ネタ

数字を3桁カンマ区切りにする、2つの方法 - YoheiM .NET --- toLocaleStringと、正規表現。

toLocaleString引数作成くん - instant tools

【JavaScript】文字列切り出し（slice, substr, substring）の違い - のんびり猫プログラマの日常

JavaScriptの配列の要素を削除する(delete演算子とspliceメソッド) – 山本隆の開発日誌

JavaScript Promiseの本

モジュール／ライブラリ

midi-parser-js - npm

MIDIファイル(SMF)をJavascriptで解析するライブラリ。

Tauri & Rust※未整理

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio

Rust Playground

RustでつくるVST3プラグイン - 技術の記録 - Ibotenic

Rust製チップチューンシンセのSoyBoy SPをリリースしました - 技術の記録 - Ibotenic

Tauri + Next.js + TypeScriptで開発する準備

tauri-apps/create-tauri-app: Rapidly scaffold out a new tauri app project.

Typescript

とほほのTypeScript入門 - とほほのWWW入門

Typescriptの特徴がコンパクトにまとまっている。

読んで学ぶTypeScript | TypeScript入門『サバイバルTypeScript』

TypeScript: プレイグラウンド - TypeScriptとJavascriptを探求するためのオンラインエディタ

Typescript公式サイトによる、オンラインでTypescriptを試すページ

Python※未整理

言語仕様・規則

Python の命名規則 - Pythonのきほん - やさしい Python 入門

Python基礎講座(11 例外) - Qiita

8.1. datetime — 基本的な日付型および時間型 — Python 3.6.1 ドキュメント

基本（後日まとめ予定）

Pythonでのファイル操作 - Qiita

Pythonでファイル、ディレクトリ（フォルダ）の存在確認 | note.nkmk.me

Pythonでファイル名・ディレクトリ名の一覧をリストで取得 | note.nkmk.me

Python, datetime, pytzでタイムゾーンを設定・取得・変換・削除 | note.nkmk.me

Pythonのdatetimeで日付や時間と文字列を変換（strftime, strptime） | note.nkmk.me

Pythonでフォルダ内のファイルリストを取得する - Qiita

Pythonの日付処理とTimeZone | Nekoya press

Pythonでリスト（配列）から重複した要素を削除・抽出 | note.nkmk.me

pathの連結は os.path.join ではなく pathlib を使おう - 初心者のメモ

チートシート（後日まとめ予定）

PIL/Pillow チートシート - Qiita

Pathlibチートシート - Qiita

【Python】パスを簡単に扱える”pathlib”の使い方チートシート｜はやぶさの技術ノート

ライブラリ

Mastodon.py — Mastodon.py 1.2.2 documentation

Pipenv: Python Dev Workflow for Humans — pipenv 2018.10.14.dev0 documentation

Reference Manual — MoviePy 1.0.2 documentation

Requests: HTTP for Humans™ — Requests 2.20.0 documentation

Beautiful Soupドキュメント — BeautifulSoup Document 3.0 ドキュメント

kondou.com - Beautiful Soup 4.2.0 Doc. 日本語訳 (2013-11-19最終更新)

OpenCV 2.2 (r4295) Python リファレンス — opencv 2.2 (r4295) documentation

Image Module — Pillow (PIL Fork) 5.2.0 documentation

つまづき（後日まとめ予定）

bottleで文字列を取得しようとすると日本語が文字化けする -> 解消

Fix Python pip WARNING: Ignoring invalid distribution -pencv-python - Python Tutorial

Python OpenCV の cv2.imread 及び cv2.imwrite で日本語を含むファイルパスを取り扱う際の問題への対処について - Qiita

その他備忘録（後日まとめ予定）

【Python】FTPでサーバーにファイルをアップロード | 技術雑記

【Python】XMLの属性を追加・編集する(ElementTree) | 鎖プログラム

Linux - pythonでXMLヘッダを編集したい｜teratail

pipでインストールしたライブラリの更新方法 - ガンマソフト株式会社

Python の asyncio は超便利 - Qiita

Ruby

Online Ruby Compiler (Interpreter)

◆開発環境

VSCode

Microsoftが提供している開発用テキストエディタ。非常に多機能なうえ「拡張」を追加することでで無限に機能を追加できる。現在の開発の主流。

【Windows版】VS Code キーボードショートカット一覧（オススメ付き） #VSCode - Qiita

ブックマークレット作成が捗りすぎるVisual Studio Codeの使い方 | 株式会社ビヨンド

ESLintに'defineProps' is not defined.(no-undef)と言われる - 料理とソフトウェアは似ている

gulp

gulpは自動化ソフト。ファイルを更新を監視させることで、たとえばエディタからソースファイルを保存しただけで、直ちにその内容を整形して別のファイルに書き出す、などの処理を行える。

gulp 日本語リファレンス | js STUDIO

◆Node.js※未整理

Node.js

Node.jsの基本機能のみに絞った記事

Index | Node.js v17.0.1 Documentation

ファイルの拡張子を取得する path.extname - CodeNote

node.jsでディレクトリ内のファイル一覧を取得する | 山本隆の開発日誌

指定したパスがディレクトリかどうか調べる | まくまくNode.jsノート

◆Web開発

HTML

HTML リファレンス - HTML: ハイパーテキストマークアップ言語 | MDN

HTMLリファレンス - とほほのWWW入門

CSS※未整理

CSS リファレンス - CSS: カスケーディングスタイルシート | MDN

とほほのCSS入門 - とほほのWWW入門

CSS Reference | Codrops

CSS3のセレクタ全42種まとめておさらい使い方リファレンス – EXP – クリエイティブな事をはじめた(い)全ての人達へ

サイトホスティング

GitHub Pages について - GitHub Docs

静的サイトならばGitHubにアップロードするだけでサイトとして公開できる。

◆フロントエンド(UI)フレームワーク

ブラウザの描画機能を使用して、テキストや画像、ボタンや入力欄を配置する。現在ではほぼ、ユーザーのマウスやキーボードの操作に応じて反応を返す「レスポンシブ」であることが要求される。ブラウザの描画機能を利用するが、用途はWebサイトのみに限らず、ローカルアプリケーション開発にも使われる。（→Tauri）

Svelte

概要 • Docs • Svelte

Vue.js

Vue.jsのメソッド内で別のメソッドを呼び出す | ブログ | Cleysense株式会社

Webフロントエンドだけでファイルを読み書きしたい

◆CSSフレームワーク

ブラウザ描画の各パーツの位置、大きさ、色などのデザインに関わる部分を担当するのがCSSだが、それをより便利に使えるようにしたフレームワーク。フロントエンドフレームワークと組み合わせて使われることが多い。

Bootstrap

Twitterで使われているCSSフレームワークということである時期爆発的に流行ったが、いまではそうでもない。

Bootstrap

Bootstrap · The most popular HTML, CSS, and JS library in the world.

Bulma

ノンJSで手軽に書けるのが特徴。

Documentation | Bulma: Free, open source, and modern CSS framework based on Flexbox

◆Webフレームワーク

リンクをクリックするとどのページに飛ぶか、エラーのときどのページを表示するか、データベースに対してどのようなページを用意するか、など、サイト全体を構築するためのフレームワーク。ここではサーバー側で複雑なプログラムを実行させない「静的フレームワーク」を扱う。

Gatsby.js

ギャツビー

gatsby-imageを通じてレスポンシブ画像を理解する

Gatsbyでブログを作ってやったことのまとめ | 高木のブログ

Using Sass in Gatsby | Gatsby

サイトジェネレータ

静的サイトジェネレーター Catalpa

◆Webサービス API

Mastodon

Access Token Generator for Mastodon API

◆アプリケーションスクリプト

Windows Scripting Host(WSH)

リファレンス | Microsoft Learn

WSHはWindowsで標準的に動作するスクリプト実行環境だが、すでにサポートされておらずMSもPowerShellへの移行を推奨している。それでも*.jsファイル作ってJavascriptを書いてWindowsを動かせるのはいまだに魅力的（正確にはJScriptで現在のJavascriptより大幅に機能劣化しているが…）。

Processing

Reference / Processing.org

Processingはビジュアルをスクリプトで操るエンジン。映像作品の制作やVJに使用されている。

AutoHotKey

コマンド(カテゴリー別) - AutoHotkey Wiki

AutoHotKeyはWindowsのマウスやキーボード操作の自動化ソフト。

VOCALOID Job Plugin

Job Plugin API Manual ENG GT | PDF | Data Type | Parameter (Computer Programming)

Vocaloid4 EditorをLua言語で操作するAPI。自動でボカロを調教したり、ハモリを生成したり。

YAMAHAが、以前は無料で公開されていた日本語のJobPluginのAPIマニュアルをサイトから削除したので、日本語から英訳された野良転載に頼らざるを得ないというクソみたいな状況。

Google スプレッドシート

Google スプレッドシートの関数リスト - Google ドキュメントエディタヘルプ