アニメーションを使ったUIを楽しくデザインできる便利な無料ツール『Origami』の使い方を動画でご紹介
去年あたりから、魅力的なプロトタイプ作成ツールがいろいろリリースされ、制作の現場でもそれらをもう使ってるという人も少なくないと思います。 その中の一つ、Facebookの『Origami』の動画コンテンツが公開されたので紹介します。 Facebook Origami Origamiは簡単に説明すると、スマホやタブレット、そしてデスクトップのWebページ・アプリのユーザインターフェイスをデザインするOS X用の無料アプリです。Sketchとの相性も非常にいいのも大きな特長です。 Origamiでどんなことができるのかは、下記のExampleページに多数のデモがあります。 先日の記事で紹介した「Windy Effect」もOrigamiで作られたものです。 まずは、インタラクションのデモ。
LinuxでL4のロードバランサを簡単に作る手順 - Qiita
ロードバランサは高いので、Linuxで比較的簡単にL4の負荷分散を行えるLVSは使いドコロが色々あり結構便利。 久々に作った時のメモがわりとして、今回は、LVSの構築手順と簡単なテスト結果を順に書いてみた。 構成 ちょっと特殊な要件があり、負荷分散行うLVSも実際にレスポンス返すアプリも同じ筐体で動かしたいという前提で作った。 ※最初の投稿だと、同一筐体で動かした時にBACKUP STATEのLVSがARP応答する設定になっていたので、加筆！ LVS単体サーバとしても下記の手順で同じように作れる サーバはaa,bbの2台(vagrant上の仮想マシンとした) 同じ役割を持つサーバaa,bbをLVSを使って負荷分散したい LVS自身も冗長構成にして、aa,bbにやらせたい リクエスト元は、同一セグメントなのでDSR(Direct Server Return)を使う ※NATは、戻す時に直接L
ノンプログラマーが3ヶ月でWebサービスを作ってみた - Qiita
ノンプログラマーがはじめてWebサービスを作ってみた記録です。 2016.3.28 追記: リリース1年後について書きました。 はじめてのOSSリリース記 〜なぜ無料でソースコードを公開するのか？ 自己紹介 趣味でたまにプログラムを書く程度のノンプログラマー。 本業は SHIFT（ http://www.shiftinc.jp ） という会社でテスト自動化エンジニアをしています。 20代最後の年に何か新しいことを！と思い立ち、勢いでWebサービスを作ってみました。 作ったもの Chibineko - 世界で最もシンプルなテストツール https://chibineko.jp 面倒なテストはサクッと終わらせよう Chibinekoはテストケースの作成と実行管理を行うためのシンプルなテストツールです。 テスト項目を箇条書きにするだけで、あなた専用のテスト実行ページが瞬時に作成されます。 あとは
iPhone/iPadからPCをリモート操作できるiOS版「Chrome Remote Desktop」を使ってみた
GoogleはChromeに拡張機能を入れるだけでAndroidからPCを操作できるアプリ「Chrome Remote Desktop」をリリースしていますが、さらにiOS版のChrome Remote Desktopの提供が始まりました。iPhoneやiPadからPCをリモートコントロールできるようになったので、実際に試してみました。 Chrome Remote Desktop app for iOS is now available, making it easy to securely… https://plus.google.com/100585555255542998765/posts/AjFCw1nYCUn iOSの「Chrome Remote Desktop」でiPhone 6からPCをリモートコントロールしている様子は以下のムービーから見ることができます。 iPhone 6
iOS／AndroidにCucumberのBDDをもたらすテストフレームワークCalabashの基礎知識とインストール
連載目次 Calabashは、BDD（Behavior-Driven Development／振る舞い駆動開発）フレームワークの一つとして著名な「Cucumber」の、AndroidおよびiOS向けのラッパーです。それぞれ「Calabash-Android」「Calabash-iOS」と呼称します。 Xamarin社によって開発・保守されているオープンソースツールで、Eclipse Public License 1.0で提供されています。なお本稿執筆時点（2014年11月）で、Calabash-Androidの最新バージョンは0.5.2です。 ちなみにcalabashとは、英語で「ひょうたん」の意味です。Cucumberが「きゅうり」を意味するので、同じウリ科の植物に名前をそろえたようです。 なお、BDD（Behavior-Driven Development／振る舞い駆動開発）については
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node
「私のMAUは53万です」アプリ版スカウター「App Ape Analytics」誕生、ニュース・フリマ・マンガアプリのアクティブユーザーと性別比率を調査した結果。 | アプリマーケティング研究所
「私のMAUは53万です」アプリ版スカウター「App Ape Analytics」誕生、ニュース・フリマ・マンガアプリのアクティブユーザーと性別比率を調査した結果。 「App Ape Analytics（アップエイプ アナリティクス）」というおもしろいサービスがリリースされたので紹介したいと思います。好きな人はずーっと眺めていられるはず。 ※【追記】「データを使用する場合、事前許可が必要」など、一部の表現を追記・修正いたしました。 「App Ape Analytics」の使い方 「App Ape Analytics」って？ GooglePlayで公開されている、主要なAndroidアプリのデータが調べられるツールです。まずデータを見たいアプリを検索しましょう。「アプリ名」や「キーワード」（「カレンダー」とか）を検索窓に放り込みます。 URL：http://analytics.appa.pe
プライベートクラウドにPaaSを構築、Cloud Foundryベースの「HP Helion Development Platform」、米HPがリリース
米ヒューレット・パッカードは、オープンソースのPaaS基盤ソフトウェアとして知られるCloud Foundryをベースにしたソフトウェア「HP Helion Development Platform」をリリースしました。 同時にクラウド基盤として利用するOpenStackの商用ディストリビューションとなる「HP Helion OpenStack」も発表されており、PaaSとなる「HP Helion Development Platform」は、このHP Helion OpenStackの上で稼働するようになっています。 MySQLのDBaaSを提供、Dockerにも対応 HP Helion Development PlatformのベースとなったCloud Foundryは、IBMのBluemixやNTTコミュニケーションズのCloudn PaaSにも使われているオープンソースのPaaS実
入力完了率を上げる！ フォームに入れるべき3つの入力支援機能／15か条の5 | 勝手にEFO分析-エントリーフォーム改善
全ての入力項目を終えた後に、エラーメッセージが出て、もう一度入力をユーザーに強いるのは、不快感を与えるだけでなく、離脱の原因になりかねません。今回は、それらを解決する方法として、入力をリアルタイムに支援する工夫を行っている実際のフォームを例に挙げ、入力完了率を上げる3つのポイントを解説します。 この記事では、入力フォームを改善して入力完了率を上げる！エントリーフォーム最適化15か条の【第5条】「入力に達成感を感じてもらうべし」をご紹介します。リンクをクリックすると第5条のまとめに飛びます。 入力完了率がアップする、入力を助ける3つ機能エントリーフォームに来て、入力を開始したユーザーは、特にフォーム側で工夫がなければ、項目への入力を行った際、「フォームで求められている入力形式や内容を満たしているかどうか」＝「入力完了」かどうかを自分で判断します。 この各項目の入力が完了したかどうかの判断を自
Android SDK標準の何でもテストツールuiautomatorの基本的な使い方
uiautomatorは、Android SDKに標準で含まれているテスト自動化ツールです。Apache License, Version 2.0のライセンスで提供されています。 uiautomatorの主な特徴は以下の通りです。 Android 4.1以上で実行できる（端末の回転およびスクリーンショット撮影には、Android 4.2以上が必要） テストスクリプトはJava言語で記述 他者の署名した（Google Play Storeからダウンロードしたものも含む）アプリもテストできる すなわち、テスト対象の端末上にインストールされ、動作しているアプリであれば、何でもテストできる 特に、最後に挙げた特徴はuiautomator最大のセールスポイントといえます。一連のテストで、テスト対象アプリでないものを操作したいケース（例えば、設定アプリでBluetoothやWiFiをON／OFFするな
Bootstrapでシングルページをコーディング (1/5)
メインイメージを作る メインイメージ部分は、大きなロゴと短い文章のみの非常にシンプルな構成です。ロゴや文章を「index.html」に指定し、オリジナルのスタイルを「theme.less」に記述してデザインを整えます。 index.htmlは次のように変更します。 ■変更前のソースリスト（index.htmlの一部、緑色部分を変更） </nav> <div class="container"> <h1>Hello, world!</h1> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> ■変更後ソースコード（index.htmlの一部、緑色の部分が変更箇所） </nav> <div class="mainimage"> <div class="container"> <img src="images
jQueryの.each()に潜む罠 - 暮らしの技術
.each()の話 jQueryの.each()を使うと，JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる．*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM2035:4 // 4 VM2035:4 // 6 VM2035:4 // 10 VM2035:4 // 16 VM2035:4 // 26 VM2035:4 で，このeachにはもう一つ書き方がある． var list = [0,1,1,2,3,5,8,13]; $.each(list, function(){ // さっきは引数にindex, elemを指定していた console.log(
アポロ11号の月着陸からどれだけプログラムが変わったか
ソフトウェアが辿った45年の長い道のり。 アポロ計画の技術レベルは、現在ポケットサイズの電卓に使われている程度のものだった…それは今や多くの人の知る所だ。だが、宇宙飛行士達の月到達と地球帰還に使用されたコンピューター・プログラムが、同じくとてもシンプルな物だった事について語る人はほとんどいない。 7月20日の日曜日は、1969年のアポロ11号の月探査ミッション、今日多くの人々に月面着陸として知られるミッションの記念日だった。このミッションに使用された命令プログラムは現在もパブリックドメインに残されている。 アポロ11号のプログラムが映し出すこの興味深い差異は、この45年でコンピューター演算がどれだけ変化したかを示している。 それは1969年当時の技術の結晶だった… 1969年当時、アポロ計画を導いたのはIBMシステム/360 モデル75（ドラマ「マッドメン」に出てくる様な、部屋を丸ごと一つ
Android WearやIoTで注目のAndroidセンサー機能8選
さて、今回は前回の「ウェアラブル時代に見直したいAndroidの加速度／重力センサー、ジャイロスコープ」に引き続きAndroidのセンサーを取り扱います。今回はステップカウンターとステップ検出器、回転ベクターセンサー、接近センサー、そして、IoT（Internet of Things：モノのインターネット）での活用が期待される温度センサー、湿度センサー、気圧センサー、照度センサーなどを取り上げます。 記事としては取り上げませんが、サンプルは実装されているものもあるので、以下サンプルアプリをダウンロードして、実際に動作させて確認してみてください。 SensorDemo2.zip なぜ、これらを取り上げるかというと、これも今後Android Wearが普及したり、IoTの活用が増えたりすることで、センシング技術が重要になってくると考えられるためです。そこでAndroid Wearでセンサーが重
切手を写真立てに入れると絵画っぽくなる
コレクションってあるだろう。集めている当人にとっては大事なものだけど、家族にしてみたら苦々しい以外の感情を持ちにくいやつ。 妻は切手集めが趣味だったそうで、切手がびっしり入ったバインダーを数冊持っている。多分、切手コレクターの持ち物としては少ない方だろうとは思う。 でも、やっぱ、興味がない人間から見たらコレクションなんてしょせん役立たずお荷物なのだ。 あばよ涙、よろしく勇気、こんにちは松本です。 1976年千葉県鴨川市(内浦)生まれ。システムエンジニアなどやってましたが、2010年にライター兼アプリ作家として自由業化。iPhoneアプリはDIY GPS、速攻乗換案内、立体録音部、Here.info、雨かしら？などを開発しました。著書は「チェーン店B級グルメ メニュー別ガチンコ食べ比べ」「30日間マクドナルド生活」の2冊。買ってくだされ。（動画インタビュー） 前の記事：ボラギノールのCMっぽ
「こんなパパはいやだ…」振りまわされる子供たちの写真12枚 : らばQ
「こんなパパはいやだ…」振りまわされる子供たちの写真12枚 子供は親を選べない、なんて言いますが、実際その通りのようです。 とんでもない父親に翻弄された、哀しくも楽しい子供たちの写真をご紹介します。 あやしてるのか怯えさせているのか。それにしてもこの親子、似すぎです。 動物と直にふれあう情操教育。 水と直にふれあう…スパルタ教育。 どちらが子供なのかわかりません。 これはきっと合成写真…そう信じたいです。 子供はお父さんにぶら下がるのが大好きです。でもこれは違います。 焼け石に水。 「出して、超出して！」 よく見ると人形かも。 こんなママもいやだ…。 「かえしてー」 遊んであげてるつもりが子供より夢中に…。 表情は語る「やってみたかった、一度やってみたかったんだ」 こんなパパはいやだ…、と言いつつも楽しそうな親子ではあります。 Hilarious Kids & Babies, Quali
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの基礎知識から実践的なテクニックまで、しっかりと身につけたい人はチェックした方がいいサイト -CSS Reference
一流講師の授業を無料で受講する～「Udacity（ユーダシティ）」の使い方（1）：登録編
スタイルを適用するだけで写真が鉛筆画・インク画・水彩画・油絵に変身「FotoSketcher」NOT SUPPORTED
WYSIWYGエディタでCSSを作成できるサイト「EnjoyCSS」 | ライフハッカー・ジャパン