#daiizメモ

フレンチフライ トリュフ塩仕立て

作品

紙にURLをメモするときのちょっとした便利ツール

講義ノートの余白に,復習時に読みたい参考ウェブページのURLを書いておきたい場面がときどきあるのですが,URLは長いので手書きでメモすると結構大変です. そこで,URLに自分だけの適当な数字を割り当てるツールをつくって,試用していました.意外と使え…

ポートフォリオ「ぽとふ」を刷新しました

① 「ぽとふ」をリニューアルしました 今日は久しぶりに自由な時間があったので、アプリやプロトタイプなどの作品を紹介するためのポートフォリオサイト「ぽとふ」をゼロから作り直しました。 ぽとふ開設時の記事 今回の大リニューアルにあたって、コンセプト…

GitHubの芝生をかぼちゃ色に染めるChrome拡張機能をつくった

昨日のGitHubのHalloween仕様のContributionsが気に入ったので、好きなときに、昨日のGitHubと全く同じ系統の暖色に変更できるChrome拡張機能を作りました。(CSSを書いただけですが...) GitHubに置いてありますので、ダウンロードして、Chromeの「パッケー…

ウェブページをスクリーンショットで共有しよう

ウェブページの最高なスクリーンショットを生成する、ウェブブラウザ風なAndroidアプリ「Koto」をリリースしました。 Koto for Android Android KitKat (4.4) 以降に対応するように作ろうと思ったのですが、どこかで間違えてしまいLollipop (5.0) 以降になっ…

polymer-elementタグをReactのJSXで書こう

JavaScriptに<polymer-element>タグをReactのJSX記法で書ける便利スクリプトを書きました。babelと一緒に使います。 babelは、次世代のJavaScriptを今のJavaScriptに変換してくれるトランスパイラです。 babelではReact.jsのJSXも展開することができます。 JSXとは、JavaScrip</polymer-element>…

テキストファイルを画像に変換するツールを作って、Googleフォトに置いてみた

目次 やりたかったこと つくったもの 実行例 9月27日のブログ記事 Before After TeXのプリアンブル Before After 絵文字入り文章 Before After 今後やりたいこと ご注意 やりたかったこと Google フォト にテキストファイルを置きたい!!!! 画像: Google+より…

ミイルに投稿した写真で日記を作るツールを公開しました

miilDiaryは、食のSNS「miil」に投稿した写真をダウンロードして日記ページを生成してくれるCUIツールです。

レポートの雛形

前期の実験レポートを書くときに使っていたレポートの雛形をGitHubに公開しました。後期の実験でも引き続きフォーマット自由ならば使います。ひとつのセクションだけをTeX --> PDFにするツールstexがおすすめです。 すべてを一気にPDF化してしまうと、 執筆…

Apricot 2.0 の紹介

目次 Apricot とは Apricot Beta について Apricot 2 用語と基本的な使い方 Zumen Brick Recipe View Apricot 2 を入手 アイデア大募集 Apricot とは ペイントアプリで描かれた画像ファイルの長方形部分を、HTMLのdiv要素に置き換えて、HTMLファイルを生成す…

お気に入りのディレクトリをpecoで選択して移動するコマンドをつくった

アクティブに作業するディレクトリのパスを予めテキストファイルに書いておいて、pecoでこれらを選択して移動するコマンドをつくりました。開発中のアプリや実験レポートなどのディレクトリを登録しておくと捗ります。 テキストファイル ホームからの相対パ…

Release: ApricotでアプリのUIデザインをもっと簡単に

ApricotはアプリのUIを簡単にデザインするためのツールです。 つくりたいアプリ画面のレイアウトを画像としてペイントして、Apricot Kit を用いてビルドすることで、 HTML, CSSファイルが自動生成されます。つまり、絵を描き、少しのデザイン設定を書くだけ…

開発中のchromeアプリを素早く起動しよう!

開発中のChromeアプリのmanifest.jsonが置いてあるディレクトリをChromeブラウザに読み込ませてあげると、実際にアプリを起動してデバッグすることができます。 基本手順としては、公式チュートリアル(Create Your First App - Google Chrome)の Step 5 に…

