Yahoo!Japanの爆速YQLを使って、ブログのRDFから更新情報一覧を表示する

以前に「Google Feed APIの代替手段と設定方法」で、RSSから更新情報を取得して、更新情報一覧を表示する方法を紹介しました。 今回は、RSSの代わりにRDFから更新情報を取得するサンプルコードです。 RDFは …

Continue reading ‘Yahoo!Japanの爆速YQLを使って、ブログのRDFから更新情報一覧を表示する’ »

JavaScriptでSVGの円をドラッグして移動するサンプル

JavaScriptでSVGの円をドラッグして移動するサンプルです。 <svg id=”svg” width=”300″ height=”340″ style=”border-width: thick; borde …

Continue reading ‘JavaScriptでSVGの円をドラッグして移動するサンプル’ »

JavaScriptで始点・終点・2つの制御点と補助線、ベジェ曲線を描くサンプル

<canvas id=”myCanvas” width=”400″ height=”400″></canvas> <script> const canvas = document.ge …

Continue reading ‘JavaScriptで始点・終点・2つの制御点と補助線、ベジェ曲線を描くサンプル’ »

HTMLのCanvasのwidth/height属性とCSSの設定の違いについて

幅と高さを指定したcanvasに円を描いた。 <canvas id=”canvas1″ width=”200″ height=”200″></canvas> <canvas id=”canv …

Continue reading ‘HTMLのCanvasのwidth/height属性とCSSの設定の違いについて’ »

PNGファイルをWindows/OS X/Android/iPhone/iPad用アイコンのサイズに変更するWebアプリ

PNGファイルをWindows/OS X/Android/iPhone/iPad用アイコンのサイズに変更するWebアプリを作りました。 ひとまず動作するようになったので公開します。 Application Icon Re …

Continue reading ‘PNGファイルをWindows/OS X/Android/iPhone/iPad用アイコンのサイズに変更するWebアプリ’ »

Linux Mint 17.3にnode.jsをインストールする

node.jsを直接インストールせず、node.jsのバージョン管理ソフトnodebrewを使ってnode.jsをインストールする。 nodebrewのインストール 公式サイトを参考にしてインストールする GitHub …

Continue reading ‘Linux Mint 17.3にnode.jsをインストールする’ »

JavaScriptの既存オブジェクトを変更しない

『メンテナブルJavaScript ―読みやすく保守しやすいJavaScriptコードのための作法』より。 Prototype JavaScript Framework(prototype.js)は、既存のオブジェクトに …

Continue reading ‘JavaScriptの既存オブジェクトを変更しない’ »

JavaScriptからCSSを隔離する

ある要素のスタイルをJavaScriptで変更する必要があるとき、CSSクラスを操作するのが最善です。 『メンテナブルJavaScript ―読みやすく保守しやすいJavaScriptコードのための作法』より。 Styl …

Continue reading ‘JavaScriptからCSSを隔離する’ »