SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
名刺は自分の顔と名前を覚えてもらうための、社会人にとっていわば1つの武器と言っても過言ではないアイテムですが、だからといって顔写真を入れたり、自社のロゴを全面に押し出した物ではやぼったくなってしまいがちです。 インパクトを与えつつ、かつスタイリッシュで人に好印象を与えられそうな絶妙なさじ加減は難しいものですが、お手本となりそうなデザインをとにかくたくさん見るのが、必殺の武器となる自慢の名刺デザインには欠かせないはず。 ということで、秀逸な名刺のデザイン100パターンは以下から。100 Awesome and Original Business Cards from Designers | MyInkBlog 001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023
ウェブで執筆を行うすべての人たちへ ウェブを活用しながら執筆をおこなう『ウェブライター』の人にとって便利なChrome拡張機能をまとめてみました。Google Chromebookの発売も近くなり、Chrome OSだけでどう仕事をこなすか真剣に検討をはじめている人もいることでしょう（まだ気がはやいですか？）。作業環境をすべてブラウザ上に移行するという勇者はまだ少ないかもしれないけど、Googleの急速なウェブアプリへのシフトにより、ウェブで執筆をおこなっている人たちにとって便利な環境が整いつつあるのは確かで、全部ブラウザとはいわないものの、ある程度ブラウザ上で作業ができるようにしておくことで作業効率を上げることができる時代に入った、とは言えるでしょう。 というわけで、ウェブで執筆をおこなう人にとって便利なChrome拡張をまとめてみたので、活用してください。実はこれ、記者が自分用にメモし
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
先日のJJUG SpringのLTをしてきた「7分半で作るNode.js+MongoDBアプリ」の動画を撮り直しました。 本番ではmongoose.Schemaのところをmongoose.modelとしてしまい、まさかのライブデバッグを初めるハメになり、結果として13分となってしまいました。 リベンジとして今日何回かトライしたところ10分を2分半も上回る7分半、スリークォーターの記録を出すことができました。 動画中でやってること 1 環境を証明 nvmとかnodeとかnpmとかがインストールされてないことを証明 env.shは確認するコードが書かれているだけです 2 nvmとmongodbをググる 3 nvmをgitで取得 $ git clone git://github.com/creationix/nvm.git ~/.nvm 4 nvmを環境に読み込む $ . ~/.nvm/nvm.
●「Webさえあれば大丈夫。」そんな未来はもうすぐです ガジェ通豆知識「まめち！」担当ふかみんです(豆知識「まめち！」の記事一覧はこちら）。さて『Chrome OS』ですが、最新版では特に設定をいじらなくてもいきなり日本語入力ができるようになってきており、Flashも最初から組み込んでありますから、すぐにニコニコ動画を観ることもできます。上級者じゃなくてもChrome OSが体験できるような環境が整いつつある、ってわけです。実際この原稿もChrome OS 上で書きました。 来月6月にはChromeBook(Chrome OS が最初から入っているノートパソコン)も発売される予定で、なんか面白そうなんだけど、それって一体どんなもので、どれくらい使えるのか、というところが気になっている人も多いんじゃないでしょうか――というわけで実際に動かしてみたら割と面白かったので「Chrome OS」を体
今週のある日、師と仰ぐ某社社長と会いました。 私はブログでもTwitterでも、いつ、誰と会って、何を話したかは、書かないようにしています。今回は例外です。 氏の言葉は、P・ドラッガーの著書よりも、松下幸之助や本田宗一郎の語録よりも、スーっと私の心に入ってきます。 のちのちまで、胸に刻まれています。 そして何より、私をつかまえては、苦言を述べてくれることがうれしいのです。 20年を越えるおつき合いで、たくさんのことを教わりました。 現実にすべてができているかというと、そんなことはありません。 しかし、心がけていることです。 以下は、教わったことのごく一部ですが、紹介させていただきます。 ■35歳までに人よりも伸びるのが早かった奴は武器がある。35歳を過ぎるとその武器が自分に向かうから注意しろ。 ■男の色気は「危険」があるかないか、だ。「危険」を感じさせない男に色気はない。 ■世の中に「正し
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（前編） Google I/O 2011 モバイルアプリケーションを開発する方法として、JavaやC/C++などのプログラミング言語とSDKを用いてネイティブアプリケーションとして開発する方法以外に、HTML5/CSS/JavaScriptを用いて開発する方法が登場してきています。 この2つのアプリケーション開発にはどのような違いや利点があるのでしょうか？ Androidを題材にして解説したセッション「HTML5 versus Android: Apps or Web for Mobile Development?」がイベントGoogle I/O 2011で行われました。 HTML5でモバイル開発を行う利点 Reto Meier氏（左）、Michael Mahemoff氏（右）。
新規サイトの登録依頼・訂正などのお知らせはこちらから ※裁断本の廃棄を行わず、利用者へ返却を行っている業者様は、登録できません。 ※キャンペーン価格などは記載していません。PayPalはアカウント作成(無料)でクレジットカード決済が可能な電子決済アカウントです。 ※「書籍→断裁→スキャニング→電子化 」までのサービス情報がございましたら こちら まで情報提供のご協力をお願いいたします。申し訳ありませんが、いまのところ断裁まで、またはスキャニングのみのサービスの掲載は保留させて頂いています。 自分で書籍スキャニングする場合の情報（自炊） 役立つリンク 本をキレイにデジタル取り込みする方法 参考情報 書籍や本をデータ化、PDF化することを自炊と言い、その作業を自炊代行業者に依頼することを自炊代行と言われております。 通販から直送スキャン オプション Amazon.co.jpや楽天ブックスなどと
CentOSのダウンロード CentOSのダウンロードサイトから、CentOSのCDイメージをダウンロードします。 今回ダウンロードしたCDイメージは、以下のものになります。 CentOS-5.1-i386-bin-1of6.iso (625MB) CentOS-5.1-i386-bin-2of6.iso (632MB) CentOS-5.1-i386-bin-3of6.iso (618MB) CentOS-5.1-i386-bin-4of6.iso (635MB) CentOS-5.1-i386-bin-5of6.iso (631MB) CentOS-5.1-i386-bin-6of6.iso (528M) インストール事前準備 デフォルト設定だと、VMWare PlayerはISO形式のファイルを読み込むことができません。 ですので、先ほどダウンロードしてきたVMWareの構成ファイル
[Apple][iPhone][SDK] 久々に、開発のTipsを書いてみたいと思います。 iPhone4にフラッシュが搭載されたので、常時点灯するライトのアプリがたくさんでてますね。ただ、作り方にまずい物が結構あるみたいです。まず、作り方には2種類あります。 ◆一つ目の方法（多分、ほととんどこっちだと思います。） UIKitのUIImagePickerControllerを使う方法です。通常のビデオを撮影できるプログラムを書いて、トーチモードをON(これでライトがつきっぱなしになります。）overlayViewにスイッチのviewをいれてビデオ画面を隠して終わりです。 しかし、この方法だと困ることがあります。ビデオは、音声も録音するのでアプリを起動したとたんiPodなどバックの音楽は停止してしまいます。録音するのですから、あたりまえですね。なので、この方法はおすすめできません。 ◆二つ目
A few days ago I ran into trouble using Flash CS5 to publish an iPhone application to an IPA file. I got some help from Peter and Erwin but it didn’t help in the end for an unexplicable reason… However an hour ago I figured out what was wrong: About 4 months ago I had some problems with Java on my Mac, so I fiddled a bit with the settings… Turns out: Flash CS5 didn’t like that… After fixing that,
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基本HTML まずは、スマートフォン対応ページを作成するための基本となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <
国内4大ソーシャルアプリ・プラットフォーム、mixi、GREE、Mobage、Amebaの2011年1-3月期の四半期決算発表が出揃った。現在、4社の外部環境は、多機能携帯の成熟やスマートフォンの急成長、さらにFacebookなど海外勢の急追などで激変期にある。それらを踏まえ、今回の調査では、現業績やサービス比較に加え、各社の戦略などもあわせて分析してゆきたい。 なお，この分析レポートは，各社が投資家向けに公表している最新の決算報告，および広告代理店・クライアント向けに発行している媒体資料を主要な情報ソースとしている。あわせて、ネットレイティングス社「Neilsen/NetRatings NetView」およびビデオリサーチインタラクティブ社「Mobile Media Mesurement」による視聴データ調査、関係者ヒアリングもあわせ、多面的な考察を試みた。 また、当記事においては，それ
ここ数ヶ月、Google App Engine/Pythonを使い、初めてちょっとしたものを作ってみているのだけど、開発初期から知っておけばよかったなー、と思うノウハウ/tips的なものをずらずらと書いてみる。 基本的な環境設定は、 以前書いた まま。 0. 公式ドキュメントを良く読む 言うまでもなく、だけど、 マニュアル はもちろん、 この辺 の下の読み物も、流し読みだけでもしておいたほうがいい。 datastoreとmodel的なところ 1. key nameを使いこなす key nameは、レコードの作成時に指定できる(RDBでいう)primary keyの別名みたいなもの。primary key自体は自動的で作成されるので開発者が指定できるのはkey nameだけ。 key nameをうまく使うことで、datastoreを使いやすくすることができる。特にdatastore上で"un
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
