Corredor

ウェブ、プログラミングの勉強メモ。

JavaScript

Node.js や TypeScript で使える O/R マッパーライブラリを探してみたが、イマイチなので自前でやってみたり

最近、 Node-SQLite などを用いて Node.js スクリプトから DB を操作してみたり、 TypeScript で JSON データを受け取って DTO 的なクラスに突っ込んでみたり、 といったことをやっている。 Java でいう POJO なクラスを用意しておいて、MyBatis (古くは iBa…

JavaScript の関数を短縮しようとしたら Illegal invocation が出た

ブックマークレットを作るため、以下のように関数を別変数にしたら短縮して書けるんじゃないかな?と思って書いてみたところ、Illegal invocation なるエラーが出た。 const getId = document.getElementById; // → Uncaught TypeError: Illegal invocation …

Wikipedia の短縮 URL を取得するブックマークレットを作ってみた

Wikipedia には短縮 URL というか、ページ ID を指定して参照できる URL が用意されていることを知った。 参考:WikipediaのURLを短縮する方法 - おねむゲーマーの備忘録 たとえば「World Wide Web」のページの URL は以下のようになっている。 https://ja.w…

HTML ファイルだけで Markdown を Wiki 風に表示できる「MDWiki」を試してみた

HTML ファイル1つだけで Markdown ファイルをパースして表示してくれる、MDWiki というツールを試してみた。 Markdown ファイルをパースして HTML 表示してくれるツールというと GitBook などがあるが、HTML ファイル1つだけという最強の手軽さが売り。早速…

JavaScript の配列やオブジェクトは参照渡しになる…バグを生む落とし穴

JavaScript において、配列やオブジェクトは参照渡しになる。コレが思わぬバグを生むことに繋がるので、紹介しておく。 今回、「参照渡し」「値渡し」「参照の値渡し」などの議論は避けるが、オブジェクトを代入する際、以下のような挙動をすることは覚えて…

キーコードを調べるツール作った

キーボードの押下したキーを調べる JavaScript ツールを作った。その名も KeyCode Checker。 See the Pen KeyCode Checker by Neos21 (@Neos21) on CodePen. 画面上でキーを押下すると、そのキーの情報を表示する。 普通に event.key などの値を取得・表示し…

JavaScript でループをゆっくり回す

JavaScript 第6版作者: David Flanagan,村上列出版社/メーカー: オライリージャパン発売日: 2012/08/10メディア: 大型本購入: 12人 クリック: 252回この商品を含むブログ (18件) を見る 一気に処理させたくない Ajax 通信だとか、デバッグのために処理中の様…

アンケートサイトの色々な回答に一気に答えるブックマークレットを作った

アフィリエイトで夢を叶えた元OLブロガーが教える本気で稼げるアフィリエイトブログ 収益・集客が1.5倍UPするプロの技79 [ 亀山ルカ ]ジャンル: 本・雑誌・コミック > ビジネス・経済・就職 > アフィリエイトショップ: 楽天ブックス価格: 1,706円 これまで…

アンケートサイトで使える!性別のラジオボタンを自動選択するブックマークレット

入門者のJavaScript 作りながら学ぶWebプログラミング (ブルーバックス) [ 立山秀利 ]ジャンル: 本・雑誌・コミック > 文庫・新書 > 新書 > その他ショップ: 楽天ブックス価格: 1,058円 アンケートサイトで使えそうなブックマークレット、第4弾。「あなた…

アンケートサイトで使える!テキストボックスに年齢を自動入力するブックマークレット

Excel VBAでIEを思いのままに操作できるプログラミング術 Excel 2013/2010/2007/2003対応作者: 近田伸矢,植木悠二,上田寛出版社/メーカー: インプレス発売日: 2013/04/19メディア: 単行本(ソフトカバー)この商品を含むブログ (7件) を見る アンケートサイ…

アンケートサイトで使える!都道府県セレクトボックスを自動選択するブックマークレット

基礎から徹底的に学ぶJavaScript作者: 鶴田正信発売日: 2016/08/12メディア: Kindle版この商品を含むブログを見る アンケートサイトで使えそうなブックマークレット、第2弾。よくある「あなたがお住いの都道府県を選択してください」というセレクトボックス…

アンケートサイトで使える!ドラッグ・アンド・ドロップで選択した範囲を一括でクリックするブックマークレット

成功するポイントサービス 1万人の生活者から見る今あなたの会社がすべきこと [ 岡田祐子 ]ジャンル: 本・雑誌・コミック > ビジネス・経済・就職 > その他ショップ: 楽天ブックス価格: 1,512円 ドラッグ・アンド・ドロップで選択した範囲を一括でクリックす…

Node.js の機能だけでシンプルな HTTP サーバを作ってみる

Nodeクックブック作者: David Mark Clements,和田祐一郎出版社/メーカー: オライリージャパン発売日: 2013/02/23メディア: 大型本購入: 2人 クリック: 4回この商品を含むブログ (5件) を見る Node.js でサーバを立てるというと、Express というパッケージを…

カラーコードと RGB 表記を相互変換する ccc : Colour Code Converter を作った

NPMな彼女デス?ニッポン萌えな彼女デス?アーティスト: クロエ・ルメール(CV:丹下桜)出版社/メーカー: ポニーキャニオン発売日: 2017/07/19メディア: MP3 ダウンロードこの商品を含むブログを見る Webデザイン 色の辞典 魅せるWebサイト 売れる配色作者: 高坂…

メインサイト Neo's World のデザインを変更した

メインサイトといいつつ、開設開始からの日数が一番長いだけという Neo's World だが、2018年2月4日にデザインを変更した。今回はその詳細を書き留めておく。 伝わるデザインの基本 増補改訂版 よい資料を作るためのレイアウトのルール作者: 高橋佑磨,片山な…

onerror イベントで img・script 要素の読み込みエラーをうまく検知できなかったら

これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん作者: たにぐちまこと出版社/メーカー: マイナビ出版発売日: 2017/03/27メディア: 単行本(ソフトカバー)この商品を含むブログを見る img 要素や script 要素に対し、onerror 属性を設定した…

JavaScript で月間カレンダーを作った (Bootstrap4 でデザイン)

HTML5+CSS3でつくる! レスポンシブWebデザイン作者: 大串肇,齋木弘樹,清野奨,嵩本康志,松尾祥子,松尾慎太郎,宮崎優太郎,吉澤富美出版社/メーカー: ソーテック社発売日: 2016/03/17メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る Bootst…

TextEncoder・TextDecoder を初めて知った

プログラマのための文字コード技術入門 (WEB+DB PRESS plus) (WEB+DB PRESS plusシリーズ)作者: 矢野啓介出版社/メーカー: 技術評論社発売日: 2010/02/18メディア: 単行本(ソフトカバー)購入: 34人 クリック: 578回この商品を含むブログ (129件) を見る Ja…

JavaScript で和暦取得できたのね…

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: 大型本この商品を含むブログを見る 生の JavaScript で、toLocaleDateString() を使うと和暦が取得できた…

オレオレ証明書を用意し Node.js で HTTPS サーバをサクッと立てる

Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)作者: 山本陽平出版社/メーカー: 技術評論社発売日: 2010/04/08メディア: 単行本(ソフトカバー)購入: 143人 クリック: 4,320回この商品を含むブログ (183件) を見る OpenSSL―暗号・PKI・…

