作品
講義ノートの余白に，復習時に読みたい参考ウェブページのURLを書いておきたい場面がときどきあるのですが，URLは長いので手書きでメモすると結構大変です． そこで，URLに自分だけの適当な数字を割り当てるツールをつくって，試用していました．意外と使え…
① 「ぽとふ」をリニューアルしました 今日は久しぶりに自由な時間があったので、アプリやプロトタイプなどの作品を紹介するためのポートフォリオサイト「ぽとふ」をゼロから作り直しました。 ぽとふ開設時の記事 今回の大リニューアルにあたって、コンセプト…
昨日のGitHubのHalloween仕様のContributionsが気に入ったので、好きなときに、昨日のGitHubと全く同じ系統の暖色に変更できるChrome拡張機能を作りました。（CSSを書いただけですが...） GitHubに置いてありますので、ダウンロードして、Chromeの「パッケー…
ウェブページの最高なスクリーンショットを生成する、ウェブブラウザ風なAndroidアプリ「Koto」をリリースしました。 Koto for Android Android KitKat (4.4) 以降に対応するように作ろうと思ったのですが、どこかで間違えてしまいLollipop (5.0) 以降になっ…
JavaScriptに<polymer-element>タグをReactのJSX記法で書ける便利スクリプトを書きました。babelと一緒に使います。 babelは、次世代のJavaScriptを今のJavaScriptに変換してくれるトランスパイラです。 babelではReact.jsのJSXも展開することができます。 JSXとは、JavaScrip</polymer-element>…
目次 やりたかったこと つくったもの 実行例 9月27日のブログ記事 Before After TeXのプリアンブル Before After 絵文字入り文章 Before After 今後やりたいこと ご注意 やりたかったこと Google フォト にテキストファイルを置きたい!!!! 画像: Google+より…
miilDiaryは、食のSNS「miil」に投稿した写真をダウンロードして日記ページを生成してくれるCUIツールです。
前期の実験レポートを書くときに使っていたレポートの雛形をGitHubに公開しました。後期の実験でも引き続きフォーマット自由ならば使います。ひとつのセクションだけをTeX --> PDFにするツールstexがおすすめです。 すべてを一気にPDF化してしまうと、 執筆…
目次 Apricot とは Apricot Beta について Apricot 2 用語と基本的な使い方 Zumen Brick Recipe View Apricot 2 を入手 アイデア大募集 Apricot とは ペイントアプリで描かれた画像ファイルの長方形部分を、HTMLのdiv要素に置き換えて、HTMLファイルを生成す…
アクティブに作業するディレクトリのパスを予めテキストファイルに書いておいて、pecoでこれらを選択して移動するコマンドをつくりました。開発中のアプリや実験レポートなどのディレクトリを登録しておくと捗ります。 テキストファイル ホームからの相対パ…
ApricotはアプリのUIを簡単にデザインするためのツールです。 つくりたいアプリ画面のレイアウトを画像としてペイントして、Apricot Kit を用いてビルドすることで、 HTML, CSSファイルが自動生成されます。つまり、絵を描き、少しのデザイン設定を書くだけ…
開発中のChromeアプリのmanifest.jsonが置いてあるディレクトリをChromeブラウザに読み込ませてあげると、実際にアプリを起動してデバッグすることができます。 基本手順としては、公式チュートリアル（Create Your First App - Google Chrome）の Step 5 に…
これは「daizの日記一周年記念」の企画（第２弾）です。 これまで制作してきた作品をまとめておくためのサイト「daiz.ぽとふ」を公開しました。 今後は はてなブログ ぽとふ の２本展開で成果物をストックしていきたいと思います。 サイトは下記のURLでご覧…
カードUIのColumn（カラム；列）数を表示領域の広さに応じて自動で調整するためのスクリプトを書きました。ウェブページやウェブアプリで使用できます。 実際、CSSでもwidthやheightの値として"50%"のようにパーセントで与えることで、画面の大きさに合わせ…
本日、食のSNS「miil」の自作クライアント「miilClient ベータ」をアップデートしました。最新版のアプリは以下のリンク先から入手できます。ぜひお試しください。 また、既にインストール頂いている場合は、数日以内に最新バージョンに自動で更新されますの…
MiilClientのソースコードをGitHubに公開しました。
本日、Androidアプリ版「miilClient」をPlayストアに出品しました（無料）。以下のリンクからスマートフォンやタブレットにインストールいただけます。是非お試しください。 MiilClient - Google Play の Android アプリ 「miilClient」については、以下のリ…
昨年11月にプレビュー版としてリリースさせていただいたChromeアプリ「miilClient」をバージョンアップし、本日、Chrome ウェブストアに出品しました。以下のリンクからインストール可能です。 MiilClient - Chrome Web Store この記事では、miilClientの機…
HTMLのソースコードの中に直接書かれたインラインスクリプトを、外部のJSファイルに書き出して呼び出す形式に変更するためのPerlスクリプト`を書きました。
メモ帳アプリを極限までシンプルにした「draftnote」をChromeウェブストアとGitHubで公開しました。
「食のSNS 『miil 』」の愛用者（僕を含む）向けのChromeアプリを作成しました。 このアプリでは、自分が miil に投稿した写真の一覧を表示することができます。
HTMLのカスタムエレメント「griddles-ui-card」の最新バージョン（version 0.3.0）とデモアプリをGitHubにてリリースしました。
カードUIテンプレート「griddlesJS」の最新版「griddles-ui-card」を公開しました。
localStorageを使いやすくするため、ラッパースクリプト「appStorage.js」を書きました。
徹夜して頑張った時間を記録してみませんか？chrome拡張機能「徹夜の記録」のご紹介です。
初めてのカスタムエレメント作りに挑戦します。Polymerを用いてコンポーネントを作製する過程を紹介しています。
JavaScriptプログラム中でHTMLコードを生成するときに、変数と文字列の連結でゴチャゴチャになることを避けるためにつくってみました。
カードUIを簡単に実現できるJavaScriptテンプレート「griddlesJS」の最新版(nileblue)を公開しました。
Google I/O 2014を記念して、ドロイドくんに関する作品をつくってみました。
カードUIを綺麗に実現するJavaScriptテンプレート「griddlesJS」の最新版をリリースしました。デスクトップやモバイル向けのchrome アプリのUIとしても利用しやすくなりました。
