Temporal documentation
This Stage 3 proposal is experimental. Do try it and report bugs; don't use it in production! Temporal 注: このドキュメントは原文を部分的に日本語に翻訳したものです。全てのドキュメント，および最新の内容を確認したい場合は原文を参照してください。 Table of Contents イントロダクション Cookbook API ドキュメント Temporal.now Temporal.Instant Temporal.ZonedDateTime Temporal.PlainDate Temporal.PlainTime Temporal.PlainDateTime Temporal.PlainYearMonth Temporal.PlainMonthDay Temporal.Duratio
react-hook-formでyupとzodの違いを検証
始めに react-hook-formでは、バリデーションロジックをresolverオプションのところを変更することでyupやzodなどのバリデーションライブラリを使うことができます。 const { control, handleSubmit } = useForm({ resolver: /* yupResolverやzodResolverを入れる */, }) 最近はよくzodを見かけるのですが、僕はyupしか使ったことがなかっため、どういった違いがあるのか、またzodの方が本当に良いのかというところが気になったのでサンプルコードを書いて使い勝手を検証しました。 検証内容 今回は以下のようなフォームに対してのバリデーション設定をしました。 メールアドレス（メールアドレス形式バリデーション＋必須） ナマエ（カタカナバリデーション、文字数制限） パスワード（必須） 確認パスワード（パスワ
ドメイン駆動設計: TypeScriptでの値オブジェクトの書き方 - Qiita
自ブログからの引用です。 概要 ドメイン駆動設計で重要な要素となる値オブジェクトに関して、TypeScriptではclassでprimitiveが宣言できないなど言語特性的に工夫が必要な点があり長い間悩んできたのですが、最近になってようやく効果的なパターンが何種類か定まってきたので、本記事では下記のパターンに関して私が実践している値オブジェクトの書き方をご紹介させて頂きます。 アジェンダ プロパティが1つの値オブジェクト プロパティが2つ以上の値オブジェクト プロパティ間の組み合わせが存在する値オブジェクト 1. プロパティが1つの値オブジェクト SingleValueな値オブジェクトをTypeScriptで宣言する場合に皆さんはどの様にしますか？ 最も単純なパターンだとclassを利用する方法がありますが、以下の様な問題点があります。 例) class EmailAddress { va
ベイジのweb制作ワークフロー2018（140のタスクと解説） | ベイジの社長ブログ
ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ
jQuery から Vue.js へのステップアップ - Qiita
はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ
マイクロインタラクションを有効に活用するためのコツ
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 マイクロインタラクションは、１つのタスクを達成する際に生じるわずかな瞬間のことを指します。私たちの周りのほとんどのアプリケーションはマイクロインタラクションで満たされています。いくつかの例をご紹介しましょう。 アイテムがカートに追加されていることを確認する コンテンツを更新するために、引き下げてリロードをする 動作を確かめるインタフェースのアニメーション（例：トグルボタン） この小さな瞬間の一つ一つがマイクロインタラクションを形成しており、注目されることはあまりありませんが、私たちはその存在を感じることはできます。これらの小さな瞬間はUIから機械らしさを取り除き、より人間らしくすることで、結果としてより良いUXを生むことになります。 この記事では、マイクロインタ
脳に優しいデザインを！「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
中上級者になるためのJavaScript【知識編】 - Qiita
【News】電子書籍化しました！ Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。 「クロージャーについてもっと知りたい！」「カリー化なるものがあるのか、知らなかった！」といったきっかけになれば幸いです。 JavaScriptは書ける人が多く、ベストプラクティスが整ってあるものの、逆に間口が広すぎてコピペで済ませてしまったり（場合によってはしょうがないことですが）基礎を学ぶ機会がなくなんとなく現場に出てしまったりすることがありますので、ぜひこの機会にJavaScriptを復習してみてください。
WEB ページの読み込み時間を短くしよう - Qiita
まずは遅くなる原因を取り除こう この記事ではクライアントサイドに焦点を当てて紹介しますので、PHP や Ruby などサーバーサイドのプログラミングに関することは一切出てきませんのでご了承ください(o*｡_｡)oﾍﾟｺｯ サイトの読み込みが遅い場合、大抵はまずいやり方をしている一部分が足を引っ張っていることが多いと思います。 手当たり次第に最適化を試す前に「なぜ遅いのか？」問題の切り分けをしっかりやってから対応を考えましょう。 原因はどうやって特定するの？ PageSpeed Insights (developers.google.com) を使ってみる ブラウザ搭載のデバッガで調査するのが王道だけど、お手軽に調べるのであれば PageSpeed Insights がキャッチーでオススメです。 最低限のお作法について指摘してくれるので、指摘事項を直していけば割と解決します。（原因が曖昧なま
SNSへのリンクの投稿時に、表示される画像のちょうどいいサイズ設定 あぱーブログ | LinuxやPHPなど、ITシステム関連のブログ
FacebookやGoogle+、TwitterCardsにリンクを投稿すると、リンク先のページで使われている画像を表示してくれます。表示する画像は OGPタグなどで指定できるのですが、適切なサイズの画像を指定しないと、別の画像が表示されたり、意図しないところで画像が切れて表示されてしまいます。そこで、Facebook、Google+、TwitterCardsのリンク投稿に表示される画像のちょうどいいサイズと、画像の指定方法を調べてみました。 ※諸々の情報は、2014年9月時点のものです。 Facebookの画像サイズhttps://developers.facebook.com/docs/sharing/best-practices#images 推奨サイズは1200×630ピクセル、最低でも600×315ピクセルの画像を使用するべきとあります。600×315ピクセル以下の画像でも表示さ
HTML Design Principles
HTML Design Principles W3C Working Draft 26 November 2007 This Version: http://www.w3.org/TR/2007/WD-html-design-principles-20071126/ Latest Version: http://www.w3.org/TR/html-design-principles/ Editors: Anne van Kesteren (Opera Software ASA) <annevk@opera.com> Maciej Stachowiak (Apple Inc) <mjs@apple.com> Copyright © 2007 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and
Daring Fireball: Markdown
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship WorkOS, the modern identity platform for B2B SaaS — free up to 1 million MAUs. Main Basics Syntax License Dingus Download Markdown 1.0.1 (18 KB) — 17 Dec 2004 Introduction Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write pl
What Is The DOM? | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! A reader recently wrote in asking me what the DOM was. They said they’ve heard it mentioned and alluded to, but aren’t sure they really understand it. We can fix that. But the HTML you write is parsed by the browser and turned into the DOM. View Source just shows you the HTML that makes up t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
anime.js
改善後は必ず結果をチェックしよう（第12回） | はじめてのホームページ改善（全12回）
PHPオブジェクト指向入門（前半） - Qiita
Authoring Tool Accessibility Guidelines (ATAG) Overview
Phonetics in grammar | phonoloblog
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 | WordCamp Tokyo 2011
