急にブログを書く気になったのでいっぱい更新してます。 前回の記事で 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
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
No more digging through Dropbox and Google Drive. Always know where to find “the latest,” so you can stay in your design flow.
Beautiful Free Images | Unsplash
Yes, it’s really free. All images can be downloaded and used for personal or commercial projects.
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
簡単にブログやWebマガジンが作れる「Tumblr」が最近人気を集めています。 Tumblrの特徴といえば、オシャレでデザイン性の高いテンプレートが豊富に揃っていることです。 クリエイターのポートフォリオに最適なものからブログにぴったりのものまで幅広いデザイン・レイアウトのものを選択することができます。 今回はTumblrの数あるテンプレートの中から、オススメのテンプレートを48個まとめてご紹介します。ご自身にぴったりのものを探してみてください。 Tumblrオススメのテンプレート32まとめ 1.Zen https://www.tumblr.com/theme/39508 画像、テキストを大きめに表示し見やすくレイアウトしてくれるテンプレートです。 ソーシャルボタンも用意されています。 2.Minimalism https://www.tumblr.com/theme/39633 画像収集
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
ホームページの改善には欠かせないのが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テスト
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
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
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
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
You can get all 4216 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 4216 iconsWeb 2 deep pink icon setWeb 2 blue icon setGrey wall icon set ... see all 36 icon sets Just added iconsbull 2tinderbottle 9pig 10cherry 2joker 2confettistopwatch 2light bulb 7fork 3pacifier 2rose flammablecrown 6strawberry 2chicken 2ice
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
