今最も注目されている設計手法！MVVM を Android アプリ開発に取り入れてみた
こんにちは。共同開発部開発担当の北川です。 クロスプラットフォームなアプリ開発では Xamarin の使用はビジネスロジックの共通化が可能となり非常に効果的です。 すべてのアプリを単一の言語（C#）で実装することができる点だけでも魅力的ですが、MVVM 設計によりその再利用性を高めている点こそがその真価を発揮しているとも言えます。 私は Xamarin でのアプリ開発を通して MVVM 設計のすばらしさを経験してしまいました。もう後には戻れません。 Java や Objective-C でのアプリ開発でも MVVM 設計は開発スピードと品質確保を両立するために有効であるはずです。 今回は Android アプリ開発（Java）で MVVM を使うとどうなるか、紹介してみたいと思います。 MVVM 設計について MVVM 設計ではビジネスロジックを Model が担当し、ViewModel
Xcode を使ってプロジェクトを ARC にコンバートする
こんにちは。開発担当の福井です。 先月の WWDC で iOS 7 や OS X 10.9 が発表されましたね。このブログでも何度かお伝えしているのでご存知だとは思います。みなさんはこれらの新しい環境への準備はされていますか？今回は新環境へ対応する際に同時にやっておきたい、ARC へのコンバートについてお話しします。 ARC(Automatic Reference Counting)を有効にする iOS 7 や OS X 10.9 への対応を機に ARC を利用できる環境になるプロジェクトは多いのではないでしょうか。iOS でいうと、iOS 4.3 の対応を削除するパターンです。ARC とは iOS 5/OS X 10.7 から導入された新しいメモリ管理の仕組みです。従来はプログラマが Retain Count を把握しメモリ管理をする必要がありましたが、ARC ではなんかものすごい仕組み
【非デザイナー向け】フラットデザインに欠かせないピクトグラム的アイコンの作り方
iOS 7 にもフラットデザインの波がやってきましたね…！ フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう！作ってみよう！という方もいるのではないでしょうか。 ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。 見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの？という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。 アイコンのモチーフを決める アイコン案はこんな感じで出しています。 例として「医療」アイコンで考えてみました。こういった図にして 考えると道筋が立てやすく、後で迷った際に復帰しやすいです。 その場で図が浮かぶ物は描き足しておきます。 決める
Blink エンジンが体験できる！ ブログ限定で Sleipnir 4 for Windows (Blink Engine Preview Build) を公開します
Windows グループの大倉です。 これまで Chromium プロジェクトで採用予定の Blink エンジンを Sleipnir 4 for Windows でも採用できるかの調査と結合テストをおこなってきました。 本日は、Sleipnir 4 for Windows が Blink エンジンを採用するか否かの結論ともいえる成果物をいち早く体験していただくために Sleipnir 4 for Windows (Blink Engine Preview Build) を公開させていただきます。常用できるくらいの品質に仕上がっていますが、Blink エンジンが正式版として公開されていないことを含めた注意点がいくつかあります。必ず注意点をご確認いただき、現行の Sleipnir 4 の WebKit エンジン版よりも一層高速化された Blink エンジン対応版を体験してください。 (正確には
Jenkins がもっともっと便利になるプラグイン 8 つ
こんにちは、開発担当の松本です。 前回のプラグイン紹介記事がわりと反響があったようですので、今回も便利プラグインをいくつか紹介します。 好みのテーマに変更できる: Simple Theme Plugin 左下のいつも出ている執事の顔が気になってくる人は多いと思います。 そんなときにはこのプラグイン。CSS と JavaScript を挿し込むだけの単純なプラグインながらその効果は絶大です。 利用するには、プラグイン導入後に Jenkins の管理 → システムの設定 → theme に追加する CSS と JS を指定するだけです。 プラグインのページにはサンプルのCSSファイルも用意されています。 とりあえず、執事の顔を消したいだけなら CSS に次のように記述すればよいです。 #main-table { background-image: none !important; } ページの
開発者募集！フェンリル島根支社を開設します
こんにちは、田林です。 この度 2013 年 4 月にフェンリルは島根支社を開設し、HTML5、JavaScript、Ruby、LAMP 等でのウェブアプリケーション開発を島根支社（松江市）にて始めます。 そこで、島根で働きたいウェブアプリケーションの開発者を募集します！ 現在島根に在住の方、もしくは UI ターンで島根で働きたい方はこちらからご応募下さい。 また、会社説明会を行いますので、ご興味のある方は是非ご来場ください。 日時：2013 年 2 月 16 日（土）10:00〜11:00 場所：松江オープンソースラボ ご来場希望の方は、[氏名・ご連絡先携帯電話番号]を添えて下記アドレスまでメールお願いいたします。 recruit@fenrir.co.jp ウェブアプリケーションの共同(受託)開発始めました スマートフォンアプリの開発は既に 100 本以上のアプリ開発実績があり、これまで
アドレスバーすら取り払った、究極の先端的ウェブブラウザ Sleipnir 4 for Mac 、本日リリースです！
こんにちは、UI デザインの松野です。 本日は、Sleipnir 4 for Mac をご紹介します。そう、“4” です！ Sleipnir 4 for Mac は、アドレスバーすら取り払った、究極の先端的ウェブブラウザです。 Mac 版で初のメジャーアップデートとなるこのバージョンでは、デザインを刷新！ ページをそのまま表示する見やすいサムネイルや、開きたいページを最短で見つけ出す進化した “ポータルフィールド”といった機能を、息をのむような美しくシンプルなツールバーに収めました。 指で触れたら切れそうなくらいシャープで美しいツールバーの高さは、わずか54ピクセル。主要なウェブブラウザより遥かに細いこのツールバーも、Sleipnir 4 for Mac が先端的なデザインであることを表しています。 これまでも斬新で特徴的だった独特のスタイルをいっそう進化させ、地上でもっとも先端的なウェブ
Kindle Paperwhite で iOS のドキュメントを快適に読む
こんにちは。 Sleipnir 3 for Mac, Sleipnir Mobile for iPhone / iPad 開発担当の宮本です。 少し前ですが、今年の11月19日に Kindle Paperwhite が発売されたので買いました。 技術書があまり対応していないので本はほとんど買ってないのですが、iOS のドキュメントを読むのに Kindle をフル活用しています。 Kindle では MOBI 形式のファイル閲覧をサポートしており、HTML などの構造化された文章であれば、まあまあ変換できます。 iOS や Mac のドキュメントは Docset という形式で提供されており、中身はただの HTML なので、MOBI に変換できそうですね。 さっそくスクリプトを書いてやろう思ったのですが、少し検索したらすでに良いスクリプトがあったので、今回はその紹介をします。 docset2k
【本日正式リリース】スマートフォンユーザーのためのデスクトップブラウザ Sleipnir 3 for Windows / Mac (3.5) があなたのスマホライフを激変させる！
みなさん、こんにちは。坪内です。 ついにこの日がやってまいりました。 Sleipnir 3 が新たな一歩を踏み出す日。そう、Sleipnir 3 for Windows / Mac (3.5) 正式版リリースの日です。 つい先ほど、全てのリリース作業を終え、もうすでにダウンロードできる状態になっています。 待ちきれない方には、すぐにお試しいただきたい。 でも、この Sleipnir 3 がどのくらい特別なプロダクトなのか、皆さんに知ってもらいたいから、少しだけお付き合いくださいね。 デスクトップブラウザなのにスマートフォンユーザー向けの Web ブラウザ Sleipnir 3 for Windows / Mac (3.5) から、「スマートフォンユーザーのためのデスクトップブラウザ」という、新コンセプトに変更しました。 スマートフォンユーザーが急増しています。 スマートフォン経由のインター
新しい Sleipnir 開発秘話 – UI デザインをめぐる苦悩 –
こんにちは。デザイン担当の中島です。 近々登場予定の新しい Sleipnir 。 開発もクライマックスを迎えつつありますが、かつてない実用性と新規性を実現するための長くて険しい道のりには、幾多の渦巻く葛藤、立ちはだかる壁がありました。 言うなれば総力戦のまっただ中、開発スタッフ達は日々それぞれの発想をぶつけあい、時には摩擦だって生じます。 今回は、そんな開発過程で巻き起こった、UI デザインにまつわるエピソードをご紹介します。 Sleipnir に新しく搭載される注目機能のひとつに各種 Web サービスとの連携がありますが、”共有””保存””後で読む”といったアクションを実行すると、まるでブラウザの機能のように Web サービスを使用できます。 かつてないブラウザに生まれ変わる Sleipnir への大きな期待に、各スタッフも胸を躍らせつつありったけの情熱を注ぎながら作業を進める中、”保存
ウェブ上で正しい電話番号の書き方
こんにちは。開発担当の森本です。 今回は Sleipnir 3 新コンセプトにも関係のある電話番号の話をしたいと思います。 web や印刷物で見かける電話番号は、 012-345-6789 みたいな形式が多いように思います。 ただ、グローバル化が進んでいることを考えると、外国人も見るのにこれで良いのだろうか？アメリカでは違う人に繋がったりするんじゃないか？と気になっていました。 こういうときは国際規格とかを見ればいいじゃん！というわけで、現状どうなっているかを調べてみました。 ITU-T E. 164 および E. 123- 電話番号計画 特殊な番号(110 とか)を除いたものは、ITU E. 164 と E. 123 という勧告で、グローバルな表記が定められています。 これは国際電話でよく見る +(国番号)(番号) と言う形式で、012-345-6789 は +81-12-345-678
スマホ関連データがいっぱい”OUR MOBILE PLANET”
こんにちは、プロモーション担当のクーパーです。みなさんは、ガラケー派？スマホ派？ぐんぐん浸透してきている感のあるスマートフォンですが、みなさんの周りではいかがでしょうか。 そんなスマホ動向をデータでチェックしたい時には、“OUR MOBILE PLANET” by Google がおすすめです。 OUR MOBILE PLANETとは？ Google が提供する OUR MOBILE PLANET では、各国別のスマホに関するデータが公開されています。 太っ腹！基本は英語ですが、日本市場に関するデータについては日本語も用意されています。 中には、チェックボックスで自分の欲しいデータをチェックしていくと自動でチャートを生成してくれるツールもあります。プレゼンやブログ作成に重宝しそうです。 例えば、2012年版：30歳～49歳で、スマホを使ってショッピングをしたことのある人の男女別割合を日／英
【続】フェンリル大阪オフィス周辺のおすすめランチスポット
こんにちは、プロダクト担当の mayumi 改め、きたおです。 すっかり秋めいてきましたね。秋と言えば、スポーツの秋、読書の秋、そして、食欲の秋！今回はデベロッパーズブログなのに、開発とは関係ない食欲の秋にピッタリの内容をお届けします。 前回、開発の西田がオフィス周辺のランチスポットを紹介していましたが、「2軒かよ！」「しかも両方卵料理かよ！」と突っ込みどころ満載でしたので、企画を乗っ取ってやります。今回は、ランチによく行く8軒と、リッチなご褒美ランチ2軒をご紹介します！ 堂島や北新地など、夜に行くにはちょっぴりドキドキなエリアも、ランチだととってもリーズナブルに楽しめます。 この記事に掲載している料理写真は前回、デザイナーの福島がブログで紹介していた AU の IS12T で撮影をしました。早く食べたい気持ちで何の設定もせずに撮ったので、せっかくの1320万画素数も生かされませんでした…
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
【 Sleipnir Start 】 SeaHorse でニュースをカスタマイズ（その１）
ずっと俺のターン、開発のキヨタカです。 今日は、 Sleipnir Start のニュース機能を SeaHorse を使ってニュースの並び替え、追加・削除するスクリプトをご紹介します。 ※今までのスクリプトに機能追加した形になります。 概要 ニュースジャンルの順番の並び替え、RSS の追加・削除を行えます。 ※ニュースジャンルの順番は目安であり、現在は読み込み順に表示されるため、意図しない順番で表示されてしまう場合があります。（修正予定） ※ RSS の追加・削除は自由に行えますが、後日、カスタマイズ専用タブを追加しますので、それまでは遊び程度にはてブのタブを弄って遊んでみてください。 DL リンク SleipnirStartEx.user.js DL し、解凍したスクリプトファイルの導入方法は、 SeaHorse のページをご参照ください。 設定の方法は簡単にですが、ソースにコメントで記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
