iOS 7のブラー効果をどう実現する? コントロールセンターや音量調節の背景など、iOS 7でよく見かける磨りガラス風のあれです。ブラーをかけるとなんとなくiOS 7っぽくなるので、「コントロールセンターみたいにブラーかけてよ!」って言われることが増えそうですね。 「磨りガラス風の画像を上にかぶせりゃいいんじゃないの?」と誤解されている方も多いかもしれませんが、そういうわけにはいきません!それっぽく見せるにはプログラムでそこそこのコードを書いてあげなければなりません。 UIViewとかにブラーをかけるメソッドがあるといいのですが、今のところないです。したがって、自前で作成したビューにブラーをかけるには、その処理を自分で実装する必要があります。ようするに時間がかかります。 そこで、ブラーをかけるのにどういった実装方法があるのかを調べてみたところ、以下の2つの方法がみつかりました。 標準コント
AngularJS概要 前回はAngularJSを学ぶ際に参考になるサイトの紹介をしました。 それらを見ればいくらでも書いてあるのですが、今回はAngularJSについての解説や基本的な機能等の解説をします。 Angular JSとは 前回もいったように、AngularJSはWebアプリケーションのためのMVC(MVW)フレームワークです。 ※MVW:Model-View-Whatever AngularJSでは次にあるような、いくつかの特徴をもっています。 Angular JSの持つ機能 1.テンプレート言語としてHTMLを使用する AngularJSは、HTMLファイルを使用します。その中で「Directive」という仕組みを利用し、 HTMLの属性や要素に対して特殊な振る舞いを適用します。 Directiveとは、HTMLの属性と要素を独自に拡張した新しいマークアップです。 ngMo
こいつ…動くぞ! nodeの魅力はサーバサイドとクライアントサイドを同じ言語、JavaScriptで書ける点にあります。複数の言語を使っていると時々書き方を間違えてしまったり、習得コストが余計にかかります。しかしそれはクライアントサイドからサーバサイドへの流れです。 その逆、サーバサイドからクライアントサイドの流れはどうでしょう。各種言語をWebブラウザ上で書けるようにする試みがされていますが、今回はその一つPHPをJavaScript上で実行するUniterを紹介します。 デモです。中央にあるPHPとされている部分はリアルタイムにWebブラウザ上で実行されます。 普通にパースエラーも起きます。 もちろんPHPの全ての機能が使える訳ではありません。今のところは以下の機能が実装されています。 if/else/else if while for foreach function switch
仕事用ツールの基本としてはスケジュールとタスク管理かと思います。Googleカレンダーやサイボウズのようなグループウェアを使っている場合は問題ないでしょうが、独自にCalDavサーバを立てている場合、専用クライアントが悩みどころです。 そこで今回はWebベースのCalDAVクライアント、CalDavZAPを紹介します。Google Appsライクな操作で設定できるので独自にCalDAVサーバを立てているならかなり使えると思います。 まずはログインします。 ログインするとカレンダーが表示されます。月ごとの表示がデフォルトです。 表示、非表示はチェックボックスで切り替えられます。 新しいイベントの作成はフローティングで行います。 タスクビュー。タスクの追加、編集、削除ができます。 週数のビュー。月ごとよりもこちらの方が分かりやすいように見えます。 ウィークリービュー。時間毎の表示になります。
jQueryの普及などに伴って外部ライブラリを導入することが増えてきました。そのような時にそのメソッドや使い方を調べようと思うとライブラリのドキュメントをあたらないといけません。これはとても面倒です。 そこでライブラリ自身にヘルプ機能を持たせてしまってはどうかというライブラリがHelp.jsになります。まずはその使い方を見てみましょう。 サンプルとしてFooというオブジェクトがあるとします。コードはこんな感じです。 // Foo.js (function(global) { // --- define ---------------------------------------------- // --- variable -------------------------------------------- // --- interface ---------------------
これは知っておいて損はないでしょう! Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで(Bootstrap本来の機能も使いつつ)リッチな
最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示構成要素がさりげなくアニメーションしながら配置されていくといった感じです。 それはCSS3のアニメーションで作られているのですが、スクロールと組み合わせて容易に実現してくれるのがWOW.jsです。 何はともあれ動画を見てもらうのが良いと思います。 犬や猫のアイコンがアニメーションしながら表示されていきます。スクロールの感知はJavaScriptで行っていますが、実際のアニメーションはCSSアニメーションによるものです。 実用的にどうなの、と思ったのですが以下のサイト(利用例)を見るとかなりいけてることが分かります。 さりげないアニメーションで表示されます。 1640 iOS7 Icons for designers & Developers | St
自分でWebサービスを作り始める時に、いつも同じことを繰り返しているなと思ったことはないでしょうか。例えばデザインテンプレートを用意したりjQueryをダウンロードしたり、さらに認証の仕組みを作ったり…これらは本当によくあることです。 何度も繰り返すのであれば、それは自動化すべきです。ということで作られたのがHackathon Starter、ハッカソン向け(だけではないですが)のnodeテンプレートです。 トップページ。Bootstrapが予め入っています。 サインイン。Facebook、Twitter、GitHub、Google+から選択もできます。 ログインすればメニューの表示も変わります。 プロフィール編集もあります。 外部のAPIをコールしてデータの表示も可能です。 コンタクトフォームも! 決められた時間内でプロジェクトを開発しなければならないハッカソンの場合、いつも行っている定
これは使いどころが多そうですね! Web決済においてクレジットカードは重要な要素となっています。入力を少し間違えただけで使えないため、しっかりと入力してもらわないといけません。入力を間違えたとしても再入力はユーザにとって大きなストレスで購入を諦めてしまうかも知れません。 もともとクレジットカードにはチェックデジットをはじめ入力の正しさを検証する機能があります。そこでクライアントサイドでその検知が可能なCreditly.jsを使ってみましょう。 よくあるクレジットカード入力フォームです。 番号が間違っているとテキストボックスが赤くなります。 セキュリティコードの桁数が足りない場合もエラー感知されます。 セキュリティコードは一般的に3桁ですが、カード会社によっては4桁となっています。そういった点もCreditly.jsではサポートしていますので、事前チェックが可能になります(セキュリティコード
PHGにも対応していますのでどんどん紹介できますね! iOSアプリがここ数年で一気に広まったのには間違いなくアフィリエイトの力が大きかったと感じています。アプリを紹介するブログ、メディアも多数立ち上がり、アプリをメディアで紹介してもらうのは人気を集めるのに必須となっています。 紹介する側としてもアフィリエイトで得られる収益が見込めるので人気アプリをこぞって紹介します。そんなアプリ、その他のコンテンツをブログで紹介する際に役立つのがAppHtml/AppHtmlWeb、アフィリエイトリンクメーカーです。 まずはAppHtmlWebから紹介します。こちらはWebページで検索して作成できます。 トップページ。検索対象とテンプレートが選べます。 検索対象はiPhoneアプリ、iPadアプリ、Macアプリ、音楽、アルバム、映画、電子書籍となっています。テンプレートは小さいボタン、大きいボタン、テキス
Instagramにあるいい感じの写真を使わせてもらいたいと思ったことはないでしょうか。しかしInstagramの写真はライセンスが明記されていないため使うのは控えてしまうでしょう。 そんな問題を解決するために作られたのがi-am-cc.orgです。Instagramの写真を取り込み、Creative Commonsのもとに写真を公開してくれるWebサービスです。 写真が並んでいます。これらはCreative Commonsの写真です。 Instagramにある写真は狙って撮っているものが多いので格好いいですね。 使い方としてはOAuthを使ってInstagramと接続します。そうすると既存の写真を含めてCreative Commonsにするか確認されます。 Creative Commonsの種類も選べますので商用利用可否、編集可否など選べます。 自分の写真をどう使って欲しいか、それを明文
Gitは便利な仕組みです。例えばGitリポジトリからデプロイできる仕組みを使えばSCPなどでファイルをアップロードする必要もありません。とても便利です。しかしそういった方法の取れないレガシーな運用を余儀なくされている環境もあるでしょう。 例えばFTPを使っている場合、GitリポジトリにコミットしてもファイルアップロードはFTPクライアントで行うと言った面倒なスタイルになります。それを解決してくれるのがGit-ftpです。 Mac OSXであればインストールは簡単で、brewで行えます。DebianやUbuntuでもaptを使ってできます。Windowsの場合はCygwinを使って行う必要があります。 $ brew install git-ftp インストールが終わったら、ローカルのリポジトリに移動してinitサブコマンドを実行します。 $ git ftp init -u <user> -p
iPhoneは何となくセキュアな気がしていました。しかしiTunesでiPhoneを繋いでデータがバックアップできるということはデータを抜き取る手段があると言うことです。それでも何となく暗号化くらいはされていると思っていました。 しかしそんなことはないと思い知らされるソフトウェアがiphone-sms-backupです。どきっとさせられるような結果に驚いてしまうはずです。 iPhoneを繋いだらコマンドを打ちます。 $ python sms-backup.py その実行結果が次のようになります。 Date | From | To | Text 2012-06-28 17:01:20 | Me | 9999999999 | ※※※※※※※※ 2012-06-29 08:29:03 | 9999999999 | Me | ×××××××× 2012-06-29 08:29:42 | Me |
Redmineをプロジェクト管理に使っている企業は多いです。アジャイル開発のみならず必要十分な管理項目があることで従来のプロジェクト管理においても活躍します。 しかしWebブラウザからアクセスするのに対して若干の不便さを感じることもあります。もっと素早くアクセスできれば良いのに…そう思う方はRedmine Desktop Clientを使ってみましょう。 Redmine Desktop ClientはオリジナルのRedmineClientからフォークし、REST APIを使うようにしたソフトウェアです。 接続設定です。RedmineのURLとID/パスワードを入力します。Redmineのバージョンも指定する必要があります。 タイムトラッキング機能があります。タスクを選んでトラッキングを開始します。 タスクの編集や追加もここからできます。 RedmineのWeb UIから操作するよりもRed
デモがあるのでぜひ触ってみてください! Webアプリケーションはどんどん進化しており、これまでローカルでしかできなかったことがWeb上でやすやすと実現されていきます。そんな中にあっては大抵のことは驚かない訳ですが、それでも時におお、と思わされるソフトウェアに出会います。 今回紹介するMondrianもその一つです。Webアプリケーションながらベクターベースのドローアプリになります。使いやすさ、機能の豊富さに驚かされるソフトウェアです。 例えばこんな感じ。円や四角、テキストが書けます。 ペンツールを使った描画もできます。 埋め込みにも対応しています。SVGまたはPNGによる出力もサポート! 逆にSVGからのインポートにも対応していますので、既にある素材を編集することもできます。フラットUIで、シンプルなデザインになっています。最低限の機能は揃っていますので、今後コミュニティベースで機能追加さ
AKB48 Official Blog 〜1830mから~ Powered by Ameba ファンのみなさまのおかげで「全国区のアイドルグループとして東京ドームでコンサートを開く」という夢の1つを達成することができました。そして新たなスタートを切ったAKB48のさらなる道程を、いろいろなドラマと共に綴っていきます。 先日リクエストアワーにて発表いたしました、2月24日(月)Zepp DiverCity TOKYOにて開催のイベント「AKB48グループ大組閣祭り~時代は変わる。 だけど、僕らは前しか向かねえ!~」に関しまして、チケット先行発売の詳細をお知らせいたします。 このイベントはAKBグループすべてのメンバーの新しい可能性を探るために、新しいチームを組閣することを目的としたイベントです。 先日の告知発表のステージ上で、高橋みなみ総監督は力強く、こう宣言しました。 「いろんな人がいろん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く