カテゴリー別アーカイブ: JavaScript

JavaScript関連の記事

今更ながらReactに入門してみるも、create-react-appが失敗したので対処メモ

最近の技術動向にここのところついていけてないなー、と感じたので適当に最近の流行を一つ選んで、入門してみる。

最近、フロントエンド開発を全然していないので、適当にReactに入門することにした。

以下はその作業記録である。

続きを読む 今更ながらReactに入門してみるも、create-react-appが失敗したので対処メモ

WordPressの記事内に貼ったURLを一括置換するブックマークレットを作った

先日、7年運営が続いているこの個人ブログのドメインを変更しました。

その時の記事が以下
【今更すぎる】takelab.noteのドメインを変更しました【独自ドメイン設定】


続きを読む WordPressの記事内に貼ったURLを一括置換するブックマークレットを作った

Yahoo!検索の「カスタムサーチ」をつかってみた

サイト内検索を独自にカスタマイズしたいと思ったが、そんな余裕はなかった

言わずと知れた検索サービス大手のYahoo!JAPANですが、昔からある割には知られざる隠れたAPIがあったりします。
今回は職場で使うあるイントラサービスの検索機能で不便な点があったので、改善してみようとアレコレ試しました。その方法の一つに「Yahoo!検索 カスタムサーチ」がありました。

続きを読む Yahoo!検索の「カスタムサーチ」をつかってみた

【Android】AndroidNetworkInfoGetter【開発支援ツール】

久々にgithub.comに何かpushしたくなったので昔作った開発支援ツールを改修しました。
いろいろ放置していたのもあって、結構カオスな状態だったのですがJavaScriptの復習がてらに改修しました。

その名も

AndroidNetworkInfoGetter

node.js製で、今のところしょぼいWebアプリですが開発した当初はこいつにすごい助けられたのを覚えています。

https://camo.githubusercontent.com/c647106fa077116e5ca476ea4f9f9b6ba87b4485/687474703a2f2f74616b656c61622e7375622e6a702f77702d636f6e74656e742f75706c6f6164732f2545332538322542392545332538322541462545332538332541412545332538332542432545332538332542332545332538322542372545332538332541372545332538332538332545332538332538382d323031372d30392d31372d31302e33322e32392e706e67

画面こんな感じです。

https://github.com/shotakeu/AndroidNetworkInfoGetter

実は昔githubに公開してそのまま放置していたという。。。



続きを読む 【Android】AndroidNetworkInfoGetter【開発支援ツール】

久々にMacにnode.jsの環境を整えてnodeアプリを動かした

絶賛就活中の元社畜。

Androidアプリエンジニアとして働いていたころ、むかつきすぎて作ったツールがあったのでそれを動くようにしたかったのです。

続きを読む 久々にMacにnode.jsの環境を整えてnodeアプリを動かした

【Electronを】hello worldするまで【Lubuntu14.04で】

うちにLubuntuを入れた古いデスクトップPCが生きていたとさ
そこでこんな記事を見つける
Ubuntu DesktopにElectron環境を構築する

続きを読む 【Electronを】hello worldするまで【Lubuntu14.04で】

【Node.js】ejsファイルのvim syntaxに色をつけたい【一番簡単な方法】

久々にnode.jsで何かしらつくろうと思った。
localに自前のAPIを立てて、それを叩いて表示しようとした段階で、ejsを使っていたのだが、vimで開くと色がつかない。

こんなejsファイルをつくっていた。

index.ejs

<html>
<body>
<h1>New Project</h1>
<script>
var xhr = new XMLHttpRequest();
xhr.open("GET","/api/photo/list");
xhr.addEventListener("load", function(e){
var photoList = JSON.parse(xhr.responseText);
console.log(photoList);
});
xhr.send();
</script>
</body>
</html>

続きを読む 【Node.js】ejsファイルのvim syntaxに色をつけたい【一番簡単な方法】

Node.js Express導入してうごくまで 2016

開発環境:私物MacBookPro

$ npm install express

昔はこれでexpressコマンドが使えたらしいのだが、最近になって別にコマンドを打つ必要が増えたそうだ。
そこで以下を実行。

$ sudo npm install -g express-generator
$ which express
/usr/local/bin/express

参考:http://www.atmarkit.co.jp/ait/articles/1503/04/news047_3.html
続きを読む Node.js Express導入してうごくまで 2016

Internet Explorler8でconsole.logすると怒られる

JavaScriptで開発をしていてよくお世話になるconsole.logをInternetExplorler8で出そうとすると、謎のポップアップが出てきて「そんなものは宣言されてないよ!」と怒られます。JavaScriptでモジュール開発していてよくIEでの動作確認でひっかかります。開発が切羽詰ってるときにあれをやられるとディスプレイを殴りそうになります。
続きを読む Internet Explorler8でconsole.logすると怒られる

noscriptタグの恐怖 JavaScriptをオフにした直後にリロードすると

noscript

[html]
<noscript>aaaa</noscript>
[/html]

ブラウザでJavaScriptがオフになっているときに活用されるのがnoscriptタグだ。たとえばアクセスしてきたユーザーの使うブラウザがなんらかの理由でjavascriptを有効にしていないときなどに、「JavaScriptがオフになっています」といったメッセージを示す際に使われる、近年ではあまり意識することのない要素である(実際には存在しているがJavaScriptをオフにしない限り見ることができない)。

続きを読む noscriptタグの恐怖 JavaScriptをオフにした直後にリロードすると

要素の存在有無チェック .size() jQuery

jQueryで要素の存在の有無を調べたいときに.size()をよく使っていました。
ただ、ブラウザによっては実行速度が下がるみたいなのでいろいろと調べていたらタメになった記事がありました。
続きを読む 要素の存在有無チェック .size() jQuery

最寄りの要素を取得 .closest ━jQuery

jqueryで特定の要素に隣接する(最寄りの)要素を取得したいときに使える.closest
続きを読む 最寄りの要素を取得 .closest ━jQuery