最近話題になったイケてるWebサービス・アプリ12選（2016年1月編）
コピースロット 「コピースロット」は、3つのキャッチコピーの一部分を組み合わせて1つのキャッチコピーが作れるWebサービスです。 回っているスロットの部分をクリックするだけで、誰でも簡単に面白くてユニークなキャッチコピーを作成することができます。 つくったキャッチコピーは”#コピースロット“というハッシュタグと一緒にTwitterに投稿できます。一時期このハッシュタグが、Twitterのトレンド入りするなどして話題となりました。 ili（イリー） iliは、話した言葉を自動で音声翻訳をしてくれるウェアラブル翻訳デバイスです。 ボタンを押しながら話すと、自動的に外国語に翻訳してiliがそのまま喋ってくれるので翻訳者がすぐ隣にいる感覚になると言います。開発元は、指輪型のウェアラブルデバイスの「Ring」を開発したLogbar Inc.。ポイントとしては、ネットの接続が不要で翻訳することが可能だ
フレームワークに見る Web セキュリティ対策 - Qiita
セキュキャン 2015 高レイヤートラック(Jxck) 本資料は、セキュキャン 2015 高レイヤートラックの講義資料です。 セキュキャン参加者であるセキュリティエンジニアの卵を対象に、 Web のセキュリティの知見が、実際どのように Web アプリ開発に反映されているか、もしくはどう反映すべきかを、フレームワークの視点から解説することを目的としています。 将来、 Web のセキュリティに興味を持ったエンジニアが、その知見を多くの開発者に啓蒙する手段として、フレームワークに反映するというのは非常に有効な方法です。 ここではその実例として Rails を例にとり、 Rails がこれまでに積み上げてきたセキュリティに関する知見を振り返るとともに、フレームワークとしてそれをどう取り入れているかを解説します。 Intro Web アプリケーションを開発する場合、 Web アプリケーションフレーム
最近話題になったイケてるWebサービス・アプリ10選（2015年5月編）
5月ももうすぐ終わりということで、5月中に話題になったWebサービスやアプリを10個ほどご紹介します。 AWA AWA（アワ）は、エイベックス・デジタルとサイバーエージェントが共同出資して開発した、サブスクリプション型（定額制）音楽配信サービスです。 国内の23のレコード会社が提供する数百万の曲を、ストリーミングで聴くことができます。90日間は無料で利用でき、それ以降は月額1080円。機能が制限された月額360円のプランも用意されています。 LINEも先日、LINE MUSIC のティザーサイトを公開しており、日本でもようやくサブスクリプション型音楽配信サービスが盛り上がりをみせてきました。 Prott Prottは、株式会社グッドパッチが提供するプロトタイプ作成ツール。 アプリやWebサイトを設計する際に利用されていたこのツールに、パーツをドラッグアンドドロップするだけでワイヤーを作成で
小さな変更で大きくUXを改善するマイクロデザインってなに？ | WebNAUT by Beeworks
※この記事は2015年2月4日に執筆された記事です。 1月も過ぎ2015年のトレンド予想も出そろった頃でしょうか？ 王道な話題が語られるなか、数名の海外デザイナーからマイクロデザイン、マイクロコピー、マイクロインタラクション、マイクロUXといった言葉があがっていたのが気になったデザイナーTXです。 このマイクロデザインという言葉、概念としては新しくないのですが、 日本ではまだまだ認知度が低いようなので今回はその”マイクロ”な部分をクローズアップしていきたいと思います。 目次 マクロデザインとマイクロデザイン マイクロコピーとは？ マイクロインタラクションとは？ マイクロデザインとブランディング まとめ マクロデザインとマイクロデザイン マクロ/マイクロデザインを家で例えるなら、マクロデザインはその家の外観でマイクロデザインはドアの種類や階段の形などの細部のこと。 WEBデザインでいうと、マ
ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog
この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって０からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを３個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 １つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ
コンバージョン率が改善された実例から学ぶフラットデザインの効果的な使い方
一年くらい前は、フラットはただのトレンドでしょ、と言われることもありましたが、この一年で日本でも多くのWebサイトで採用されており、一過性のものではなくなりました。これから制作されるサイトの多くでフラットが採用され、またどんどん進化していくことと思います。 そんなフラットの見た目的な美しさだけでなく、実際に改善された事例を元にした効果な使い方を紹介します。 How Flat Design Increases Conversion Rates 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。� 海外のブロガーから日本の他ブログでの無断転載や無断翻訳を聞くのでご注意ください。削除依頼しても無視っていうからひどい。 ミニマリズムがコンバージョンレートを261%増やした例 コンテンツファーストとモバイルファースト ボタンのデザインを変えたらコン
日本語で読める IT名文書 三選 - naoyaのはてなダイアリー
pplog の方に書いたけど、別にブログに書けばいいかと思い直したので投稿。Slack でチャットしてて、なんとなくこれ面白いよ URL を共有する機会があったので適当に選んだもの。 伽藍、バザール、ノウアスフィア、おなべ(3) http://www.artonx.org/diary/20120411.html#p01 artonさんがノウアスフィアの開墾についてわかりやすく書いてるもの。原文はちょっと長くて読むのが大変だけど、こっちは分かりやすいし、面白い。OSS の構造がなんかわかったきになる、すごい。 Steve Yegge の Google とプラットフォームに関するぶっちゃけ話を訳した http://anond.hatelabo.jp/20111018190933 (前編) http://anond.hatelabo.jp/20111018192953 (中編) http://a
2014年後半、現在これからのWebデザインのトレンドと制作動向を知る26のキーワード
Webデザインのトレンドを知っておくことは、今そしてこれからWebサイトを制作する上で非常に大切な情報です。廃れていくものを採用するのではなく、今求められているもの、これから伸びるものを取り入れることで、Webサイトは長く幸せな時をおくることができます。 現在のWebデザインのトレンドと制作動向を知り、これからの傾向を探ったまとめを紹介します。 Improving on Existing Web Design Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 トレンドを探るキーワードは全部で、26個。 デザインはより時間をかけ、コーディングはより少なく オープンソース よさそうに見えるWebデザイン ミニマリズムの進化 スクロールが好まれ、クリックは減少傾向 テキストはより少なく 明るい爽やかなカラー ユーザー目線 シンメ
アルドノア・ゼロのウェブページがヤバい - 職質アンチパターン
http://www.aldnoahzero.com/ とにかく見て実際に試して欲しい．一発でこのUIを使いこなせたなら貴方は凄い，この記事読まなくても良いと思います． さてUIに係る問題点で感じたことは以下．まあもっとあるとは思う． JSについてはJS諸賢にお任せします． 問題点 そもそもメインコンテンツへの入り口が「LOGIN」なのヤバい． こんなかんじ．ハイコンテキスト！！！ LOGINでメインコンテンツに入れると思うのおかしい感じがする．会員制ページと勘違いしてしまう． 「LOGIN」しか提示されてないと，その時点でログインしたくないおじさんとかログイン面倒くさいおじさんとかが去ってしまう可能性が高まる 放送後，トップページがこういう感じになるんだけど，まさか「LOGIN」がメインコンテンツへの入り口だとは思うまい．多くの人がどうやって普段のページに飛ぶのか迷うと思う． pic.t
「JSのソースコード丸パクリされた！」問題 - otori_rの日記
2014-07-06 「JSのソースコード丸パクリされた！」問題 短冊メーカーというWebアプリ（http://t.co/tK0eXXd3Yv）を、http://t.co/hSeeFq0aJ3に丸パクリされました。ソースコードを見ても、改行位置とURLが違うだけで、変数名やメソッド名が完全に一致する pic.twitter.com/a9ewfuLY4T— Masaru (@rironriron) 2014, 7月 6 っていうツイートが流れてきたんで外野から好き勝手言います いやこれはwebやる以上は避けられないよ…アイデアをパクられた！って言うほどでもないし… JSのコピペされるのが嫌ならサーバサイドにして完全に隠すとか、したらどうでしょうか。 ＞RT— 囮R (@otori_r) 2014, 7月 6 当事者の前後のツイート見てみたらネタじゃなく結構ガチで怒ってるみたいで、向いてないか
背景写真に「ぼかし効果」を巧く使ったWebデザイン事例（簡単なチュートリアル付き）｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 先月7月29日付のエントリーで、美しくて・フルスクリーンな写真イメージをWebサイトの背景に使用する手法が2013年のトレンドになっている ということで、いくつかの事例をまとめました。 →思わず魅入ってしまう、美しく大きい写真素材を巧みに使ったフルスクリーンデザインのWebサイト・23選（2013/7/29） 背景に写真イメージを活用したデザイン手法として、フルスクリーンデザイン以外にも、「ぼかし効果（ブラーエフェクト）」を取り入れているWebサイト、最近では特に「元の素材が何なのかがわからないくらい強くぼかした写真イメージ」を取り入れているWebサイトのデザインが海外サイトを中心に増えている気がします。 これは、写真そのものの美しさ というよりも、 ぼかすことで新たな美しさを表現したり 奥行き感を表現したり そこに乗っかってい
サーバー不要で保存できる「Web Storage」の使い方 (1/5)
HTML5とともにW3Cで標準化が進められているDOM APIの1つに「Web Storage」があります。Web StorageはCookieと同様にローカルディスク上にデータを保存する機能で、Cookieに比べて「有効期限がない」「データサイズの制限がない」といった特徴があります。ローカル上に永続的にデータを保存できるので、フォームの入力内容の保存やゲームのプレイ履歴の記録、各種サービスの状態保存など、などさまざまな用途に利用できます。 Web Storageにはローカルストレージとセッションストレージがあり、永続的にデータを保存する場合はローカルストレージを、ブラウザーを開いている間の一時的な保存であればセッションストレージを使います。ローカルストレージ、セッションストレージとも同じメソッドを持ち、記述方法に違いはありません。 今回のJavaScriptラボは、HTMLフォームに入力
登録不要で無料のWebサイト分析ツールとサービス8選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索：Google（コマンド検索） https://www.google.co.jp/ 類似サイトを
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「煽って盛り上げるのは“自分がその技術を使いたいから”なんです」－Increments 竹馬光太郎(mizchi)氏 - Forkwell Press
そもそも検索ワードなんて要らない？――nanapi代表・古川健介が語る「ポスト検索」の時代 ☆ ほぼ日刊惑星開発委員会 vol.135 ☆：Daily PLANETS
HugeDomains.com