Web ページ中の画像が読み込めなかった時に処理させる

HTML&CSSとWebデザインが 1冊できちんと身につく本作者: 服部雄樹出版社/メーカー: 技術評論社発売日: 2017/07/21メディア: 大型本この商品を含むブログを見る Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集作者: 久保田涼子出版社/メーカ…

1ファイルでコマンドとしても API としても使える npm モジュールを作る

JavaScriptでのWeb開発 ~ Node.js + Express + MongoDB + ReactでWebアプリを開発しよう ~ その1(改訂版)作者: 中野仁発売日: 2017/12/07メディア: Kindle版この商品を含むブログを見る JavaScriptでのWeb開発 ~ Node.js + Express + MongoDB + ReactでWe…

iPhone の 3D タッチ (Force Touch) を JavaScript で扱う

今日、2018年1月11日で27歳になりました。今年も宜しくお願い致します。よかったら以下の欲しいものリストをヨロシクオネガイシマス。 Amazon - ほしいものリスト iPhone芸人かじがや卓哉のスゴいiPhone 超絶便利なテクニック123 iPhone X/8/8 Plus対応作者:…

Array-Like Object で forEach する

速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター! 速習シリーズ作者: 山田祥寛出版社/メーカー: WINGSプロジェクト発売日: 2015/08/28メディア: Kindle版この商品を含むブログを見る 速習TypeScript: altJSのデファクトスタンダートを素早く学ぶ…

elementFromPoint() という API があった

JavaScript 第6版作者: David Flanagan,村上列出版社/メーカー: オライリージャパン発売日: 2012/08/10メディア: 大型本購入: 12人 クリック: 252回この商品を含むブログ (18件) を見る 2018年の初記事です。今年も宜しくお願い致します。 さて、まだまだ DO…

スクロールバーの幅を取得する JavaScript

徹底マスター JavaScriptの教科書 プログラミングの教養から、言語仕様、開発技法までが正しく身につく (Informatics&IDEA)作者: 磯博出版社/メーカー: SBクリエイティブ発売日: 2017/03/18メディア: 単行本この商品を含むブログを見る Web ページに表示され…

Angular ライブラリを AoT コンパイルした上で Uglify する方法は?

速習TypeScript: altJSのデファクトスタンダートを素早く学ぶ! 速習シリーズ作者: 山田祥寛出版社/メーカー: WINGSプロジェクト発売日: 2017/06/21メディア: Kindle版この商品を含むブログを見る TypeScript実践プログラミング Programmer's SELECTION作者:…

HTML ファイル内に CSS や JS をインライン挿入する「html-inline」

インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン作者: Heydon Pickering,太田良典,伊原力也,株式会社Bスプラウト出版社/メーカー: ボーンデジタル発売日: 2017/11/04メディア: 単行本(ソフトカバー)この…

GitHub に公開するリポジトリでパスワードなどを管理しないようにする方法

GitHub実践入門 ~Pull Requestによる開発の変革 (WEB+DB PRESS plus)作者: 大塚弘記出版社/メーカー: 技術評論社発売日: 2014/03/20メディア: 単行本(ソフトカバー)この商品を含むブログ (23件) を見る 前回までに紹介した FTP 関連の npm パッケージの中…

ftp-deploy で指定のディレクトリを FTP アップロードする

いちばんやさしいJavaScriptの教本 人気講師が教えるWebプログラミング入門(「いちばんやさしい教本」シリーズ)作者: 岩田宇史出版社/メーカー: インプレス発売日: 2017/03/27メディア: 単行本(ソフトカバー)この商品を含むブログを見る 前回紹介した ftp-…