ポートフォリオサイト「ぽとふ」を開設しました

これは「daizの日記一周年記念」の企画(第2弾)です。 これまで制作してきた作品をまとめておくためのサイト「daiz.ぽとふ」を公開しました。 今後は はてなブログ ぽとふ の2本展開で成果物をストックしていきたいと思います。 サイトは下記のURLでご覧…

カードUIのColumn数を調度良い具合に調整するJavaScriptを書きました

カードUIのColumn(カラム;列)数を表示領域の広さに応じて自動で調整するためのスクリプトを書きました。ウェブページやウェブアプリで使用できます。 実際、CSSでもwidthやheightの値として"50%"のようにパーセントで与えることで、画面の大きさに合わせ…

miilClient ver0.2.0 を公開しました

本日、食のSNS「miil」の自作クライアント「miilClient ベータ」をアップデートしました。最新版のアプリは以下のリンク先から入手できます。ぜひお試しください。 また、既にインストール頂いている場合は、数日以内に最新バージョンに自動で更新されますの…

miilClientのソースコードを公開しました

MiilClientのソースコードをGitHubに公開しました。

miilClient の Androidアプリをリリースしました

本日、Androidアプリ版「miilClient」をPlayストアに出品しました(無料)。以下のリンクからスマートフォンやタブレットにインストールいただけます。是非お試しください。 MiilClient - Google Play の Android アプリ 「miilClient」については、以下のリ…

ミイルに投稿された写真を楽しむChromeアプリ「miilClient」をアップデートしました

昨年11月にプレビュー版としてリリースさせていただいたChromeアプリ「miilClient」をバージョンアップし、本日、Chrome ウェブストアに出品しました。以下のリンクからインストール可能です。 MiilClient - Chrome Web Store この記事では、miilClientの機…

HTMLのインラインJavaScriptを外部ファイル読み込み形式に変更するperlスクリプトを書きました

HTMLのソースコードの中に直接書かれたインラインスクリプトを、外部のJSファイルに書き出して呼び出す形式に変更するためのPerlスクリプト`を書きました。

シンプルなメモ帳を目指したChromeアプリ「draftnote」をリリースしました

メモ帳アプリを極限までシンプルにした「draftnote」をChromeウェブストアとGitHubで公開しました。

自分がミイルに投稿した写真をリストアップするChromeアプリを作りました

「食のSNS 『miil 』」の愛用者(僕を含む)向けのChromeアプリを作成しました。 このアプリでは、自分が miil に投稿した写真の一覧を表示することができます。

マテリアルデザインのカードUIを実現するHTMLタグ「griddles-ui-card」の新バージョンをリリースしました

HTMLのカスタムエレメント「griddles-ui-card」の最新バージョン(version 0.3.0)とデモアプリをGitHubにてリリースしました。

<griddles-ui-card> を公開しました

カードUIテンプレート「griddlesJS」の最新版「griddles-ui-card」を公開しました。

localStorage をもっと便利に

localStorageを使いやすくするため、ラッパースクリプト「appStorage.js」を書きました。

徹夜時間を記録しよう!

徹夜して頑張った時間を記録してみませんか?chrome拡張機能「徹夜の記録」のご紹介です。

Web Components を学ぶ #4 「Chrome Dev Editor でPolymerコンポーネントをつくる」

初めてのカスタムエレメント作りに挑戦します。Polymerを用いてコンポーネントを作製する過程を紹介しています。

HTMLバインディング関数をつくってみた

JavaScriptプログラム中でHTMLコードを生成するときに、変数と文字列の連結でゴチャゴチャになることを避けるためにつくってみました。

griddlesJS:: できることが増えました

カードUIを簡単に実現できるJavaScriptテンプレート「griddlesJS」の最新版(nileblue)を公開しました。

Google I/O 2014 を記念して

Google I/O 2014を記念して、ドロイドくんに関する作品をつくってみました。

griddlesJS:: cordova chrome app に対応しました

カードUIを綺麗に実現するJavaScriptテンプレート「griddlesJS」の最新版をリリースしました。デスクトップやモバイル向けのchrome アプリのUIとしても利用しやすくなりました。