最近話題になったイケてるWebサービス・アプリ11選（2018年10月編）
こんにちは！ 2018年も、いよいよ残り2ヶ月になりました。 今月も、数々のサービスがリリースされましたが、そんな中からいくつかピックアップしました！ 【過去の記事はこちら】 » 【最新】話題のWebサービス・アプリまとめ [no_toc] Qrunch 技術に関する記事を投稿できるサービス。 独自ブログは反応が得られにくく、Qiitaなどはちょっとハードルが高い・・という人向けとしており、絶妙に気軽さを出しつつ、しっかり読まれるように工夫がされたサービスとなっています。 機能が豊富なのが特徴で、リアルタイムプレビュー付きのMarkdownエディタで執筆できるほか、ログ機能と呼ばれる、より気軽にアウトプットができる仕組みが用意されていたりします。 ほかにもChrome拡張機能が用意されていたり、記事が探しやすくなっていたりと、さまざまな工夫がなされています。 いままであまりアウトプットでき
【CSS】Flexboxの使い方を徹底解説！基本から実践まで(サンプルあり) | creive【クリーブ】
「Flexboxは、どんなことができるのか、いまいち分かっていない。」 「Flexboxって、横並び機能のfloatやdisplayとどう違うの?」 CSSの学習を始めた人の中には、こう思う人もいるでしょう。Flexboxは、従来、javascriptや他のCSSプロパティを駆使しながら実現していた複雑なレイアウト設計を簡単に実現します。今後、設計の主流になる可能性が高く、確実に理解し、使いこなせるようにしておきたいものです。Flexboxの守備範囲は、ほかのCSSプロパティに比べて広いため、最初の学習コストはかかりますが、それだけの価値があります。これまでmarginやpaddingでの調整に苦労してきた方は、これを学ぶことで大きな安心感がうまれるはずです。 今回は、CSS3で導入されたFlexboxを初心者の方でもわかりやすいように説明します。 Flexboxとは? Flexboxとは
UI,UXデザインに活かせる！認知科学・行動経済学・脳科学のおすすめ本18選
初めまして。 面白法人カヤックでデザイナーをやっているばっこ（@is178）です。 一昔前は画面の中の要素をデザインをすることがWebデザイナーのお仕事でしたが、今や画面の向こうにいるユーザーの体験さえもデザインの対象となりました。 机の前に座っているPCユーザーだけでなく、利用シーンも様々なスマホユーザーの体験まで考慮する必要がある今、認知科学・行動経済学・脳科学などの知識もあると、デザイナーとしての強みになるのではないでしょうか。 そこで、各分野の個人的なおすすめ本を18冊紹介したいと思います。 認知科学 認知科学の対象領域を狭めないために明確な定義はないのですが、特徴づけをするならば「知的システムの構造、機能、発生における情報の流れを科学的に探る学問」です。 お馴染みのアフォーダンスやシグニファイアもこの分野ですね。 1.教養としての認知科学
新米デザイナー必見！今すぐ使える広告インパクトをあげるイラストレーターの使い方
広告やバナーを製作する際、大切なのが読み手に「インパクト」を与えること。どうやったら目を引く広告がデザインできるのか・・。そう悩むデザイナーの方も多いのではないでしょうか。 そこで今回は、Illustratorの基本操作だけでできる、簡単な表現技術をいくつかご紹介します。 枠からはみ出す 画像リンク：mebic.com こちらはとてもシンプルにインパクトがだせる方法。広告サイズが決まっていると、「この枠の中に情報を収めなければ」と考えがちですが、きちんと可読性さえ残しておけば、すべてを枠の中に収める必要はありません。広告枠からどーんとはみ出せば、広告全体に勢いをつけることができます。 画像リンク：countach.tv こちらのルーツの広告もそうですね。街にある広告などをよく見て回ってみると、「枠をはみ出す」という効果は以外と使われています。今回ご紹介する広告のいくつかにも適用されているの
2016年のWebデザインのトレンドまとめ | creive
現在のWeb制作は、フロントエンド技術やブラウザの機能が充実してきたことで、少し前までは難しかったリッチな表現が取り入れやすくなりました。 一方、高解像度モニタからスマートフォン、スマートウォッチなど、多種多様なスクリーンに合わせて表示する要素を精査し、画面を設計する必要もでてきています。 私自身は広告サイト制作よりもCGMサイト制作の比重が大きいため、基本的に地味なUIパーツやUXの設計、改善に関わる内容を中心に情報を集めています。 その中で個人的に気になった技術、海外の記事やWebデザインのショーケースサイトでよく見る傾向、最低限抑えておきたい考え方などを5つほどまとめました。 クライアントサイドでの画像加工 デザイナーが加工したデータをアップしたり、サーバーサイドで処理することなく、クライアントサイドで画像を加工する技術を目にする機会が増えてきました。実装方法としてはCSS、SVG、
最近話題になったイケてるWebサービス・アプリ11選（2016年2月編）
こんにちは。 3月になりましたので、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 カクヨム カクヨムは、2016年2月29日に正式リリースされた、自由なスタイルで物語を投稿できる小説投稿サイトです。（公開非公開は作者が決められる） 2015年12月25日から、事前に会員と作品の投稿を受け付けていましたが、結果3月現在で会員数は1万8000人、投稿数（作品）はすでに1万5000作品を超えているというから驚きです。 Miitomo Miitomoは、任天堂が提供する自分に似たキャラクターをつくって、友達とコミュニケーションができるアプリです。 ニックネームだけでなく、しゃべり方や性格なども設定できるのでより自分に近いキャラクターを作ることができます。 サービスのリリース自体は3月を予定しており、予定配信国は、日本を含んで、アメリカ、カナダ、イギリス、アイルランド、フラン
開発の効率を2倍に！Jade、Stylus、CoffeeScript入門・使い方 | creive【クリーブ】
はじめまして、かるねです。 フリーランスでWebエンジニアをしています。HTML、CSS、Javascript、Ruby on Rails、Wordpress、AWS辺りを薄くひろくやっております。 さて、今回はWebサイトをコーディングする際に必要となるHTML、CSS、Javascriptという3つの言語について、Jade、Stylus、CoffeeScriptといった拡張言語を使って開発効率のスピードを上げる方法を紹介していきます。 なお、今回はターミナルアプリ(MacであればiTermのような)と、Node.jsの環境、npm(Node Package Manager)が必要になります。 下準備(Node.js、npm) まずは下準備として、Node.js(n)とnpmの環境を構築していきます。ご存知ない方のために簡単に用語を説明します。 ・Node.js：Javascriptエン
最近話題になったイケてるWebサービス・アプリ10選（2015年8月編）
Netflix（ネットフリックス） 世界最大級の映像配信サービス「Netflix」。 米国カリフォルニアに本社を構える「Netflix」が、2015年9月1日に日本版を開始するとして話題となりました。ソフトバンクとの業務提携も決まり盛り上がりを見せています。 2015年9月現在では、世界50カ国以上、6500万人を超える会員数を誇ります。 気になる月額料金は、同時利用台数1台の「ベーシック」が650円（画質SD）、同時利用台数2台の「スタンダード」が950円（画質HD）、そして同時利用台数4台の「プレミアム」が1450円（画質UHD 4K）という値段設定。1ヵ月の無料体験もあるので、興味がある人はぜひ利用してみてください。 キャッチコピーは「映画やドラマをもっと自由に。」 フカセ暗号ジェネレーター 2015年8月7日、4人組ロックバンドSEKAI NO OWARIのFukaseさんが残した
最近話題になったイケてるWebサービス・アプリ14選（2014年8月編）
こんにちは。 9月が始まりましたので、8月中に話題になったWebサービスやアプリを14個ほどご紹介します。 Hyperlapse Instagramが提供する、タイムラプス（微速度動画）動画を撮影できるアプリです。 強力な手ぶれ補正が特徴的で、手で持ったまま撮影するとぶれてしまう移動中のタイムラプス動画もスムーズに撮影できます。 Instagramでシェアできる動画の長さは15秒までとなっています。 動画をみればわかりますが、飛行機や車からの景色を撮影し、コマ数を減らして長時間の映像を短縮して記録させているためスピード感のある映像に仕上がります。 FESS（フェス） FESSは、iPhone向け音楽共有アプリです。 複数人のiPhoneに入っている音楽を、1台のiPhoneで共有して音楽を楽しむというアイデア。 アプリを起動して、1人が新しい「FESS（親機）」を作り、他のiPhoneが「
最近話題になったイケてるWebサービス・アプリ10選（2014年6月編）
こんにちは。 7月が始まりましたので、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Yo Yoは、特定の相手に対して「Yo」という通知を送る、ただそれだけのメッセージングアプリです。挨拶やちょっかいをかける感じで交流できます。 またアラートのような使い方もできて、W杯のサッカーの試合時に「WORLDCUP」というユーザー名に一度「Yo」と送ると、ゴールが決まる度に「Yo」とだけ届いたり、ブログが更新された時に「Yo」と届くなど他の使い方も見えてきています。 2014年6月23日には、100万ユーザーを突破、2ヶ月間で約1億円もの出資が集まったそうでWeb業界では衝撃が走りました。 Compressor.io ほとんど劣化させずに「JPG・PNG・GIF・SVG」の画像を軽量化できるWebサービスです。 料金は無料でアカウント登録もなく、ドラッグ&ドロップするだけで画
最近話題になったイケてるWebサービス・アプリ12選（2014年5月編）
こんにちは。 5月が終わり6月が始まったということで、5月中に話題になったWebサービスやアプリを12個ほどご紹介します。 UTme!（ユーティーミー） ユニクロがリリースした、自分がデザインしたTシャツを購入できるサービスです。 スマホとPCのブラウザ上で、デザインし、完成したTシャツは1枚1990円で購入できます（送料450円：3点以上購入で無料）。 リリースした当初の利用規約は、ユニクロに全著作権が譲渡される内容になっていましたが、2014年5月20日に「著作権がユーザーに帰属する」といった内容に改定されています。 GHORUS（ゴーラス） GHORUSは、情報を一斉に拡散したい時に役立つ日本初の「クラウドツイーティングサービス」です。 知ってほしい情報やプロジェクトがあっても、1人の発信力ではなかなかたくさんの人に届かないもの。GHORUSに投稿し、共感して賛同してくれる人が一定数
Macユーザー必見！オシャレすぎるMacのオススメ周辺機器＆アクセサリ10選
iMac、Macbook、Mac mini・・・。 Macは統一感のある洗練されたアルミボディが魅力的なPCですよね。 その美しい外観だからこそ、周辺機器やアクセサリーにもこだわりたいところです。 そして、どうせなら性能もよく、便利なものがいいですよね。 今回は、すべてのMacユーザーに向けて、Macとの相性ばっちりで、見た目もおしゃれ、そしてなにより、あると便利なこと間違いなしのオススメ周辺機器＆アクセサリをご紹介します。 キーボード「HHKB Lite2 for Mac」 プログラミングに最適化された高機能なキーボードで、愛用者も多い「Happy Hacking Keyboard Lite2」。気持ちの良い打鍵音はもちろん、コンパクトなボディがデスクの場所をとりません。 このLite2 for Macは、HHKBをMacで使いたい人のために、キートップにはMac専用の刻印が施され、ボデ
【料理】あの店の味が自宅で作れる！再現レシピ18選
今日は、ある店のあの味を生み出した「再現レシピ」記事を、18個ご紹介いたします。 こんなものまで作れるの！？と思うものもあるので、ぜひチャレンジしてみてください。 ご飯系の再現レシピ ご飯系の再現レシピをご紹介していきます。 billsのスクランブルエッグ 世界一の朝食billsのスクランブルエッグが世界一な理由 | ウェブランサー まずは、世界一の朝食と称される「bills（パンケーキで有名なレストラン）」のスクランブルエッグです。日本には2008年に1号店が登場し、常に行列ができている店の1つです。レシピもとてもシンプルだったので、簡単に作れて美味しくいただけました。 → レシピ 洋麺屋五右衛門のスパゲッティー 洋麺屋五右衛門のスパゲッティーを自宅で再現したい！：お料理速報 湯葉と鳥そぼろの豆乳クリームから、アラビアータ、たらこのカルボナーラまで、洋麺屋五右衛門の様々なレシピが公開され
最近話題になったイケてるWebサービス・アプリ12選（2014年3月編）
3月も終わり4月が始まるということで、3月中に話題になったWebサービスやアプリを12個ほどご紹介します。 Presso（プレッソ） 先日はてながリリースした、ニュースアプリです。 既存のニュースアプリとの違いは、ユーザーの興味（カテゴリから選択する）にもとづいた情報が配信されるところ。そして1つ1つの記事に、はてなブックマーク経由で投稿されたコメントが表示されるのも特徴的です。デザインもフラットでいい感じです。 Webflow コードを書かなくても、レスポンシブで美しいWebサイトが簡単に作れるサービスが登場しました。しかも無料。 「Build beautiful, responsive websites without code.」 テンプレートもデザインが整っていて、サイトを作成したあとにコードを、画像ファイルも含めて書き出すことができるのには驚きました。ただ単に何かをつくるだけのコ
最近話題になったイケてるWebサービス・アプリ10選（2013年10月編）
こんにちは。 10月が終わり新しい月がはじまったということで、先月中に話題になったイケてるwebサービスやアプリを10個ほどご紹介します。 calll カカオトーク（カカオジャパン）がリリースした、みながら話せる電話アプリです。 何を見ながらかというと、写真やWebサイトを一緒に見ながら話せる無料通話アプリです。 シェアされた情報は、通話履歴として自動で保存されるため通話後でも簡単に振り返ることができます。通話中にスマートフォン画面をタッチすると、触れた部分が相手の画面上に小さなサークルで表示されます。新しい。 オンガクスリ ユーザーの悩みの投稿に対し、音楽を紹介して回答するソーシャルコミュニケーションサービスです。 音楽をクスリと捉えて、個人が投稿した悩みに対して周りのユーザーが音楽の紹介をして回答します。キャッチコピーは「あなたの心に効く音楽が、きっと見つかる。」 studygift
【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか？ 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい
【無料】集中したいときに！おすすめの作業用BGMサービスまとめ
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
最近話題になったイケてるWebサービス・アプリ11選（2013年7月編）
こんにちは。 もうすぐ8月ということで、7月中に話題になったwebサービスやアプリを11個ほどご紹介します。 IFTTT IFTTTとは、Webサービスやアプリのアクションを連携させて一連の処理にしてしまうサービスです。 「もし明日が雨だったらGmailにメールを送る」といったことも可能です。サービスの名称は「If this, then that（これをすれば、あれをする）」を略したもの。たとえばスマートフォンでとった写真を自動的にDropboxにアップロード、ブログへ投稿すると自動的にツイートする設定などなど考えられるレシピは無限大。 自分でレシピを投稿したり、他ユーザーの作成したレシピを見ることもできます。エンジニア思考っぽいのサービスですが、どんどん私生活の一部分としてに入り込んできそうですね。 SUVACO（スバコ） ソーシャル・ホームデザイン・サイトです。 家づくり・インテリアに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
見せ方がうまい！インフォグラフィックを利用した7つのWebサイト | creive
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
