こんにちは。チーム6 viva-la-vidaです。今回私たちは「都会のご近所付き合いを再デザインせよ」という課題に取り組ませていただきました。そこで作成したプロダクトが「イヌミテ」です。

Web制作者視点で理解するソフトウェアテスト 社内勉強会資料 2016.04.12 （最終更新：2024.02.11） 作品と活動 勉強会資料 JavaScript ユニットテスト ペアワイズ法 Pairwiser システム開発 約500字 社内勉強会資料。制作系のフロントエンド技術者向けに、ソフトウェアテストについて概要をまとめたスライドです。 本資料に関連し、『Pairwiser』について更に掘り下げた記事『Webアプリのテスト工数を削減できるかもしれないペアワイズ法とPairwiser』もQiitaに公開しています。 スライド

フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分

昨年、未経験からWebデザイナーとして入社してはや1年が経とうとしています。ふと自分を客観的に見つめてみると、「思ってた程、成長していない…」ということに気づき、今更ながら焦り始めているところです。情けないですが。 Webのことも入社前に比べ、遥かに知識を得たし、デザインやコーディング、プログラムのことも少しは自力で調べられるくらいにはなりましたが、あまり実務で役立てられていない、成果を発揮できていないと思っています。 そういう訳で、だらだら2年目に突入する前に、1年間で指摘されたこととそれを踏まえた目標を記録しておきます。 まずは、デザインについてです。 コーディング編はこちら。 新人Webデザイナーの私が、1年目で指摘されたことを振り返る[コーディング編] - IT系女子ログ ※自分の為のまとめなので、読みづらいかと思いますがご容赦頂けると幸いです。 目次 指摘されたこと 指摘を受けて

WordPress Themes Our themes are simple to use, practical yet powerful — for any type of business. Expect great functionality, intuitive customization, and excellent support! View Themes Sydney Create elegant websites that are easy to customize and fast to load. Sydney is the perfect starting point for professional and personal projects. Discover Sydney Botiga Build successful online stores and sho

新年明けましておめでとうございます。昨年は年金機構への標的型攻撃による個人情報の漏えいを筆頭に、セキュリティに関する報道が毎日のように世間を騒がしていました。特にウェブにおいてはHTTP.sysの脆弱性やFlashの脆弱性などが発見されたり、継続して標的型攻撃やパスワードリスト攻撃などの攻撃も繰り返されています。 ウェブの普及に伴い、攻撃を受ける可能性のあるインタフェースが増加し、その攻撃対象も企業から個人まで幅広くなりつつあります。これらの攻撃による情報漏えいやインシデント等の発生から身を守る術、すなわち情報セキュリティを身につけ、自らの情報を自らの手で守り抜くことが求められています。全ての人にとって情報セキュリティへの理解を深めることは課題であると言えます。 OWASPとは このような背景の下、ウェブアプリケーションを作成する開発者や、ウェブアプリケーションに関わる意思決定を行う方々に

用語 マーチャント 加盟店、お店 カスタマー カード利用者(僕ら)、 card holder 国際ブランドとは Visa, Mastercad とか決済システムを提供している企業のこと。 やっていることは 決済システムの提供 残高(balance)計算 勘違いしていたけど、（自社のカードを発行してない限り）与信管理はやってない。無論ポイント管理もやっておらず、顧客情報を持たない。 国際ブランドは現在7つ存在している。 Visa MasterCard American Express JCB 銀聯(UnionPay) Discover Card Diners Club 発行会社(issuer) 国際ブランドからライセンスを得てカードを発行する会社のこと。 一般的にカード会社といえばこちら側を指す。 ポイントとかサービスに関する情報を持っているケースが多い。有名所では、クレディセゾン、UCカー

A selection of UI and brand style guides by talented designers.

Complete API

こんにちは、mikotoです。 AWSには CloudSearch と Elasticsearch Service の2つの全文検索サービスがあります。 今回は、この2つを比較してみます。 ベースはほとんど同じ Solr と Elasticsearch のどちらもLuceneという検索エンジンをベースにしており、検索に関してはほとんど同じことができるのと同様に、CloudSearch と Elasticsearch Service でもほぼ同じことができます。 CloudSearch はベースのエンジンを明言してはいませんが、 Lucene のクエリパーサーが使えたり、利用できる型がほぼ同じであったりすることから、大部分が Lucene を参考にしていると思われます。 若干の癖がありますが、 Solr や Elasticsearch の経験があれば、 CloudSearch の利用はすんな

ずっと自分好みのスタイルガイドジェネレーターを探していたんですが、ようやく見つけました！「Fractal 」というツールで、かなり良さそうなのでご紹介します。 初級編、中級編の2回に分けて、初級編ではインストールと初級設定からウェブUIの起動までを、中級編ではコンポーネントのより細かい設定などについてご紹介します。公式ドキュメントは初めてだとわかりづらいところもあったので、その辺を補う形でまとめてみたいと思います。 ※先日、スタイルガイドとパターンライブラリの違いについてまとめましたが、スタイルガイドやパターンライブラリを自動生成するツールは「スタイルガイドジェネレーター」というのが一般的なようです。「パターンライブラリジェネレーター」とは呼ばないみたいですね。 では早速、「Fractalのはじめの一歩」的な感じで行ってみましょう！ Fractalとは まずは、ざっくりとFractalをご