みんなが見てる人気のスマートフォン向けWebサイトデザイン
みんなが見てる人気のスマートフォン向けWebサイトデザイン
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Google Chromeの拡張機能が本格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能も
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
日本の無料SEOツールの中では高機能かつ動作が軽いのが特徴。ソーシャルブックマークやIPアドレスなども解析可能。 URL:http://seocheki.net/ WODGE相互リンクチェッカー 無料・無制限で使用可能。1度に5URLをまとめてチェックが出来るのも便利。相手先ページの発リンク数も表示されるので、有効なリンク先を見つける参考になります。 URL:http://www.wodge.biz/linkchecker/ エラーチェックツール Google Search Console これなくしては、現代のSEOはほぼ行えないでしょう。 モバイルでのエラーやページの表示速度など、基本的なユーザビリティチェック URL:https://search.google.com/ Dead Link.tv
長くなったので目次を作りました。 1.アイディア出しより前にするべきたった1つのこと 2.あなたが狙うべきテーマは? 3.成功するサービスは何が違うのか 4.外さないサービスの実例と僕の実体験 5.僕が考える究極のWebサービスとは 番外編.サービスを作ることと、稼ぐは別物 - アフィリエイトに取り組んだら売上が月3,000万円になった話 まえがき 最近、個人でWebサービスを作りたい人がとても増えている気がしています。僕は個人開発者として、最近リニューアルしたばかりのQ&Aなうや書き起こし.comなど、これまで30以上のWebサービスを作ってきて、失敗したりちょこっとうまくいったりした経験が、これからWebサービスを作りたい人に少しは役に立つことがあるんじゃないかと思ったので、僕なりにWebサービスを作る上で気をつけているポイントを書き残すことで、僕と同じ失敗を避けて、うまくいくWebサ
はじめに みなさま、こんにちは!年末の忙しい時期ですが、お元気ですか? 僕はなんとか元気です>< 使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリのインストールまでここにメモしておきたいと思います! 購入まで と言うことでまず購入までにやったことをまとめてみたいと思います 価格.com で調べる まずは、価格.comを使って、以下の条件で良さそうなパソコンを探してみます。 8 万円以下の価格 それなりのグラフィックボード(最近 Minecraft っていうゲームをやってるので) それなりのメモリ(メモリ安いので) それなりの CPU USB 3.0 (データ移行のときにハードディスクを USB 3.0 でつなぎたいので) ディスクアクセス速度は、ある程度遅くても良い(RAM ディスクで頑張る戦略) 買うパソコンを決める
最近、あまりプログラミングが得意でない人のサポートをする形で、長い時間にわたってペアプログラミングを行っている。そのなかで、気がついた悪い習慣と成長するための良い習慣というものをまとめてみる。 この記事のバックグラウンドとなる体系的知識が本になりました。 エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング あわせて読みたい 経営者マインドが足りない!vs. 現場に任せてくれない!の対立をなくすカードゲームをつくった話 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 あきらめるにはまだ早い!ソースコードの品質向上に効果的なアプローチ 心理的安全性ガイドライン(あるいは権威勾配に関する一
IT企業が社内の新人エンジニアに向けた研修資料や動画を無償公開し、話題になっている。学べる内容はIT業界の文化からゲームエンジン「Unity」を使ったゲーム開発までさまざまで、中には150ページ超のスライドや5時間超の動画もある。 ネット上では「初心者(エンジニア)の指針になる」「IT基礎知識の一通りのことが身につく」「動画があって助かる」などと評判だ。改めて公開内容と目的をまとめた。 サイボウズ、新人ITエンジニア向けに「IT業界文化」など サイボウズが7月20日に公式ブログで、4月から6月にかけて行った研修の資料を公開した。7月30日時点でブログへの「はてなブックマーク」(以下、はてブ)は約1950件、Facebookの「いいね」は約590件付いている。同社は“駆け出しエンジニア”向けとしている。 (関連記事:サイボウズの“駆け出しエンジニア”向け研修資料が話題 Webアプリ開発やIT
拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。(チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。) WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う!
2017年6月30日 便利ツール 「こんな事がネットでできると便利なのになあ」と思った事はありませんか?生活に「便利」「楽しみ」をくれるサービスが無料であれば嬉しいですよね!ということで、今回はWebに詳しくない人でも簡単にはじめられるWebサービスを紹介します。中には会員登録も不要なものも!今直ぐ試してみてください! ↑私が10年以上利用している会計ソフト! ファイルシェア Sendoid Sendoid 会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。おすすめです! イベントスケジュール ATND(アテンド) ATND(アテンド) イベント・カンファレンス・勉強会の告知や参加者管理が簡単にできるサービス。イベントの詳細を入力したり、参加予定者がコメントしあったりできます。Twitter、Google、Yahoo、Mixiなどでログイ
スマホ販売員なんていう、はてなーに底辺って馬鹿にされる仕事してるんだけど、 世間の人があまりにもWi-Fiやスマホについての理解・リテラシーが無くて唖然としている。 俺は家電量販店の担当しているんだが、いやほんとヤベーわ世間の人。無知にも程がある。 今時スマホの新規契約なんて見込めないから、他社からウチに乗り換えてもらうために片っ端からお客さんにスマホ契約状況を聞いて回らなければならないのだが スマホだけでなく、家の固定回線も含めて話を聞かなければならない。が、先日たまげた話を聞いた。 40代主婦らしきお客様に話聞いた結果、 「主人はソフトバンクしか使いたがらないのでスマホはソフトバンクで主人専用にソフトバンク光、高2の息子はドコモに拘りがあってスマホはドコモ、息子専用にドコモ光。中3の娘はauしか使いたくないのでスマホはau、娘専用にauひかり。」 !? それぞれキャリアに拘りがあるから
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション 2010年11月04日 15:44Mac 追記 これは2010年に書いた記事なんですけど、今でも使っているものはここで挙げたものの半分以下になりました。 最近 Mac を使い始めてここに来た方、せっかくだからこっちを見ていってください。 Mac を使い始めたら真っ先に覚えてほしいキーボードショートカット10項目 « 頭ん中 MacBook Air の影響もあると思うんだけど 周りで Mac を始める人が増えてきたので 「これ入れとくと幸せになれるかも」 というMac のアプリケーションを挙げてみます。 いいものはいっぱいあるんだけど Mac らしいと思うものや、Windows から Mac に移行した人が困りそうな点を補ってくれるものを優先 ブラウザや Dropbox, Evernote
サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
※Webとスマートフォンアプリでは一部の仕様が異なります。 ※自動録音機能は一部の講師のみとなります。 ※自動録音機能は、一部の環境で音声が再生できない場合があります。詳細は こちらをご確認ください。 オンライン英会話で “夢が広がった”受講生 初級レベルから、短期間でレベルアップ 自分のレベルを理解することから始めて、毎日英語に触れるという簡単な目標の積み重ねで英語が話せるようになりました。レアジョブ英会話を継続し、いつか海外を自由に飛び回れるようになりたいです。 41歳で英語に目覚め、たった1年で海外移住 大学卒業後、20年ぶりに英語を学び直し、オンライン英会話をはじめて1年後にニューヨークへ移住しました。楽しく学べたことで短期間で英語を話せるようになり、今では念願だった海外で仕事をしています。 仕事と両立し、夢に描いたキャリアへ 25分のレッスンを習慣化できたことで、スピーキングが上
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン! 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
海外旅行に安く行きたい人必見!航空チケット比較サイト「Skyscanner」 最終更新日: 2017/01/13 LCCセール情報 こんにちは@sayobsです。 現在は円高なので国内旅行より海外旅行に行く方がコストパフォーマンスは良いです。僕は7月に一週間マレーシアに行きますが往復の航空券は27,340円です。もちろんサーチャージや空港税すべて込みです。 新幹線で東京から大阪に行くのとほとんど変わりません。 今日は海外旅行に安く行ける方法を紹介します。 参考:国内・海外旅行を1番安く済ませるためには、オンライン旅行会社「エクスペディア」がおすすめな理由 比較サイトSkyscanner海外のホテルの比較サイトではHotel.comが有名ですが、航空券の比較サイトSkyscannerがおすすめです。値段、飛行時間、航空会社別での検索も可能です。 例)アメリカに最安値で行きたい→直行便より◯◯
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD](92MB) 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
とあるきっかけで読み始めた、ミハエル・チクセントミハイの「フロー体験」という本、あまりに衝撃的であり、日々のものごとに対する観点をガラっと変えてしまったため、その内容の一端を、特にインパクトある部分を中心に簡単に紹介したいと思います。 ■著者「ミハエル・チクセントミハイ」について ミハエル・チクセントミハイは、1934年ハンガリー生まれで、主にアメリカで研究生活を行った、20世紀を代表する心理学者の1人。 1990年に出版された本書は、「(欲求の5段階で有名な)アブラハム・マズローの自己実現の概念を超えるもの」(ニューヨーク・タイムズ紙)など様々な新聞・専門家から賞賛され、「日常生活の心理学に関して、今世紀最高の研究者」とも言われています。 その知識は非常に広汎であり、心理学のみならず、文学・社会学・人類学・比較行動学・情報論・進化論・宇宙論・芸術などにまで及んでいます。 ■フロー体験とは
パソコンを買ったら何も考えずにインストールしておくべきフリーソフト29選 2012 年 1 月 28 日 15 時 6 分 パソコン ■インターネットブラウザ GoogleChrome http://www.google.co.jp/chrome/intl/ja/landing_ie.html?hl=ja ■メーラー ThunderBird http://mozilla.jp/thunderbird/ ■地図 Google Earth http://www.google.co.jp/intl/ja/earth/ ■RSSリーダー Googleリーダー http://www.google.co.jp/reader/ ■ファイラー Xfinder http://www.eonet.ne.jp/~gakana/ ■セキュリティ Microsoft Securit
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
DrillSpinは事業構造の検討を行なうため、 現在、すべてのコンテンツページが 非表示となっております。 表示再開までしばらくの間お待ちください。 2018年6月29日 DrillSpin
Googleが提供する、Google App Engineというサービスを知っていますか? Amazon EC2などと同じで、Googleが用意するクラウドサーバー環境で アプリケーション開発ができるというサービスです。 (レンタルサーバーのようなもの) その大きな特徴は、なんといっても月間500万PV相当まで"無料"ということです。 ※有料で制限を拡張することも可能 ※2011/09/07 注 Google App Engineの新料金体系が発表されました。 新料金体系では無料で使える枠が大幅に削減されています。 この記事の無料での使用制限に関する記述は、新料金体系では 正しくありませんのでご注意ください。 「App Engine は無料で始めることができます。最大 500 MB の永続性ストレージに加え、月間約 500 万ページ ビューに対応できる十分な CPU と帯域幅を、すべてのア
ゲームの作り方とアルゴリズムをジャンル別にまとめてみました。ゲーム制作や、プログラミングの勉強用にご活用ください。言語別ゲームプログラミング制作講座一覧もあわせてお読みください。 リンク切れがおきていたものは、URLを表示しておくので、Internet Archiveなどでキャッシュを表示させてみてください。 RPG ゲームの乱数解析 乱数を利用した敵出現アルゴリズムの解説 各種ゲームプログラム解析 FF、ドラクエ、ロマサガのプログラムの解析。乱数の計算など ダメージ計算あれこれ(http://ysfactory.nobody.jp/ys/prg/calculation_public.html) ダメージの計算式 エンカウントについて考えてみる エンカウント(マップでの敵との遭遇)の処理方法いろいろ RPGの作り方 - ゲームヘル2000 RPGのアルゴリズム ドルアーガの塔 乱数の工夫の
中1のとき、吹奏楽部で一緒だった友人に、だれも口をきかなくなったときがありました。いばっていた先輩(せんぱい)が3年になったとたん、無視されたこともありました。突然のことで、わけはわかりませんでした。 でも、さかなの世界と似ていました。たとえばメジナは海の中で仲良く群れて泳いでいます。せまい水槽(すいそう)に一緒に入れたら、1匹を仲間はずれにして攻撃(こうげき)し始めたのです。けがしてかわいそうで、そのさかなを別の水槽に入れました。すると残ったメジナは別の1匹をいじめ始めました。助け出しても、また次のいじめられっ子が出てきます。いじめっ子を水槽から出しても新たないじめっ子があらわれます。 広い海の中ならこんなことはないのに、小さな世界に閉じこめると、なぜかいじめが始まるのです。同じ場所にすみ、同じエサを食べる、同じ種類同士です。 中学時代のいじめも、小さな部活動でおきました。ぼくは、いじめ
[Mac保存版]Macユーザーなら絶対に保存するべき有益すぎるTipsや環境設定、アプリの記事22選まとめ January 27, 201219:28 ツイート 今回はMacに関する有益になりすぎる情報をみなさんに提供したいと思い、まとめてみました。少し量が多いですが、ブクマ必須の内容となっておりますのでぜひ読んでみてください。前回より追加しました。 [スポンサードリンク] Macに関連する書籍って確かに良い情報を書いている時もあるんですが、やっぱりブロガーさんがまとめている記事の方が書籍や雑誌より10倍有益だなと個人的に思うんです。 今回はMacに関する良質記事をまとめてみましたので、Mac初心者でも中級者でも上級者でも読んでみてください。 また以下紹介する、ブログはRSS登録する価値があると思います。毎回有益な情報を提供してくれます。 目次 1.お掃除、高速化、メンテナンス系の記事 2
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
2013年3月23日 ライフハック 今、あなたは自分の人生に満足していますか?もしそうでないなら、今回の記事が役に立つかもしれません。より素敵な人生を送るためのライフハックです。SEOに疲れたとき、1pxのズレで残業したとき、納期から逃げたくなったとき(※どっかで聞いたなそのフレーズ)に、ぜひ読んでみてください! ↑私が10年以上利用している会計ソフト! Webクリエイターボックスを始めた理由 実は約一年前、毎日なんだか退屈だな…と思っていたときに、今回紹介する「100 Ways To Live A Better Life」という記事を見て、ブログを始める決意をしたのでした。落ち込んでいたり、私と同じく退屈している友達がいればこの記事を見せていました。その友人の中には仕事をやめる決心がつき、バンクーバーでも有名な大手の会社に入社したり、海外に引越たり、結婚を決意したりと、彼らがなにかを始め
1 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/06(土) 23:17:25.07 ID:5qgHZUVl0 そんなことより、これ、磨けばかなり美人になると思いませんか。 すごく良い素材な気がしてならないのです。 3 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/06(土) 23:20:27.99 ID:5qgHZUVl0 ロリ顔+巨乳の破壊力は語られ尽くされた感が否めませんが 語られつくされたからこそ、何かを超越してしまったかのような神々しさが 生まれるのではないでしょうか。 たとえばこの画像をご覧ください。 ボブという、最近頭角を現してきた女子の定番スタイル がさらにエロさをかき立てています。 4 :以下、名無しにかわりましてVIPがお送りします[]:2010/03/06(土) 23:24:11.98 ID:5qgHZUVl0 「強制上
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く