#daiizメモ

Scrapboxに夢中

2014-01-01から1年間の記事一覧

Google I/O 2014 を観て

だいぶ遅くなってしましましたが、Google I/O 2014 の感想を書きました。

Google I/O 2014 を記念して

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

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

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

悲しみ

最新版のccaでRun Chrome Apps on Mobile Using Apache Cordova したらAndroidでの起動エラーが発生したお話です

griddlesJS:: Announcing forthcoming features

カードUIテンプレート「griddles.js」の次期バージョンで追加される予定の新機能のご紹介です。

偶関数と奇関数

高校で初めて聞いた時には「なんかよくわからん」だった「偶関数」と「奇関数」について書きたいと思います*1。 当時考えた自己流の覚え方のメモです。*2 定義 関数が以下の性質を満たす場合、偶関数であるという。 これはつまり、のグラフが軸に関して線対…

griddlesJS:: Mobile Chrome Apps に対応しました

カードUIを自動生成するJavaScriptテンプレート「griddles.js」のdevバージョンが、Mobile Chrome Apps のUIとしても使えるようになりました。また、Chrome Appsで使用するための設定も、より簡単になりました。 How To Use GitHubからソースコードをcloneし…

JavaScriptでタイマーをつくった

JavaScriptでタイマーを作りました。 はじめは60分タイマーでしたが、友人からアドバイスをもらい、大学の講義時間である90分もカウントダウンできるよう設定可能タイムの上限を上げました。 使い方 ミュージックプレイヤーのようなデザインなので直感的に操…

Google+カスタムURL取得後に以前のユーザIDを調べる裏技

Google+カスタムURLを取得した後に古いID(21桁の数字)を取得するための正式な方法が無いっぽいので、裏技を考えました。

はてなのPressoを使ってみた感想など

ソーシャルニュースアプリ「Presso」をはてなさん(id:hatenabookmark)のブログエントリーで知り、iPhoneにインストールしてから2週間くらいが経ちました。 Presso:ソーシャルニュース まとめもブログも話題のニュースをお届け株式会社はてなニュース無料 …

Chrome app なのか Chome browser なのか調べる方法

JavaScriptを書いていると、アプリの挙動やデザインの調整のためにユーザーが実行中の端末やブラウザの情報が知りたくなることが多々あります。 こんなときによく行われている方法の1つにwindow.navigator.userAgentを調べる方法があります。 この判定法だ…

chrome拡張機能のpopup画面を閉じる方法

chrome拡張機能のpopup上のボタンを押したときに、何らかのページ(hoge.html)を開いてから自身(popup.html)を閉じる方法を調てみた。 <button id="btn">hoge.htmlを開いてこの画面を閉じる</button> /* popup.js */ document.getElementById("btn").addEventListener("click", fun…

Android で Chrome Apps を起動させた!!

連休中、前々から気になっていた MobileChromeApps (cordova chrome app)に挑戦しました。上記リンク先のGitHub上の英語の説明を解読しながら環境を構築し、Hello worldすることを目標に頑張りました。 結果 できました!!!*1 環境構築を終えたあとにや…

デスクトップにウェブアプリのショートカットをつくる

PCのデスクトップにウェブアプリケーションのショートカットアイコンを作成する方法を紹介します。 今回は例として Googleカレンダーへのショートカットをつくってみます。 1. Google Chrome を開く 開き方は以下のような方法があります。 デスクトップの Ch…

griddles.js をアップデートしました(stable-package-B1)

カードUIを自動生成するJavaScriptフレームワーク「griddles.js」*1のstable-package-B1 をリリースしました。 今回のバージョンアップにより以下の機能が追加されました。*2 1回あたりのカード読み込みの制限 ストリーム本数の上限値の設定 カードの幅を広…

Google App Engine で課金を有効にしてみた

App EngineのいろいろなAPIに触れてみようと思い、課金を試みました。 そのときの手順をまとめました。 課金の有効化の設定 Developer Console を開く 「プロジェクト」ページで課金を有効にしたいプロジェクトを選択する 画面が切り替わるので、左サイドメ…

Google App Engineでウェブページをホスティングしてみた

先日、ウェブページを公開する機会があった。 利用するホスティングサービスは、無料でも利用できる、 以下の2つで検討した。 Google Drive 以前に使ったことがあるので、とても簡単にできることは知っていた URLが格好悪くなってしまうのが残念 Google App…

夏までにやりたいこと

明日から大学の講義が始まり いろいろ忙しくなりそうなので忘れないうちにメモφ(..)メモメモ 前期のうちに新たにやってみたいこと:: node.jsの勉強 Rubyで何かつくりたい MobileChromeAppsに挑戦 Twitter APIをいじる CSS3を多用した面白いものつくりたい Go…

griddles.js の新機能(予告)

JavaScript製のカードUIフレームワークgriddles.jsの次期バージョンで、新たにできるようになることを紹介します。 すでにできること 画面の横幅に応じてカードを綺麗に整列表示 写真などの事前に縦幅がわからないカードの表示 カードがクリックされた時の挙…

chrome拡張機能「スクラップブック」

拡張機能「スクラップブック(ベータ版)」のデザインを一新し、より使いやすくなりました。 「スクラップブック(ページクリッパー)」は、よく訪れるお気に入りのウェブページを登録・管理することができるブックマークアプリです。 スクラップブックでは …

chrome拡張機能「ごちそうカード」

ふだんGoogle+やTwitterなどを閲覧していると、 「食べたい!」と思ったごちそうの写真 「行きたい!」と思ったレストランの記事 に遭遇することが多々ある。 時間があるときに食べに行ってみようと思い、一応ブックマークするのだが、 ほかのいろいろなペー…

mstr.inで「もっと見る」ボタンを押すと自動スクロールする拡張機能

インストール方法 GitHub: https://github.com/daiz713/scrollable-mstr からzipをダウンロードして解凍する chrome://extensions/ を開く [パッケージ化されていない拡張機能を読み込む...]ボタンから解凍したものを読み込む 使い方 https://mstr.in/ にア…

griddles.js をアップデートしました

カードUIを自動生成するJavaScriptフレームワーク「griddles.js」のstable-package-A1 をリリースしました。 画像表示に関するバグが修正されています。 GitHubのページ: https://github.com/daiz713/griddles

JavaScript - カードUIフレームワーク的なものを作ってみた

こんなカードUIフレームワークが欲しかった JavaScript製 レスポンシブデザインである ウィンドウの表示領域の横幅に合わせてカード(div要素)が自動でセンタリングされる デザインの設定が簡単 カードの高さが表示するまでわからずバラバラでもキレイに並…

はじめまして

JavaScriptでchrome拡張機能やandroidアプリをつくっているdaizです。 新アプリの紹介やアップデート情報などはここにまとめていくことにしました! よろしくお願いします。