Nuxt + Composition-API のコンポーネント設計について考えたことなど - ハードルを下げ続けるブログ@task
急にブログを書く気になったのでいっぱい更新してます。 前回の記事で Nuxt に Composition-API を導入する方法を書きました。 task-kawahara.hatenablog.com 今回は、半年間 Composition-API をつかってきて、どのように コンポーネント設計を行ってきたのかについての記事になります。 Motivation Vuex 辛い問題 Atomic Design よくわからん問題 Clean Architecture のエッセンス コンポーネント設計の方針 ディレクトリ構成 Composables Components あとがき Motivation Vuex store での Global state 管理をやめたい UIとビジネスロジックを切り離して柔軟に設計したい Clean Architecture を読んだから実践したい まずは、Vue
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
Version control for Sketch | Abstract
No more digging through Dropbox and Google Drive. Always know where to find “the latest,” so you can stay in your design flow.
Stock photos that don’t suck
Finding great stock photos is a pain. You’re left with either low-res amateur photos, people wearing cheesy headsets, or photos that are out of budget for the project you’re working on. Below is an ongoing list (so bookmark it) of the best stock photo sites I’ve come across. Update: I’ve created a Mac App and Chrome Extension to deliver you hand-picked, gorgeous images as your desktop wallpaper ev
Tumblr（タンブラー）の高クオリティすぎて一目置かれるテンプレート32選
簡単にブログやWebマガジンが作れる「Tumblr」が最近人気を集めています。 Tumblrの特徴といえば、オシャレでデザイン性の高いテンプレートが豊富に揃っていることです。 クリエイターのポートフォリオに最適なものからブログにぴったりのものまで幅広いデザイン・レイアウトのものを選択することができます。 今回はTumblrの数あるテンプレートの中から、オススメのテンプレートを48個まとめてご紹介します。ご自身にぴったりのものを探してみてください。 Tumblrオススメのテンプレート32まとめ 1.Zen https://www.tumblr.com/theme/39508 画像、テキストを大きめに表示し見やすくレイアウトしてくれるテンプレートです。 ソーシャルボタンも用意されています。 2.Minimalism https://www.tumblr.com/theme/39633 画像収集
OTUA
Do you know the word ‘OTUA’ ? It’s ‘Auto’ backwards, and this term reflects our mindset - the anti-thesis of ‘Automatic’. We commit to the present, sincerely engage with what’s in front of us, and perceive things from all angles. Then we create from scratch, working with you to achieve your ideal goal. We don’t work to predefined outcomes but provide a service which embraces infinite possibilities
【必読】ABテスト、グロースハックで参考にしたい事例＋関連記事9選
ホームページの改善には欠かせないのがA/Bテストです。 複数の仮説を導き出して、仮説Aと仮説Bを比較するシンプルな検証手法の1つと言えます。 このA/Bテストがヒントとなり、改善した結果、売上が数倍に上がったという例も少なくありません。最近では、グロースハックが話題となったことでもA/Bテストの重要性が再認識されています。 今回は、A/Bテストの実例記事の中からオススメ記事とA/Bテストを行ううえで読んでおくべき10記事をまとめました。 このニュースに興味のあるあなたにおすすめ ・グロースハックを始める時に役立つ記事5選 ・広告に頼らずに成果を出せるグロースハックの概要と成功事例記事 ・会員獲得を目的としたグロースハック事例６選 1.ランディングページ最適化（LPO）事例で学ぶ問い合わせ数10倍の手法 http://liskul.com/lp_lpo3-5929 LPOにおけるA/Bテスト
Off-Canvas Menu Effects | Codrops
Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations. Today we’d like to share a couple of styles and effects for off-canvas menus. The off-canvas sidebar is widely used and we have already created some effect inspiration before. Like with everything, style evolves and today we want to show a new set of modern effects for your inspiration. Different
Tactile Design Kit, by Megan Erin Miller
How it works Tactile artifacts can be powerful tools when working with clients on website design and discovery projects. They help create structured limitations, within which productive conversations can take place and decisions can be made faster. Use this kit to help control scope and manage your client conversations, or simply use it as a tool for developing designs and websites faster. The kit
pinch/zoom // mobile & web applications
Mobile Web App SmartyPig Manage your savings wherever you are We designed and built a mobile web app that helps people manage and contribute to their SmartyPig savings goals, regardless of their mobile device. While we focused the experience around higher end touch devices like the iPhone and the Android G1, we made sure that users with less capable devices could still manage all of thier goals. D
Dunked: Create An Online Portfolio Website
Meet Dunked — the simple way to build your portfolio & showcase your work in style Get StartedWatch the video Lovingly built with creative professionals like you in mind. From designers and photographers to artists and illustrators, we’ve helped more than 100,000 talented people across the world craft beautiful, online portfolios. Shine a light on your work with our stylish templates Our professio
Fullscreen Layout with Page Transitions | Codrops
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items. Today we’d like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. When clicking on a box, it will expand to fullscreen and the others will scale down and fade out. When
Icons DB - free custom icons
You can get all 4215 icons in any color you want ! Choose your color or select from the preset colors ! 36 free themed icon sets, every icon set with all 4215 iconsGrey wool icon setVintage paper icon setCardboard blue icon set ... see all 36 icon sets Just added iconssea horseairbnbmessengertanktopwinamp 2brain 3toxicrosebottle 10crown 5star 16ssl badge 2 satellite 3filing cabinet 2lionapple 3sem
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザイン
Beautiful Free Images | Unsplash
Mobile Design Inspiration
Mobile Design Inspiration
Luxe-Visitenkarten | 8 Füllfarben | MOO DE
Australis - Design Specs - OS X - Main Window
CodePen - Front End Developer Playground & Code Editor in the Browser
