Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

dingdingのブックマーク (1,182)

  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

    • インパクト十分、かつスタイリッシュな名刺のデザイン100選

      名刺は自分の顔と名前を覚えてもらうための、社会人にとっていわば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

      インパクト十分、かつスタイリッシュな名刺のデザイン100選
      • ウェブ執筆者におすすめのGoogle Chrome拡張機能+ウェブアプリ厳選33個まとめ|ガジェット通信 GetNews

        ウェブで執筆を行うすべての人たちへ ウェブを活用しながら執筆をおこなう『ウェブライター』の人にとって便利なChrome拡張機能をまとめてみました。GoogleChromebookの発売も近くなり、Chrome OSだけでどう仕事をこなすか真剣に検討をはじめている人もいることでしょう(まだ気がはやいですか?)。作業環境をすべてブラウザ上に移行するという勇者はまだ少ないかもしれないけど、Googleの急速なウェブアプリへのシフトにより、ウェブで執筆をおこなっている人たちにとって便利な環境が整いつつあるのは確かで、全部ブラウザとはいわないものの、ある程度ブラウザ上で作業ができるようにしておくことで作業効率を上げることができる時代に入った、とは言えるでしょう。 というわけで、ウェブで執筆をおこなう人にとって便利なChrome拡張をまとめてみたので、活用してください。実はこれ、記者が自分用にメモし

        ウェブ執筆者におすすめのGoogle Chrome拡張機能+ウェブアプリ厳選33個まとめ|ガジェット通信 GetNews
        • IBM Developer

          IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevanttechnologies such as generativeAI, data science,AI, and open source.

          IBM Developer
          • JavaScriptのいろいろなコーディングルールをまとめてみた

            JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみましたJavaScript styleguide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。GoogleJavaScript StyleGuideGoogleJavaScript StyleGuide 和訳 —Goo

            JavaScriptのいろいろなコーディングルールをまとめてみた
            • 7分半で作るNode.js+MongoDBアプリ - PolyPeaceLight

              先日の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.

              7分半で作るNode.js+MongoDBアプリ - PolyPeaceLight
              • 「Google Chrome OSだけで仕事できる?」最新版を古いノートPCで動かしてみる|ガジェット通信 GetNews

                ●「Webさえあれば大丈夫。」そんな未来はもうすぐです ガジェ通豆知識「まめち!」担当ふかみんです(豆知識「まめち!」の記事一覧はこちら)。さて『Chrome OS』ですが、最新版では特に設定をいじらなくてもいきなり日本語入力ができるようになってきており、Flashも最初から組み込んでありますから、すぐにニコニコ動画を観ることもできます。上級者じゃなくてもChrome OSが体験できるような環境が整いつつある、ってわけです。実際この原稿もChrome OS 上で書きました。 来月6月にはChromeBook(Chrome OS が最初から入っているノートパソコン)も発売される予定で、なんか面白そうなんだけど、それって一体どんなもので、どれくらい使えるのか、というところが気になっている人も多いんじゃないでしょうか――というわけで実際に動かしてみたら割と面白かったので「Chrome OS」を体

                「Google Chrome OSだけで仕事できる?」最新版を古いノートPCで動かしてみる|ガジェット通信 GetNews
                • 修羅場をくぐった経営者から教わったこと / GameBusiness.jp

                  今週のある日、師と仰ぐ某社社長と会いました。 私はブログでもTwitterでも、いつ、誰と会って、何を話したかは、書かないようにしています。今回は例外です。 氏の言葉は、P・ドラッガーの著書よりも、松下幸之助や田宗一郎の語録よりも、スーっと私の心に入ってきます。 のちのちまで、胸に刻まれています。 そして何より、私をつかまえては、苦言を述べてくれることがうれしいのです。 20年を越えるおつき合いで、たくさんのことを教わりました。 現実にすべてができているかというと、そんなことはありません。 しかし、心がけていることです。 以下は、教わったことのごく一部ですが、紹介させていただきます。 ■35歳までに人よりも伸びるのが早かった奴は武器がある。35歳を過ぎるとその武器が自分に向かうから注意しろ。 ■男の色気は「危険」があるかないか、だ。「危険」を感じさせない男に色気はない。 ■世の中に「正し

                    • 新着記事

                      『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

                      新着記事
                      • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

                        2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

                        • HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき?(前編) Google I/O 2011

                          HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき?(前編)Google I/O 2011 モバイルアプリケーションを開発する方法として、JavaやC/C++などのプログラミング言語とSDKを用いてネイティブアプリケーションとして開発する方法以外に、HTML5/CSS/JavaScriptを用いて開発する方法が登場してきています。 この2つのアプリケーション開発にはどのような違いや利点があるのでしょうか?Androidを題材にして解説したセッション「HTML5 versusAndroid: Apps or Web for Mobile Development?」がイベントGoogle I/O 2011で行われました。HTML5でモバイル開発を行う利点 Reto Meier氏(左)、Michael Mahemoff氏(右)。

                          HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき?(前編) Google I/O 2011
                          • BookFire - 書籍 スキャン PDF サービス比較まとめ

                            新規サイトの登録依頼・訂正などのお知らせはこちらから ※裁断の廃棄を行わず、利用者へ返却を行っている業者様は、登録できません。 ※キャンペーン価格などは記載していません。PayPalはアカウント作成(無料)でクレジットカード決済が可能な電子決済アカウントです。 ※「書籍→断裁→スキャニング→電子化 」までのサービス情報がございましたら こちら まで情報提供のご協力をお願いいたします。申し訳ありませんが、いまのところ断裁まで、またはスキャニングのみのサービスの掲載は保留させて頂いています。 自分で書籍スキャニングする場合の情報(自炊) 役立つリンクをキレイにデジタル取り込みする方法 参考情報 書籍やをデータ化、PDF化することを自炊と言い、その作業を自炊代行業者に依頼することを自炊代行と言われております。 通販から直送スキャン オプションAmazon.co.jpや楽天ブックスなどと

                            • VMWare Player + CentOS5 環境構築メモ: ある SE のつぶやき

                              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の構成ファイル

                              • iPhone4のLEDフラッシュを使って、ライトを点灯させる方法

                                [Apple][iPhone][SDK] 久々に、開発のTipsを書いてみたいと思います。iPhone4にフラッシュが搭載されたので、常時点灯するライトのアプリがたくさんでてますね。ただ、作り方にまずい物が結構あるみたいです。まず、作り方には2種類あります。 ◆一つ目の方法(多分、ほととんどこっちだと思います。)UIKitUIImagePickerControllerを使う方法です。通常のビデオを撮影できるプログラムを書いて、トーチモードをON(これでライトがつきっぱなしになります。)overlayViewにスイッチのviewをいれてビデオ画面を隠して終わりです。 しかし、この方法だと困ることがあります。ビデオは、音声も録音するのでアプリを起動したとたんiPodなどバックの音楽は停止してしまいます。録音するのですから、あたりまえですね。なので、この方法はおすすめできません。 ◆二つ目

                                iPhone4のLEDフラッシュを使って、ライトを点灯させる方法
                                • Flash CS5 + iPhone + Red5 = Cool shit – noCreativity

                                  A few days ago I ran into trouble using Flash CS5 to publish aniPhone application to anIPA file. Igot some help from Peter and Erwin butit 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 withJava on myMac, so I fiddled a bit with the settings… Turns out: Flash CS5 didn’t like that… After fixing that,

                                  Flash CS5 + iPhone + Red5 = Cool shit – noCreativity
                                  • Twitterにおける大規模システム構築、3つの原則

                                    4月に米サンタクララで行われたMySQL Confernce & Expo 211では、TwitterのJeremy Cole氏が「Big and Small Data at @Twitter」と題して、同社のシステムにおける原則とシステム構成について紹介したプレゼンテーションが行われました。 1日に1億5000万以上のツイートが行われているTwitterのシステムはどのように構築されているのか、その内容を紹介しましょう。Twitterにおける原則TwitterのJeremy Cole氏。

                                    Twitterにおける大規模システム構築、3つの原則
                                    • [jQuery Mobile]役立つコード集とつまづきやすいポイント | コリ

                                      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 <!DOCTYPEhtml> <html> <head> <

                                      • 【2011年5月最新版】直近決算発表に基づくmixi、GREE、Mobage、Amebaの業績比較:In the looop:オルタナティブ・ブログ

                                        国内4大ソーシャルアプリ・プラットフォーム、mixi、GREE、Mobage、Amebaの2011年1-3月期の四半期決算発表が出揃った。現在、4社の外部環境は、多機能携帯の成熟やスマートフォンの急成長、さらにFacebookなど海外勢の急追などで激変期にある。それらを踏まえ、今回の調査では、現業績やサービス比較に加え、各社の戦略などもあわせて分析してゆきたい。 なお,この分析レポートは,各社が投資家向けに公表している最新の決算報告,および広告代理店・クライアント向けに発行している媒体資料を主要な情報ソースとしている。あわせて、ネットレイティングス社「Neilsen/NetRatingsNetView」およびビデオリサーチインタラクティブ社「Mobile Media Mesurement」による視聴データ調査、関係者ヒアリングもあわせ、多面的な考察を試みた。 また、当記事においては,それ

                                        【2011年5月最新版】直近決算発表に基づくmixi、GREE、Mobage、Amebaの業績比較:In the looop:オルタナティブ・ブログ
                                        • Google App Engine / Python 上での開発で最初から知ってればよかった、ってことをいくつか - Masatomo Nakano Blog

                                          ここ数ヶ月、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

                                          お知らせ

                                          公式Twitter

                                          • @HatenaBookmark

                                            リリース、障害情報などのサービスのお知らせ

                                          • @hatebu

                                            最新の人気エントリーの配信

                                          処理を実行中です

                                          キーボードショートカット一覧

                                          j次のブックマーク

                                          k前のブックマーク

                                          lあとで読む

                                          eコメント一覧を開く

                                          oページを開く

                                          はてなブックマーク

                                          公式Twitter

                                          はてなのサービス

                                          • App Storeからダウンロード
                                          • Google Playで手に入れよう
                                          Copyright © 2005-2025Hatena. All Rights Reserved.
                                          設定を変更しましたx

                                          [8]ページ先頭

                                          ©2009-2025 Movatter.jp