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
AWSの膨大で複雑なサービス群をすべて「たった1行」で説明していくとこうなる
AmazonのクラウドサービスであるAWSは、コンピューティングやデータベース、ストレージなど、膨大で複雑なサービスで構成されています。こうした豊富なサービス群をうまく組み合わせて利用する「ビルディングブロック」がAWSのメリットでもありますが、サービス数が多すぎてなかなか全体像を把握できないのも事実。フリーランスのエンジニアでありコンサルタントでもあるジョシュア・テイセン氏が自身のブログで、AWSのすべてのサービスを「たった1行」で説明しています。 Amazon Web Services https://adayinthelifeof.nl/2020/05/20/aws.html テイセン氏によると、Amazon Dashboardから利用可能なAWSのサービスは記事作成時点で163あるとのこと。そのすべてを正確に理解する必要はありませんが、基本を押さえておくことはいいことであり、問題の
【3Dプログラム】の基本を【Three.js】でまとめてみた【初心者向け】
3Dプログラミングは難しい・・・ なんたって数学多いし用語たっぷりだし・・・ そんな風に考えていたこともあったけれど。 プログラミングでかっこいい映像をつくりたいと始めた『TouchDesigner(タッチデザイナー)』のおかげで、 いつのまにやら、『3Dプログラミング』の苦手意識がなくなってきた感があって。 参考記事
docker-compose で複数環境を構築するときの設定をなるべく DRY に書く - ikasama over technology
概要 docker-compose の -f, --file オプションを複数使って、共通の Composeファイル と環境ごとの Compose ファイルを読み込むようにします こうすることで、共通の設定を DRY に書けます -p, --project-name オプションと networks で環境を分離します 以下のリファレンスの内容が理解できていればこの記事を読まなくても大丈夫です docs.docker.com docs.docker.com 背景 docker-compose, 便利ですよね。 Docker 完全に理解した *1 くらいのレベルで複数コンテナの環境を作るなら手軽でよいです。 その docker-compose が開発環境だけならまだいいんですが、 テスト用の環境も同じ仕組みで作るようになると、 環境差分をどうするかが課題になります。 例えば、以下のような環境差
Python 2.7.x と 3.x の決定的な違いを例とともに | POSTD
Pythonを始めたばかりのユーザーの多くが、どちらのバージョンを使えばいいのか迷っています。私の答えは、「気に入ったチュートリアルに書かれているバージョンにしましょう。そして、あとで違いを調べてください」という言葉につきます。 それでは、新しいプロジェクトを始めるときにはどちらを選べばいいのでしょうか？ 使おうとしているライブラリを全てサポートしているなら、2.7.x系と3.x系のどちらを使ってもよいでしょう。そうはいっても、この2つのメジャーバージョンについて大きな違いを見ておくのは良いでしょう。どちらかのみでコードを書いたり、プロジェクトに使おうとしている時によくある落とし穴を避けられるからです。 __future__ モジュール Python 3.x で導入されていて Python 2 で使えないキーワードについては、 __furute__ モジュールをインポートすることで Pyt
how-to-structure-a-complex-vuex-store
Update from 2019: I wrote this article about a year ago, and I changed my mind about a few things regarding the use of Vuex at scale since then. Although most of this article is still relevant today, I highly recommend you also read my article about possible alternatives for Vuex and how you can decide when to use Vuex over an alternative solution. Moreover, I plan to write a book about this topic
Writing WordPress Plugin Unit Tests | Code Symphony
Code should be beautiful. Poetic. Symphonic.Code should be beautiful. Writing unit tests for your WordPress plugins might sound like a daunting task, but trust me, once you take the plunge and learn how, it won’t be so hard after all. Actually, it will make your life a whole lot easier. I am just starting my own journey into unit testing as I write this. I’d never heard of the WordPress unit tests
Wired Elements
A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same — just like two separate hand-drawn shapes. Component Showcase View on Github Sponsor this project Here's a simple demo: Using wired-element controls to change a sketchy
33 projects that make developing django apps awesome
There are many reasons why I like developing web applications with Python and Django but the main one is the awesome community and projects around the language and framework. Every time I search for something there’s always a Django or Python project available to make my life easier. Here’s an incomplete list of Python and django related projects that I have used or I’m planning to test. This migh
A Practical Guide to SVGs on the web
Introduction We live in the age of pixels. As designers & developers of the web, pixels can be both our friends and our enemies. We want everything to look nice and sharp for anyone who uses any of the websites we work on, but we need to keep file sizes down for performance. There is pretty much only one way to go with icons, logos and illustrations on the web — SVG. Scalable Vector Graphics can l
[iOS 7] 自作アプリにFlickrとVimeo投稿機能を実装する | DevelopersIO
前回の、iOS7になって追加されたFlickrとVimeo連携では写真ロールからFlickr及びVimeoへと投稿を行いました。 今回は、この部分を自作アプリで実装するようにしましょう。 たった数行でFlickrおよびVimeo投稿機能が付けられる 実装とは言っても、そんなに難しくないですし、どちらかと言うとiOS7になったことで、投稿の幅が広がったと言えます。 投稿には、UIActivityViewクラスを使用します。 さて、自作アプリを作るのもめんどくさいので、iOS7の記事の時に用いたiOS7のフィルタ追加サンプルを使用しましょう。 せっかくフィルタを用いた処理を行ったのですから、それをTwitterやFacebookに投稿したいというケースは多々存在しますよね。 iOS6から、それをUIActivityViewもしくはSocialFrameworkを使うことで簡単に実装できるように
![[iOS 7] 自作アプリにFlickrとVimeo投稿機能を実装する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/048ba1a90868554337bc4a7f9eabe67875779c30/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fios7_logo.png){kind=logo}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to upgrade a yarn package to the latest version
Regex Hunting
A/B Testing with CloudBees Rollout and Google Analytics (Part I)
01 - Introduction (with bad audio quality)
マイクロサービスのデザインパターン | Urara's Blog
Free cronjobs - from minutely to once a year. - cron-job.org
やわらかVue.js
WebGL Scroll Spiral | Demo 1 | Codrops
デザインハック : 使いやすいWebをデザインする - ＠IT