前回ガジェット系を紹介したので、今回はウェブサービスとアプリの紹介。アーリーアダプターの皆様のスタートアップ触りたい心をつかんでくれるはず。

DB設計のメモ。ネタサイトのレベルであれば、これくらいで問題がないと思う ネタサイトの作り方その2: コードをもりもり書く。なるべくPHPで ある程度設計が固まったら、ブラウザでCloud9を起動して、いきなりコードをもりもり書きます。 サーバの言語はPHPが多いです。運良くヒットした時、日本の大きな会社にサービスを売却するのに便利なのはPHPだからです。 Cloud9は素晴らしいです。感動します。無料でいきなりクラウド上のオンラインIDEとサーバを用意してくれます。ApacheとMySQLとRubyとPHPとGitくらいは普通に入っています。 昔は、オンラインIDEは遅くてダメなものが多かったのですが、Cloud9だけは別格です。テキストエディタすら立ち上げません。3割くらいの力でネタサービスを作るには最強の環境です。 オンラインIDEでは珍しく、ターミナルも叩けますので、普通にGitも

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。 ウェブサービスの企画とデザイン 僭越ながら明治学院大学で講義した時に作った資料。 なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。 かんたんキレイなウェブデザイン 僭越ながら勉強会 (UT Startup Gym) 用に作った資料。 なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ

最近、レスポンシブウェブデザインのサイトも増えてきましたね。このブログもレスポンシブ対応していて、色んなデバイスで閲覧できるようになっています。 ただ、制作会社のディレクターとしては、作ったレスポンシブのページをデバイス確認するのが非常に面倒なのです。 PCのウェブブラウザのウインドウサイズを伸び縮みさせてもいいのですが、それでは "どのデバイスで、どんな風に見えているか" が分からない。サイズ感が掴みにくいのです。 かと言って、検証機を５台も６台も並べて確認するのは非常に時間がかかってしまいます。 そこで私が利用しているのが「Responsive Checker」というウェブサービス。 URLを入力するだけで、擬似的に様々なデバイスでサイトを確認できます。また、任意のサイズに変更することもできるので、使い勝手も良い。オススメのウェブサービスです。 レスポンシブなサイトを一発確認 冒頭でお

みなさん、こんにちは。菊池です。今年でインターネット歴15年になりました。 ずっと流行っては消えていくウェブサイトのトレンドを見てきたわけですが、今回は最近……どころか10年以上見ていない「MARQUEE」を使っているサイトをまとめてみました。 MARQUEEとは？ HTMLタグの一つ。このタグを指定すれば、ウェブサイト上で文章を右から左へとスクロールさせることができる。そのため、視点の位置を移動させずに読むことができて、とても便利でスタイリッシュ。かつモダーン。 しかし、悲しい哉、今ではほとんど使われていないロストテクノロジーの一種。 それではMARQUEEの世界を探訪してみましょう。 速読ウェブサービス https://hitode909.appspot.com/speed_reading/ 宮沢賢治の短編小説「ポラーノの広場」の冒頭が高速で流れてくるウェブサイト。何と今月公開されたば

スマートフォンやタブレットがよりいっそう普及した2013年。ウェブサービスについても、スマホやタブレットに対応しない旧来のサービスはひっそりと終息に向かう一方、ローンチの時点からマルチプラットフォームに対応したサービスが増えており、PCがスマホやタブレットに取って代わられつつあるのと並行して、ウェブサービスも世代交代の時期を迎えつつある印象だ。 その一方、ウェブ版のみの対応ながら、独自色の強さで根強い支持を集めているサービスも数多く存在する。マルチプラットフォームに対応するか、あるいは強みを打ち出してウェブ版だけで生き残りを図るか、対応は両極端に分かれつつある印象だ。 本稿では、本誌連載「ウェブサービスレビュー」で2013年に紹介したサービスから、計10個のサービスを独断と偏見でセレクトして紹介する。2013年に登場したものばかりではないが、掲載時に反響が大きかったサービスばかりということ

「・MEGA・」はクラウドサービス「MEGA」を利用するためのアプリ。→MEGA クラウドサービスの利用アプリは今までたくさんありましたが、「・MEGA・」の特徴は無料で50GBのデータを保存できること。 無料とは思えない大容量はかなりオトク！まずは登録しちゃいましょう。 サクッと登録 まずは登録！5分くらいで完了します。 アプリを起動したら画面下の【ご登録下さい。！】をタップ。 日本語が微妙にあやしいですが気にしない(笑 名前・メールアドレス・パスワードを入力したら、利用規約の項目にチェックをつけて【登録】。 コード入力画面になるので、届いたメール内のコードをコピペして【登録を確認して下さい】をタップすれば完了！ メガな容量にたっぷり保存できます 「クラウドドライブ」からファイルをアップロードしてみましょう。アプリ版では画像ファイルをアップロードできます。 アップロード速度はまあまあなか

Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター

本連載「ウェブサービスレビュー」がこのたび連載200回を迎えた。足掛け4年にわたり、メジャーなものからマイナーなものまで、さまざまなウェブサービスを紹介してきたことになる。本連載をきっかけに便利なウェブサービスにひとつでも巡り合っていただいていれば、筆者としても喜びに耐えない。 今回は、過去2年、直近およそ100回分の連載の中で取り上げたウェブサービスのうち、Facebookの「いいね！」が100を超えたサービスと、はてなブックマークやTwitterなどでの反響が大きかったサービス、合わせて10個の無料サービスを紹介する。いずれも便利さはお墨付きということで、見逃していたものがあればぜひチェックしてみてほしい。 ◇市販ソフト顔負けの画像編集サービス「Pixlr Editor」 「Pixlr Editor」は、Photoshopのクローンとでも言うべきインターフェースを備えた、多彩な機能を備

HTML iOS NotificationsはHTML/JavaScritp製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 iOSやAndroidなどのモバイルでは通知機能が便利に使われています。それはアプリに限らず便利に使えるはずです。そこで使ってみたいのがHTML iOS Notificationsです。 デスクトップ版。画面上部に通知が表示されています。しばらく経つと消えます。 複数出すこともできます。 レスポンシブに対応しています。 iPhoneで出す場合は画面幅いっぱいに広がるようです。 Webなので画像やメッセージ、クリックした時のアクションなどは自由に操作できます。スマートフォンに最適化されたWebサイトで使うとまるで本物のネイティブ風になるのではないでしょうか。 MOONGIFTはこう見る HTML iOS Notification

こんにちは、ウェブサービス本部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。 自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。 今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔 まずはLINEの自