2023年2月7日 JavaScript, React 以前よりReactの勉強がてら、1時間を40分で区切った36時間時計というのをモクモクと作っています。その中でReact Hooksの使い方などを学んでいるので、今回はよくあるアナログ時計を作りながら勉強メモとして残しておきます。 ↑私が10年以上利用している会計ソフト! こんな感じのアナログ時計作ってみた よくある時計ですね!個人的にはデジタル時計派なのですが、意外と需要があるようなので作ってみることに。ちなみにこれは別にReactを使わなくても、素のJavaScript(Vanilla.js)で作成可能です!が、上記36時間時計を作る中でReactコンポーネントとして必要だったので今回はReactで挑戦しました。 CSSでベースとなるアナログ時計作り アナログ時計自体は空の div にサイズや position の設定をして作成。
Web fonts can help you project your brand or finesse your site design, but there's more than one way to use them. Web fonts are a great way to add custom fonts to your website. These fonts may not be available on a user’s system, so you need to include them in your project by hosting them or referencing them via a CDN. Learn how to include web fonts in a Next.js website using these two methods. Us
React Router v6.4 が、破壊的変更を伴わないマイナーバージョンアップながら、機能追加の内容としてはかなり新しい世界観を追加してきたので、5 分くらい眺めて気づいたことをメモしておきます。 Routing と Data Loading/Mutation の統合 まずはリリースノートがこちら。 そしてリリースノート内に貼り付けられている動画がこちら。 1:45 しかない動画なので、動画を見ていただければこの記事はあんまり読まなくてもいいかもです。 さて、動画内では、次の 2 つの機能を <Route> コンポーネントへと統合した話題が語られています。 データ読み込み(Data Loading) 0:00〜 0:28〜 エラーハンドリングの話題もあり データ更新(Data Mutation) 0:52〜 <Route> に統合された API は、ざっくりと次のような形です。 <R
カミナシのソフトウェアエンジニアの天野です。 カミナシは、現場DXプラットフォーム「カミナシ」の開発をしています。 今日はフロントエンドの小ネタを紹介しようと思います。 よろしくお願いします。 TL;DR 経緯 結論 実際に見てみると TL;DR Reduxで管理しているstateにコメントを入れておくと useSelector(https://react-redux.js.org/api/hooks#useselector)で値を取り出す時に コメントを表示してくれるようになって安心だよ。 経緯 カミナシのフロントエンドでは、全面的にReduxを採用しています。 まず、前提として「カミナシ」はかなり短期間で開発された経緯があります。 また、mobileとwebでサービスを提供する必要があったため、ReactとReact Native (Expo)を採用し、ローンチまでのスピードを上げる狙
Learn how to resolve a nested array object using JavaScript's map function. Most modern applications consume external data from other applications and tools through APIs. This data comes in all types of schemas, and it's up to you to deconstruct it until you get what you want to use. Among these schemas is data objects that contain nested arrays. It can be challenging to render this sort of data.
Did you know...?LWN.net is a subscriber-supported publication; we rely on subscribers to keep the entire operation going. Please help out by buying a subscription and keeping LWN on the net. The idea of being able to write kernel code in the Rust language has a certain appeal, but it is hard to judge how well that would actually work in the absence of examples to look at. Those examples, especiall
This post is an interview made with one of our embedded Rust Pioneers, Julius Gustavsson who is a Technical Expert and System Architect at Volvo Cars Corporation. JF = Johannes Foufas (interviewer), JG = Julius Gustavsson (interviewee). JF: How did you discover Rust? JG: I think this was back in 2014 and by then I had been doing C and C++ for 15 years. I was working in a new team at a large Swedis
おもにNext.js、Prisma、GraphQL Code Generatorを用いたWebアプリケーションの構築手法について解説した書籍となります。 上記技術に加えて、以下の技術も採用しています。 ・Tailwind CSS ・NextAuth.js ・Apollo GraphQL ・Prettier ・ESLint ・Vitest ・React Testing Library ・GitHub Actions モダンなWebアプリケーションの開発手法について興味がある方にオススメです。 1章 Next.jsのセットアップ 2章 Prismaのセットアップ 3章 GraphQL Code Generatorのセットアップ 4章 テストコードの追加 5章 本番環境へのデプロイ 6章 次のステップ サポートページ:https://github.com/typebase-inc/nextjs-
Today we’re announcing our beta release of TypeScript 4.9! To get started using the beta, you can get it through NuGet, or- use npm with the following command: npm install -D typescript@beta You can also get editor support by Downloading for Visual Studio 2022/2019 Following directions for Visual Studio Code. Here’s a quick list of what’s new in TypeScript 4.9! The satisfies Operator Unlisted Prop
The new wave of Javascript web frameworksMake sense of the proliferation of new Javascript web frameworks. A deep dive into the problems at scale and the recent evolution of innovation. IntroductionStaying current in the Javascript ecosystem is not for the faint of heart. It’s challenging for those entering the industry to follow what’s happening amongst the new libraries, frameworks, concepts, an
BusyBox for Windows BusyBox for Windows (BusyBox-w32) は Busybox の Windows 移植版です。トップページを見ると、どうやら 2021 年の 10 月頃に BusyBox-w32 から BusyBox for Windows に名前が変わっているような気がします。確かにもう 32 ビットの時代ではないですからね……。でも GitHub は busybox-w32 のようですが。ちなみに 64ビット版バイナリもあります。 これの何がすごいのか? インストールは実行ファイル一つをコピーするだけ。環境を汚しません。 ash 系のシェルを改良していくつかの bash の機能が追加されたシェルが含まれています。 シェルスクリプトでよく使うコマンド(sed や awk 等)の多くが含まれています。 最新のプレリリース版(busybox-
概要と注意 本記事は、完全未学習の状態からRustでAPIを書くまでの学習過程です。 筆者が普段主務で使っているのがRuby(Rails)のため、Railsに例えた比喩が度々出ます。 Rustに関しての正確な説明はしていません。それどころか、間違った説明が度々出ます。あくまで学習の記録として読んでください。(訂正のコメントは大歓迎であります。) 習得したら、全ての過程を1つの記事にまとめます 1日目 (学習時間: 1h) Rustをinstallするよ! 兎にも角にもまずは環境を作らねばということで、Rustのinstall方法を検索 ありがたいことに公式の日本語ドキュメントがあったので、書いている通りにinstall curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh # 使っているshellでPATHを通す >
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く