2014年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています。 お天気アプリのコンセプトで、一日の天気をアコーディオン型のパネルで楽しく見せます。
iOS端末での操作を自動化する有料アプリ「Workflow」が人気だ。12月11日にApp Storeで公開されたこのアプリは、本稿執筆現在日本の「トップ有料iPhone App」で7位につけている。価格は(キャンペーン価格で)300円。 例えば「端末のカメラでセルフィーを3枚撮影し、GIFアニメにしてTwitterに投稿する」とか「最寄りのカフェを探してそのカフェのGoogleストリートビューを表示する」といった操作を、用意されたモジュールを組み合わせて作成し、workflowとして登録できる。 アプリ内のGalleryで、他のユーザーが作ったworkflowを閲覧し、ダウンロードすることもできる。ダウンロードしたworkflowを自分用にアレンジして応用することも可能だ。
What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
無料でPCを使ったイラストの描き方を細かく解説してもらえ、イラストを描く際の細かな工程も実際に見られるようになっているお絵描き上達支援アプリが「Palmie」です。 iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 イラストの描き方が無料で学べる!Palmie(パルミー) https://itunes.apple.com/jp/app/id928827665 「Palmie」はApp Storeから無料でインストール可能。 インストールが完了したら「開く」をタップしてアプリを起動します。 起動画面はこんな感じで、現在Palmieで公開されているレッスンムービーは9本。1番下に表示されている「身体の描き方講座(ラフから仕上げまで) by shori」を試しにタップしてみます。 「身体の描き方講座(ラフから仕上げまで) by shori」は、ア
Go言語の最新版となるGo 1.4がリリースされました。Go 1.4ではAndroidがサポート対象プラットフォームとして加わり、Go言語だけでAndroidアプリケーションの開発が可能になっています。 Go言語は2009年に開発が始まった言語で、Googleがオープンソースで開発しています。シンプルにコードを記述でき、タイプセーフかつメモリセーフにできているため安全なプログラムを記述しやすく、並列処理の記述も容易、コンパイルや実行が高速などの特長があります。 現在、Linux、Mac OS X、Windows XP以降、FreeBSD 8以降のOSに対応しており、Google App Engineでもサポートされるようになりました。 Go 1.4では過去のバージョンとの互換性を維持し、これまでのコードはほぼそのままコンパイルし実行できると説明されています。 Go 1.4で最大の新規機能は
SoundKit is a UI sound library designed for all of your interface needs. Featuring 300 professional, royalty free sound effects, designed for use in mobile and desktop app design. Each sound has been custom crafted for UI applications. Designed to sound great on mobile devices as well as high end speakers. Alerts Alerts include warning sounds, alarms, confirmations, and everything in between. Musi
Ubuntu、クラウドに最適化した軽量版「Ubuntu Core」発表。Docker以外のコンテナにも幅広く対応 軽量OSへの取り組みとしては、Red Hatの「Red Hat Enterprise Linux Atomic Host」や、あるいはCoreOSなどがあります。 Ubuntu Coreの特長は、上記2つがいずれもDockerに最適化しているのに対し、Ubuntu CoreはDockerだけではなくあらゆるコンテナ機能を想定して、きびきび動くOSとして軽量化(原文では“Snappy”と表現)を行っている点です。 あらゆるコンテナに対応 Ubuntuの創始者であるマーク・シャトルワース氏は、Ubuntu Coreのコンテナ対応について次のように説明しています。 In Ubuntu Core, we aim for a much smaller Core, and then ena
それって本当にオリジナル? レスポンシブ?フラット?ビデオをつかった背景?CSSアニメーション?ゴーストボタン?いろいろな『トレンド』を見て勉強している間に、すべて導入されている 14ドルのテンプレートをすぐに手に入れることができます。 CMS を活用して情報が更新しやすいレストランサイトを構築したい?専用の WordPress テーマを使えばすぐに完成します。英語だからダメと思うかもしれませんが、UI のローカライズが簡単できるように工夫されているので、使うことを諦めることはありません。 制作者の視点で語られる『オリジナルのデザイン』には、ひとつの矛盾があると思います。最新のデザイン動向を追いかけ、それを実践することが良いデザインに繋がると考えることがありますが、トレンドになる表現はすぐにコモディティ化されていきます。オリジナルを求めているつもりが、誰でも使えるものをゼロから手作りにして
Often used interchangeably, the branding terms “logo” and “icon” are not synonymous. They vary in appearance and purpose, but business owners might embark on their venture believing that a logo can do an icon's job. We want to clear up any confusion once and for all. Let’s take a minute to understand the logo vs. icon conundrum and explore some popular examples so you can give your brand exactly w
モバイルファースト室の@sys1yagiです。 Android Studio使ってますか? Google I/O 2014の直前に3つのGoogle App EngineテンプレートがAndroid Studioに追加されました。追加されたテンプレートのうちのApp Engine Java Endpoints Moduleを用いたGoogle Cloud Endpointsの作成と利用について解説します。 MBaaSとCloud Endpoints Google Cloud EndpointsはGoogleが提供するGoogle Cloud Platformの機能の一つで、Google App Engineを使ってAPIのエンドポイントを定義する仕組みを提供します。 一般的なMBaaSではMBaaSが用意したクライアントライブラリを使ってバックエンドにアクセスします。アプリケーション開発者
先週、ゲームボーイの話題が一気に広がった原因は、任天堂が米国特許庁(USPTO)に、ゲームボーイのエミュレーターの特許を出したことが話題になったからでした。 Nintendo files patent application for Game Boy emulator app = CNETそんなもの、草の根でいくらでも出回っているじゃないか、と思われるかもしれませんし、記事によると2000年から出願していたものでした。2000年はスマホもタブレットもなく、想定されるデバイスはPDAだったようです。公式になることで、任天堂がビジネスとして、マルチプラットホームに取り組むことができるようになるわけですから、全く異なる意味合いを持っていると考えられます。 ゲーム専用機と比較しても、現在みんなが持っているスマートフォンやタブレットは非常に高い性能を獲得しています。3Dなんてぐりぐり動くし。でも、ゲ
インフラCIの環境を、Docker, Chef, Serverspec, Jenkins を使って整えたいな〜と考え、遅ればせながら Docker に入門しました。 Docker – Build, Ship, and Run Any App, Anywhere 実現したいのは、まさに以下のエントリーのような自動化。Chef cookbook のレシピが、いつでも確実に正しく構成できることを CI したいのが一番の目的です。 Docker + Chef + serverspec + Jenkins でインフラCIの環境を構築してみた – hidemium’s blog Docker 入門に際して、次の記事等を参考にしました。 いまさら聞けないDocker入門(1):アプリ開発者もインフラ管理者も知っておきたいDockerの基礎知識 – @IT Docker 初心者は phusion/base
スクレイピングとは、ウェブページから情報を取り出す処理を指します。そのためのプログラムやツールが存在します。 さて、ここで立場を変えて、情報を取り出されてしまうウェブサイト側の立場になって考えてみますと、スクレイピングはあまりうれしくない存在であることがわかります。 ニュースサイトは、コストと時間をかけて書いた記事をコピーされ転載されてしまう。 オンラインショップは、ライバルの他社に商品リスト、価格、在庫の変化、顧客の評価等を把握されてしまう。 インターネット広告は、自社が出している/仲介している広告の種類と量をライバルに把握されてしまう。 他社の情報は把握したいが、自社の情報は把握されたくないと考えるのは自然なことのようです。その証拠として、スクレイピングの普及に合わせて、自分のサイトがスクレイピングされることを防ぐための「アンチスクレイピングサービス」なるものが世に広まりつつある点を挙
Railsのコントローラーでのrenderメソッドの使い方について説明します。 renderメソッドは、「コントローラー(Controller)」と「ビュー(View)」のそれぞれにあります。 ここではコントローラーのrenderメソッドの使い方を示します。 ビューでのrenderメソッドの使い方は こちらを参照してください。 動作確認 Rails 4.1 目次 1. ビューを表示する 1.1. 暗黙的なビューの表示する 1.2. 他のアクションのビューを表示する(actionオプション) 1.3. 他のコントローラーのビューを表示する(templateオプション) 2. JSONを返す 2.1. renderメソッド 2.2. jbuilder 2.3. ActiveModelSerializer 3. ビュー以外を表示する 3.1. 文字列を表示する(textオプション) 3.2. X
このエントリは、家庭を支える技術 Advent Calendar 2014 の一日目です。 「家庭を支える技術 Advent Calendar」とは エンジニアの友人たちとおしゃべりしているうちに、各ご家庭の生活を豊かにするためにしている技術的な工夫や、これからやりたいアイデアが話題に上がることが多くありました。そんななか、誰が言い出したか『家庭を支える技術』というキーワード*1が出てきていました(もちろん元ネタは WEB+DB PRESS plusシリーズ の「〜を支える技術」です)。 仲間うちだけでも面白い話が出てくるので、いろんな家庭の話を聞いてみたいとおもい、せっかく12月なので「家庭を支える技術 Advent Calendar」として世に問うてみた次第です*2。 ありがたいことに公開から数日で全日程が埋まり、「家庭を支える技術」への関心の高まりを感じています。 定期的に買う必要が
モバイルファースト室の@sys1yagiです。 Android Studioに追加されたGoogle App Engineテンプレートを試そう 導入編の続きです。今回はCloud Endpointsのテンプレートを使ってAndroid Studio上でTodoアプリを作る例を解説します。 Google App Engineテンプレートの利点 Androidアプリケーションの開発においてGoogle App Engine(以下、GAE)テンプレートの利用には以下の利点があると考えられます。 Android Studioでバックエンドも同時に開発できる GAE関連の依存性をGradleで管理できる バックエンドとフロントエンド間のインタフェースの実装が省略できる バックエンドのモデル変更がすぐにフロントエンドに反映されるので迅速なプロトタイピングができる バックエンドはGAEなのでそのまま運用
本のページを切断したり裁断したりせずにPDFやJPEGなどのデジタルデータに変換し、PCやスマートフォンなどから本を読めるようにすることを「非破壊自炊」と言います。そんな非破壊自炊がiPhoneやiPadのカメラで簡単に行えるようになるアプリが「NDscanner無料版」です。 iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 NDscanner無料版 https://itunes.apple.com/jp/app/ndscanner-wu-liao-ban/id916456481 「NDscanner無料版」は、その名のごとく無料でApp Storeからインストールできます。 インストールが完了したら「開く」をタップ。 「OK」をタップ。 NDscanner無料版の起動画面はこんな感じで、画面中央には背面カメラの映像が縦にグッと縮められた
はじめに 前回は、Node.jsについての説明から、モジュール参照の仕組みや最もシンプルなHTTPサーバの実装についてまで紹介しました。今回はパッケージ管理ツールのnpmとNode.jsアプリケーションの永続化について紹介します。前回記事に引き続く内容になっていますので、未読の際はそちらからなるべくご覧ください。 予期せぬ例外に備える 前回の記事で、どんなリクエストにも「Hello World」を出力するだけの、単純なHTTPサーバの実装を紹介しました。そして、アプリケーションとそれを動作させるHTTPサーバがJavaやPHPなどと異なり、オールインワンの1つのプロセスで動くことも述べました。 このため、単にnode app.jsのように動作させた場合、例外が発生すると、サーバ機能ごとプロセスが終了してしまいます。そのため、サーバ機能まで道連れにしないように、アプリケーション側で例外処理を
以前投稿したAngularJSとRailsの丁度良い関係を探るという記事のコード解説編です。前回はざっくりとしたアーキテクチャの紹介のみにとどめていたので、このエントリでサンプルコードの詳細について解説します。 バージョン情報 ruby 2.1.3 rails 4.1.7 devise 3.2.4 angularjs 1.3.2 ディレクトリ構造 app以下のディレクトリ構造は以下のような形です。 app ├── assets │ ├── images │ ├── javascripts │ │ ├── app │ │ │ └── tasks │ │ │ ├── tasks.controller.js.erb │ │ │ ├── tasks.html.erb │ │ │ ├── tasks.js.erb │ │ │
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く