はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

PHPカンファレンス2013における徳丸のプレゼン資料です。後から、参考文献などを加筆しました。Read less

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。

Titanium meetup Tokyo #8 で発表した資料です。 http://atnd.org/events/17965Read less

3. スペック ● IT 業界入ってから 5 年くらいずっと WEB エ ンジニア（客先常駐） ● 最近は iPhone ・ Android アプリとか作ってる （自社受託 ) ● WEB アプリケーション開発の画面側の JavaScript くらいは余裕でいける ● これといってすごいことを成し遂げているわ けでもない普通の人 5. Titanium Mobile とは 「 Write Once, Adapt Anywhere 」 一度ソースコードを書いてしまえば、最 小のコードを付け加えるだけで iPhone で も Android でもその他のプラットフォーム でも動かせるよ！ っていうありがたい技術。 6. ざわ ... ざわ ... ざわ ... えっ、なになに？ ざわ ... ワンソースで iPhone でも Android でも動かせる…？ 同じコードを何本も作ったり、１ ざ

AndroidやiPhoneなどのスマートフォンアプリを、JavaScriptで書くことができるツールです。

今回ご紹介するTipsは、Titanim Mobileを使って、サーバーからJSONデータをダウンロードして、JSONパースを行い、その内容をテーブルへ表示させてみましょう。 今回使用するJOSNデータについて JSONパースするのサンプルプログラム用に以下のページにて、プロ野球の順位表をJSON形式で提供しています。 野球情報データAPI (現在は非公開となっております) JSONデータの作りとしては以下の通りになっています。JSONデータの構造は本質的なものでは無いので、説明を簡単にする為にcentralLeague以下の配列の仕様する要素だけピックアップしました。 { "centralLeague":[ {"Rank":"1位", "TeamName":"中日", "GameCount":"144", 〜勝ち数や負け数など〜 {"Rank":"2位", 〜セ・リーグの2位以下の成績〜

前回の続き。今度はラベルを画像にしてみた。とりあえずhorizontalとverticalの比較を。 <Alloy> <Window class="container"> <View id="wrapper"> <ImageView image="/images/tmp_image/150x150.png" /> <ImageView image="/images/tmp_image/150x150.png" /> <ImageView image="/images/tmp_image/150x150.png" /> </View> </Window> </Alloy> "Window": { backgroundColor: "white" }, "#wrapper": { backgroundColor: "red", height: "50%", layout: "vertical"

ListViewでheightの設定がキマらない。そんな経験はありませんか？ 今回はListViewでやや複雑なレイアウトを組んでたら、パニックになったので、初心に立ち返って仕様を確認してみる。 まずは超シンプルなレイアウトについて再確認してみる。 <Alloy> <Window class="container"> <Label>１つめのラベル</Label> <Label>２つめのラベル</Label> <Label>３つめのラベル</Label> </Window> </Alloy> "Window": { backgroundColor: "white" } "Label": { backgroundColor: "blue", color: "white", },これは、こんな感じになる。 layoutを指定しないとcomposite (or absolute)となり、親要素に対

TableViewの後継？のListViewを調べたメモの続き。実戦投入だ！ 前回のエントリではXMLではできなさそう、とか言ったけどできるもんね！ 今回は食べログ的な検索条件画面を組んでみる。 こんなの。 チェックボックスがついている行と、次ページに行って選択した項目が反映される行のリスト。 こいつをviewのxmlで表現するとこうだ！ドドん！ <ListView id="conditionList" defaultItemTemplate="template1" onItemclick="onItemClicked" height="70%"> <Templates> <ItemTemplate id="checkTemplate" name="checkTemplate" class="checkTemplate"> <View id="textContainer"> <Label

もうスマホアプリっていったらつまるところリストビューだから。 リストビューを制するものはスマホアプリを制す。 Titaniumではリスト表示には長らくTableViewが使われていたらしいが、パフォーマンスや使い勝手の面で性能アップしたListViewというものがそこそこ最近現れたらしい。 http://docs.appcelerator.com/titanium/3.0/#!/guide/ListViews ListView is designed as a replacement for TableView ということで、今後はTableViewを使っていいのは小学生まで、ということでよろしくお願いいたします。 TableViewとの違い とりあえず先にTableViewとの違いを列挙する。 ListViewはTableViewに対応し、ListSectionはTableViewSec

調べたメモ。というかほとんど和訳 Facebookアプリみたいなナビバーを作るにはどうしたらいいんだろう。と思って調べ始めたところ、この２つの違いが気にかかったのでメモ。 こういうやつ。 TabGroup http://docs.appcelerator.com/titanium/3.0/#!/api/Titanium.UI.TabGroup かんたんにいうと、タブを格納するオブジェクトで、Twitterアプリとかでよくあるタブで画面を切り替えるところで使うやつ。 これ。 tabグループは1つ以上のTabオブジェクトを持つことができ、それぞれのTabはタップされるとフォーカスされ、それに関連したコンテンツを表示することができる。 tabグループはAndroidだと上に、iOSだと下に配置される Androidでは、一度に１つだけしか存在できない。タブは一度追加されると削除できないし、並び替

さて、Titaniumによる開発についてこれまで個別にいろいろ調べてきたけど、一気に実際にアプリを開発するための環境についてまとめてみる。 目指す環境 これまでTitanium Studioと標準的エミュレータでサンプルアプリの開発＋実行を行ってきたけど、やっぱりEclipseベースのIDEはストレスが高い。また特にAndroidに顕著だけど、標準のエミュレータは重すぎる。これではコーディング外のところで多く時間をとってしまう。 別のところでは、Rails開発をやってきているのでJavascriptはCoffeeScriptで書きたいし、なによりTDDできないと死んでしまう。 このあたりを解決するため、ここ数日調査をしたところ IDEの問題 Titanium Command-Line Interfaceを利用したIDEに頼らない環境 エミュレータ重すぎの問題 TiShadowによる爆速デプ

TitaniumのAlloy事始め。画面から別の画面に遷移するでちょっとだけ触れているけど、いざ深く画面の遷移まわりの処理を組んでいこうと思ったら、controllerとviewの境目とかわかってなくて、再度まとめてみることにした。 自分の頭の整理用メモだから、これを読んで参考になるケースは少ないと思うので、テキトウなところで去ってくだちい。 http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Concepts ここに書いてあるとおり、controllerとviewは基本的に１対１の関係にある。 controllerとviewのコンパイルプロセスは上記ページには以下のとおりに書いてある。 The style, view and controller files, as well as the files in the theme

Tweet 最近、TitaniumのModuleが作りたいと思い立ち色々記事をあさっていました。 その課程でメモしたものや参考になるリンクをご紹介します。 とそのまえに、 Titanium Moduleで何ができるの？といった質問に答えると、 Titaniumそのものは、iOS SDKでできることがほぼ用意されており、 Titanium Mobileを使うだけでそれなりのアプリケーションが作れます。 ですが、iOSの全機能が使えるわけではなく、もちろんまだ整備されていないものもあります。 例えば、iOS 4で追加された機能やストアキット、外部モジュールを使った特殊なView (例えば、Admobなど）です。 これらを使うには、本家の対応を待つというのではなく、 むしろ、Objective-Cが分かる人が作った方が早かったりします。 Objective-CでiOSのプログラミングをしてきた方

モジュール開発 最近忙しくて全然ブログ書けていなかったのですが、先日初めてTitanium Mobileのモジュール開発をした時にはまったりしたのでメモとして残しておきます。 クレイでは森山がブログを書いていたり、ダニーが仕事で使っていたりと多少実績はあるのですが、私自身は全くさわったことがありません。必要に迫られて、いきなりモジュール開発をすることになったのですが、Objective-Cさえわかっていれば意外に簡単にできるし、いろんな拡張が出来るので、かなり楽しかったです。 もしかするとTitanium Mobileでバリバリ開発している人から見ると、作法がなってないとか、変な動きをしてるとかあるかもしれませんので、その時はぜひ教えていただけると嬉しいです。 Titanium Mobileに関連した記事 近頃話題の Titanium Mobile でラクラク iOS アプリ開発してみた

この記事は、Titanium mobile Advent Calendar 2012の14日目の記事です。 書き始めたはいいものの、予想以上のボリュームだったため未完成です。今後、拡充していくつもりです。 はじめに Titanium Mobileをやっていると、「あー、これAPIにないなー」「Cocoa Controlsにある、あのUIをTitaniumでも使いたいなー」とか思ったりすることありますよね。 そんなときはモジュールを作ればいいんです。 難しそう？ Objective-C分からない、分かるけどなんだか括弧が多くて気持ち悪いという理由でTitaniumを使ってる方も多いと思います。（私は好きですよ、Objective-C） でも、大体は決まりきった手順とパターンで出来ちゃうんです。 いざというときのために、ちょっと覚えてみませんか？ でも、ごめんなさい、Androidについては触