Category Archive for ‘Development’

こんにちはnasustです。
AndroidのUI関係のオープンソースって探しにくいですね。
そこで、UIのライブラリを扱っているウェブサイトや記事を集めてみました。

Android Views

http://www.androidviews.net/

アンドロイドのカスタムUIを紹介しているサイトです。アンドロイドのUIを集めているサイトとしては一番じゃないでしょうか。

OpeIntents

http://www.openintents.org/en/libraries

アプリやオープンソースUIのインテントを紹介しているサイトです。インテントの紹介ですが、「Libraries」でオープンソースのUIが登録されているので、ここから探すこともできます。

KLab iPhoroid UI

http://www.klab.com/jp/iphoroid/download.html

KLabさんが開発したiPhohe UIをAndroidで再現したライブラリです。カバーフロー、リストビュー、グリッドビューなど公開されています。

ActionBarSherlock

http://actionbarsherlock.com/

古いAndroidでもアクションバーを使用できるにようするライブラリです。

こんにちは、nasustです。
自分が勤務している「ココダス株式会社」で、Android用の凄いRSSリーダウィジェットがリリースしました。

どう凄いかというと常に上に表示されます。普通のウィジェットはホーム画面に表示されるだけで、アプリを起動すると隠れてしまいます。ですがこのウィジェットは全てのアプリの上に常に表示されます。

画像はイメージです。この画像のようにアプリの上に表示されます。
もちろんウィジェットを表示したまま、下のアプリをタップしたりスワイプしたりと普通に操作できます。

表示したまま記事の更新を確認できるので凄い便利です。PCのようにアプリを二つ動かして表示させることができなくてフラストレーションが貯まりましたが、ココダスリーダーを使うと同時に記事を確認できるようになります。

文章では説明しにくいので、下の動画を見て下さい。どのように常に上に表示されるか分かります。

新しい常に上に表示されるRSSリーダをお試しください。スマートフォン、タブレットに対応しています。回転に対応していますので、縦でも横でも使用できます。

ダウンロード

こんにちは、nasustです。
夏が暑くて汗がひどいので、部屋に引きこもってプログラミングしています。
PopClipというiOS風の選択したテキストのメニューを表示するMac用のソフトウェアです。
このPopClipには、選択したテキストを全文字大文字かしてクリップボードにコピーするなどの拡張機能があります。
今回、僕がPopClipを使ってプログラミングの効率化の為、作成したアクションを紹介します。

英文を定数変数化

input=ENV['POPCLIP_TEXT']
print input.gsub(" ","_").upcase()

PopClipのアクションはRubyで記述します。標準出力に出力した文字がクリップボードにコピーされます。
このアクションは、半角スペースを”_”に置き換えて大文字化しています。英文を選択してコピーするだけで定数の変数ができます。

英文をキャメル記法の変数化

input=ENV['POPCLIP_TEXT']
splitValue = input.split(" ");

count = 0;
splitValue.each{|word|
if( count == 0 )
print word.downcase
else
print word.capitalize

ココダス株式会社の森です。

最近のWebサイトを開発するときの自分のWeb開発環境を紹介したいと思います。

自分はWebサイトを作成するときのIDEは、WebStormを使用しています。
WebStorm(http://www.jetbrains.com/webstorm/)とは、JetBrains社が販売しているIDEです。最強のJavascriptエディタと評判されています。

今回は、WebStormのプロジェクトにCompassとHAMLとTypescriptを組み込んで、生産性の高い開発環境を構築します。

1.WebStormのプロジェクト作成

今回は、Empty Projectを作成します。プロジェクト名は”Sample”とします。

ターミナルなどで、プロジェクト直下に移動して、

compass init

を実行します。

2.SCSSを編集したら自動コンパイルするように設定する

WebStormのFile WatchersでSCSSが編集されたら、自動的にcompassでコンパイルするように設定します。

1. WebStormのPrefarenceでFile Watchersの”+”ボタンを押して,SCSSを選択します。
2. Programに/usr/bin/compassを設定します。
3. Argumentsにcompile –config $ProjectFileDir$/config.rbを設定します。
4. Working directoryに$ProjectFileDir$を設定します。

2.HAMLを編集したら自動コンパイルするように設定する

HAMLファイルが編集されたら同じようにFile Watchersで自動的にコンパイルするようにします。

1. WebStormのPrefarenceでFile Watchersの”+”ボタンを押して,<custom>を選択します。
2. File TypeにHAML filesを選択します。
3. Programに/usr/bin/hamlを選択します。
4. Argumentsに–format xhtml $FileName$ $FileNameWithoutExtension$.html を設定します。
5. Working direcotryに$FileDir$を設定します。

3.Typescriptを編集したら自動コンパイルするように設定する

WebStormでTypescriptを自動的にコンパイルするように設定するのは簡単です。
.tsファイルを作成するとWebStormがFile WatchersにTypescriptの自動コンパイルの設定をするか、通知してきますので”Add watcher”を設定します。
これで自動的に.tsファイルがコンパイルされます。

追加されると以下の設定になります。

WebStormはTypescriptをサポートしているので、コーディング中のコードアシスタントを効きます。Typescriptで堅牢性の高いjavascriptを生成して、HAML,SCSSで効率的にHTML,CSSを生成することができます。

ウェブデザインからコーディングまで開発する場合は、WebStormでモダンな開発環境を用意すると高い生産性でウェブサイトを作成することができます。