TAKETOMA's Labo

作成しているAndroidアプリのサポートと
プログラミングやいろんなガジェットについて
備忘録を残していくブログです

ラベル Blogger の投稿を表示しています。 すべての投稿を表示
ラベル Blogger の投稿を表示しています。 すべての投稿を表示

Bootstrap in Blogger

BloggerにBootstrapを適用してみた。 

Bootstrapとは、適用するだけで
なんかかっこよくて素敵なwebサイトにしてくれるcssフレームワーク

 http://getbootstrap.com/


レスポンシブデザインでパソコンのディスプレイでも
スマートフォンのディスプレイでも自動で見易く表示してくれる

これで、bloggerのモバイル表示対応なんか設定しなくとも
画面の大きさに合わせて表示してくれる


Bootstrapの勉強がてら、
ちまちまとテンプレートに埋め込んでいこうかと思っていたら、
バージョンが2から3まで上がっていた

と同時にBootstrap Blogger Templateなるものが出来ていて、
さくっとbloggerに適用できたのでその方法を書き留めておく


1)http://bootstrap.slugs.in/からテンプレートをダウンロード
2)ダウンロードしたzipの中にxmlがある
3)Bloggerダッシュボードのテンプレート→バックアップ/復元で
  まずは現状のテンプレートをバックアップ
4)バックアップ/復元でファイルを選択で2)のxmlを指定、アップロードする
5)HTMLの編集から部分的に修正を加える


このブログのようなデザインになればOK。

Androidの画面を動画キャプチャしてみた

前々から他のアプリのように
アプリの使用方法動画をマーケットに表示させたいと思っていたので
試してみた。

動画を撮る方法だが、
これまたGoogleCodeにて公開されている

androidscreencast

GoogleCodeで公開されているアプリやライブラリってほんとにすごい

無料でなんでもできてしまう。。。

準備には、AndroidSDKとかJavaとか必要だけど、
開発者の環境には整っているので特段準備はいらない。

使用方法と言えば、
1.SDKのtoolsのddms.batを起動。
2.USBデバッグモードで端末とPCをつなぐ。
3.androidscreencastを起動
4.Recordで保存するファイル名を決めたら保存開始。

最初、何回やってもandroidscreencastが起動できなくて(エラーで起動に失敗)
YOUTUBEで androidscreencast の使用方法を親切に解説してくれる動画を眺めていたら気付いた。

起動時にJava6って表示されるんだがその右下に表示される文字が違っていた。

自分→Sun Microsystems
動画→ORALCE

ORACLEに買収される前からJavaを更新していなかった模様。。。
結構前だな。。

Javaを更新したら、ちゃんと起動するようになったので、
EasySujiの使用動画をキャプチャしてみた。

結構ゆっくり操作したつもりだったけど結構早く動いてキャプチャされてる。

マーケットに表示できるようにしてみた。

ここのサポートページにも貼り付けてみた。

時間のあるときに他のアプリの動画も付けてみようと思う。

Bloggerでファイルアップロード

一時期、Androidマーケットに公開していたがすぐに公開するのをやめたアプリがある。

そのアプリは

洒落怖ビューワ

怖い話を読むのが好きで、
死ぬ程洒落にならない話を集めてみない?のサイトを
スマートフォンで読むためだけに作りました。


その時は、マーケット上には同じようなアプリが1つだけだったんで、
ベータ版のまま公開したんだが、、

そのあと似たようなアプリで使いやすいのが出たので
そっちを私が愛用するようになったので、
開発意欲もなくなり、勝手に非公開にしたのだ。

ダウンロード数500のうち、いまだに100ぐらいインストールしている模様。。
使ってる方ごめんなさい。

開発やめたけど作ったものは野良アプリにしてしまおうかと思い、
Bloggerにアップロードしようと考えたのだが、そんな機能はないらしい。

GoogleSiteだとアップロードしたファイルの
ダウンロード機能があるみたいなので早速作ってみた。

ここからどうぞ

ちょっとした機能のアプリを作って使用したりしてるので気が向いたら、
いくつか野良アプリを公開しようかなと思います。

Bloggerの投稿にソースコードを載せる方法

Androidアプリの開発メモ用にソースコードを投稿できるようにしてみた。

よく開発者ブログにソースコードがきれいに載っているアレをこのブログにも実現してみた。

調べてみたら、結構簡単で
SyntaxHighlighterというのを導入

ここに書いてあるとおり、
デザインのhtml編集で、
<head>と</head>の間に以下のコードを埋め込む

 
 
 
 
 
 
 
 
 
 
 
 
 
 



早速使用してみた

あとは投稿時に
このタグの間にソースコードをいれて投稿するだけ。


ちょっと開発者ブログっぽくなった気がする