サクサク読めて、
アプリ限定の機能も多数!
アプリで開く
●はてなブックマークって?
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
検索対象
●すべて
●タグ
●タイトル
●本文
並び順
●新着
●人気
ブックマーク数
●1 user
●3 users
●50 users
●100 users
●500 users
セーフサーチ
●オン
●オフ
期間指定
●すべて
●1週間
●1ヶ月
●1年
まで
1 - 40 件 / 70件
新着順
人気順
絞り込み
検索対象
ブックマーク数
期間
セーフサーチ
articlesの検索結果1 - 40 件 / 70件
articlesに関するエントリは70件あります。 article、
JavaScript、
javascript
などが関連タグです。 人気エントリには ﹃Sign-in form best practices | Articles | web.dev﹄などがあります。
articlesの関連エントリー
292 users
36 users
12 users
5 users
15 users
31 users
33 users
112 users
169 users
219 users
●
663 users
●
web.dev
●
テクノロジー
●2020/06/30
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
●html
●あとで読む
●form
●ui
●web
●フォーム
●accessibility
●ベストプラクティス
●web制作
●mobile
●
485 users
●
zenn.dev/mizchi
●
テクノロジー
●2022/04/06
Re: 僕らを縛る Node.js という呪いについて - あるいはなぜ TypeScript 以外が真っ当な選択肢にならなかったか https://d.potato4d.me/entry/20220405-nodejs/ へのアンサーソング。 プログラミング言語としての JavaScript の話をする。 2010年頃、Python 2 でプログラミングを学習した自分にとっては Node.js + CoffeeScript が Better Python だった。 CoffeeScript は当時の JS(ES3~5) に足りない機能を補ってくれて、Python と同じく空白制御のオフサイドルールなのが気に入った。見た目が少しだけ Ruby っぽいので当時全盛だった Rails の人間に訴求するにも有利だった。 Node.js のモジュールシステムである Commonjs は Pytho
●TypeScript
●あとで読む
●javascript
●node.js
●js
●frontend
●node
●npm
●programming
●development
●
371 users
●
d.potato4d.me
●
テクノロジー
●2022/04/05
これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。﹁久しぶりに Rails を書いたけれど、Node.js の良さに敵わない﹂と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆﹁主役であるバックエンドのサブとして存在するフロントエンド﹂を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや﹁JavaScript を扱うソフトウェアエンジニア﹂となり、一般的なバックエンドは勿論、Node.jsが一級市民として存
●node.js
●javascript
●あとで読む
●TypeScript
●技術
●node
●サーバ
●js
●react
●エンジニア
●
195 users
●
blog.ojisan.io
●
テクノロジー
●2021/10/04
実質無料で使える Hosting Service の比較や使い分けの紹介 2021 (Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun)2021-10-04 ホスティングサービスに何を使えばいいのか分からないという話はよく目にしますし、僕もたまに思います。 そこでこれまで自分が使ったサービスの特徴や for me, not for me な点を紹介します。 静的ページ、および NextJS を前提としたサービス選定で、Firebase Hosting, Cloudflare Pages, Vercel, Netlify, GitHub Pages, Amplify, CloudRun を紹介します。 また、それらはフリープラン前提の話であり、not for me な点は課
●Firebase
●あとで読む
●サービス
●GitHub
●cloud
●X as a Service
●webサービス
●hosting
●ci
●Git
articlesの関連エントリー
901 users
211 users
226 users
173 users
153 users
101 users
74 users
35 users
58 users
62 users
●
118 users
●
zenn.dev/catnose99
●
テクノロジー
●2021/05/13
2021/5/17追記 2021年5月現在、Safariではこの方法に対応していません。Safari用に別途ファビコンを用意する必要があります。 ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペすればファビコンとして絵文字が表示されます。 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text x=%2250%%22 y=%2250%%22 style=%
●favicon
●SVG
●emoji
●あとで読む
●HTML
●web
●Web制作
●
89 users
●
deno.com
●
テクノロジー
●2022/10/07
Except Singapore, we’ve got a world of sub-100 millisecond TTFBs. This is because instead of heading off to Virginia to get the site, each of these locations can use an edge server nearest to them. The edge is about getting 50ms response times vs 150ms response times. You can test this for yourself with a VPN. If you: curl -I https://deno.landYou’ll get the server nearest your location: server: de
●deno
●edge-computing
●serverless
●あとで読む
●web
●CDN
●server
●
87 users
●
d.potato4d.me
●
テクノロジー
●2023/01/27
ゼロランタイムのミニマルな静的サイトジェネレーター﹃dodai﹄の開発と JSX First な世界観について2023/01/27 本記事では来たる2/3のKyoto.js #18に備え、年末年始に npm パッケージとして公開した﹃@potato4d/dodai﹄という静的サイトジェネレーター(以下SSG)について紹介します。なお、開発にあたって本ブログも @nuxt/content からこの dodai へと移行しています。移行作業の所要時間は30分程度でした。 @potato4d/dodai について dodai は 1~5 つ程度の固定ページと、Nつの動的なページを持つ Web サイトの構築を想定した静的サイトジェネレーターです。 元々は私が複数の Web サイトの管理で使っていた Node.js 用の Script 群をパッケージとしてまとめたものになります。 技術的には複数
●React
●静的サイト
●SSG
●あとで読む
●開発
●js
●サイト
●
84 users
●
photoshopvip.net
●
テクノロジー
●2021/05/19
この記事では、あまり知られていないCSSの小技20個を実例サンプルと一緒にご紹介します。 わずかなコードで実装可能なテクニックばかりで、ウェブ制作でも気軽に活用することができます。 HTMLの小技テクと一緒に活用してみてはいかがでしょう。 ︻HTML︼知っておくと便利!短いHTMLコードで実装できる小技テク17選 そもそもCSSってなに? CSS︵Cascading Style Sheets、カスケーディング・スタイル・シート︶とは、HTMLなどのマークアップ言語で書かれた文書の表示方法を記述するためのスタイルシート言語です。CSSは、HTMLやJavaScriptと並んでWebの主要な技術です。 CSSは、レイアウトや配色、フォントなど、デザインとコンテンツを分別することを目的としています。これによって、コンテンツのアクセシビリティの向上、デザインの柔軟性やコンテンツの制御しやすさ、関連
●css
●スニペット
●テクニック
●コンテンツ
●あとで読む
●便利
●まとめ
●
58 users
●
pustelto.com
●
テクノロジー
●2021/04/17
CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. For example, out of 11492 people who participate in State of CSS survey in 2020 only 14.3% didn’t hear of Styled Components (a dominant CSS-in-JS library). And more than 40% of participants have used the library. I wanted to see an in-depth performance co
●css
●performance
●javascript
●パフォーマンス
●react
●js
●frontend
●dev
●あとで読む
●
57 users
●
zenn.dev/aiji42
●
テクノロジー
●2022/10/24
この記事は Cloudflare Workers and micro-frontends: made for one another のブログを理解するためのに Qwik の基本的な概念について理解することを目的とした記事です。 上記ブログに関しては、@laiso さんがわかりやすく解説してくれています。 本記事が、これらの記事やブログを読んで Qwik に付いて深堀りしたくなった方のお役に立てれば幸いです。 また、後日私の方でも、上記記事の解説や補足を何かしらの方法でまとめたいと思っています。 2022/10/26 追記 上の宣言通り、スクラップにまとめました。 What is Qwik ? Qwikは builder.io によって作られた、フロントエンドライブラリです。 SSRをデフォルトとし、Cloudflare Workers などでのエッジレンダリングにも対応しています。js
●Qwik
●SSR
●あとで読む
●javascript
●article
●
46 users
●
joshcollinsworth.com
●
テクノロジー
●2023/08/11
Published: August 4, 2023 Updated: October 27, 2023 Part 1: an intro about music, defaults, and bubbles Like a lot of people, there was a time when the only music I listened to was whatever was played on my local radio station. (A lot of people over 30 or so, anyway. If this doesn’t sound familiar to you yet, just stick with me for a minute here.) At the time, I was happy with that. It seemed like
●react
●JavaScript
●あとで読む
●article
●
42 users
●
blog.saeloun.com
●
テクノロジー
●2024/03/02
The React ecosystem is a bustling landscape, brimming with frameworks promising to revolutionize web development. Today, we’ll be diving into two popular contenders: Next.js and Remix. Next.js is one of the most popular React frameworks used for server-side rendering. It’s been there for a significant time, and it provides an exceptional developer experience with all the features developers need.
●Next.js
●Remix
●react
●あとで読む
●article
●web制作
●
39 users
●
developer.chrome.com
●
テクノロジー
●2019/08/22
What is the File System Access API? The File System Access API (formerly known as Native File System API and prior to that it was called Writeable Files API) enables developers to build powerful web apps that interact with files on the user's local device, such as IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows them to read or save chang
●javascript
●あとで読む
●google
●web
●api
●
37 users
●
sosukesuzuki.dev
●
テクノロジー
●2021/05/23
先日 import.meta について調査して人に話す機会があり HTML(Web) と Node.js の各ホストの import.meta がどのようなオブジェクトを返すのかを調査していた。そのときは、﹁HTML でも Node.js でも import.meta.url だけが生えていて〜〜﹂という話をしてしまった。 後になって知ったのだが、Node.js には import.meta.url 以外にも import.meta.resolve というプロパティが実装されている。 この記事では Node.js に実装されている import.meta.resolve について解説する。 なお、import.meta.url はまだ Stability 1 の API なので、今後仕様が変わる可能性があることに注意してほしい。 import.meta について まず import.met
●Node.js
●ECMAScript
●node
●URL
●あとで読む
●js
●
36 users
●
azukiazusa.dev
●
テクノロジー
●2024/03/02
http://localhost:3000/ にアクセスすると、Waku のデフォルトのページが表示されます。 React Server Components 冒頭で述べたように、Waku は React Server Components に対応しています。React Server Components は React の新しいパラダイムであり、サーバー上でのみ実行されるコンポーネントを提供します。サーバー上でのみ実行されることで、以下のような利点があります。 クライアントに JavaScript が送信されないため、バンドルサイズを削減できる コンポーネントを非同期関数として、直接データベースや外部 API からデータを取得でき、パフォーマンス上の利点がある React Server Components は、サーバー上でのみ実行されるため、クライアント側でのイベントハンドリングや状態
●react
●あとで読む
●techfeed
●
34 users
●
medium.com/@bnayae
●
テクノロジー
●2021/01/23
This article will discuss practical patterns in Recoil. It’s an advance topic that goes beyond Recoil basics, so we won’t spend time describing Recoil or its fundamentals concepts. If you’re not familiar with Recoil I suggest starting with the following sources: * Official Recoil YouTube * Recoil documentation This article is brought to you by WeKnow and represents insights gained during architect
●Recoil
●JavaScript
●あとで読む
●article
●
32 users
●
web.dev
●
テクノロジー
●2021/03/13
JavaScript: What is the meaning of this? Stay organized with collections Save and categorize content based on your preferences. Figuring out the value of this can be tricky in JavaScript, here's how to do it… JavaScript's this is the butt of many jokes, and that's because, well, it's pretty complicated. However, I've seen developers do much-more-complicated and domain-specific things to avoid deal
●JavaScript
●あとで読む
●article
●
30 users
●
www.vuemastery.com
●
テクノロジー
●2021/07/17
Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) The Vue team has recently released the highly anticipated migration build for Vue 3. If you’ve been thinking about upgrading your Vue 2 app to Vue 3, this is what you need. The process of upgrading an app to the latest version of the framework can be a daunting task. This article series is created to make that process easier. The Vue
●Vue
●あとで読む
●article
●
30 users
●
blog.cassidoo.co
●
テクノロジー
●2024/01/15
I’m kind of annoyed at the state of React lately. I still use it regularly, and am somewhat friendly with the folks that work on it still, and it’s the first library I reach for, but… it’s just gotten too confusing and frustrating. Not to boast but I like… really know React. I’ve used it for almost a decade. I’ve seen it morph and grow and used the frameworks that have popped up to work with it, I
●react
●あとで読む
●techfeed
●
29 users
●
blog.replit.com
●
テクノロジー
●2022/01/16
EngInfraAce, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser I’ve been working on Replit for roughly six years now, and as the team has grown, I’ve focused on the IDE (what we call the workspace) portion of the product. Naturally, I was increasingly preoccupied with the code editor. While we’ve considered creating a code editor that meets our needs, the complexity i
●editor
●JavaScript
●article
●browser
●library
●
29 users
●
www.pzuraq.com
●
テクノロジー
●2022/04/27
April 25, 2022 Four Eras of JavaScript Frameworks April 25, 2022 I started coding primarily in JavaScript back in 2012. I had built a PHP app for a local business from the ground up, a basic CMS and website, and they decided that they wanted to rewrite it and add a bunch of features. The manager of the project wanted me to use .NET, partially because it’s what he knew, but also because he wanted i
●JavaScript
●Frontend
●Architecture
●あとで読む
●library
●article
●history
●
28 users
●
kontent.ai
●
テクノロジー
●2021/05/29
You’ve built your Next.js site and now you want to put it online for the world to see. Which platform is the best to host it? In this article, I’ll describe Next.js specifics when it comes to deploying and hosting, introduce the four most common steps in publishing a Jamstack website, and use them to compare the four most popular hosting providers. Next.js specifics in deployment Next.js is a Java
●Next.js
●Vercel
●Netlify
●articles
●Heroku
●あとで読む
●webservice
●
27 users
●
css-tricks.com
●
テクノロジー
●2021/05/01
Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can be useful in very specific instances. But first: A JavaScript label should not be confused with an HTML <label>, which is a completely different thing! A JavaScript label is a way to n
●javascript
●あとで読む
●
25 users
●
v8.dev
●
テクノロジー
●2021/05/28
Show navigation Writing a high-performance JavaScript engine takes more than just having a highly optimising compiler like TurboFan. Particularly for short-lived sessions, like loading websites or command line tools, there’s a lot of work that happens before the optimising compiler even has a chance to start optimising, let alone having time to generate the optimised code. This is the reason why,
●V8
●javascript
●article
●あとで読む
●
23 users
●
github.com/readme
●
テクノロジー
●2023/07/22
The FullScreenMario project burned brightly for a few short weeks in October 2013 after Boing Boing lauded it as “a pretty impressive example of what HTML5, in-browser functionality can do.” A few days later, it went viral on Reddit and by November, attention turned to scrutiny, and Nintendo took the project down with a DMCA request. Josh Goldberg speaks of his former project with a bit of pride—i
●TypeScript
●github
●javascript
●あとで読む
●
23 users
●
betterprogramming.pub
●
テクノロジー
●2023/03/10
TypeScript as envisioned by Stable DiffusionThis article goes through almost all of the changes of the last 3 years (and some from earlier) in JavaScript / ECMAScript and TypeScript . Not all of the following features will be relevant to you or even practical, but they should instead serve to show what’s possible and to deepen your understanding of these languages. There are a lot of TypeScript fe
●TypeScript
●javascript
●あとで読む
●
19 users
●
css-tricks.com
●
テクノロジー
●2021/05/27
Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than 50 libraries out there, each of them offering a unique set of features. We tested 10 different libraries, which are listed here in no particular order: Styled JSX, styled-components, Emotion, Treat, TypeStyle, Fela, Stitches, JSS, Goober, and
●CSS-in-JS
●css
●JavaScript
●あとで読む
●article
●
19 users
●
humanwhocodes.com
●
テクノロジー
●2024/01/11
The JavaScript APIs we have today are so much better than those we had even a decade ago. Consider the transition for XMLHttpRequest to fetch(): the developer experience is dramatically better, allowing us to write more succinct, functional code that accomplishes the same thing. The introduction of promises for asynchronous programming allowed this change, along with a series of other changes that
●JavaScript
●deno
●あとで読む
●API
●article
●
14 users
●
web.dev
●
テクノロジー
●2021/02/19
Streams—The definitive guide Stay organized with collections Save and categorize content based on your preferences. Learn how to use readable, writable, and transform streams with the Streams API. The Streams API allows you to programmatically access streams of data received over the network or created by whatever means locally and process them with JavaScript. Streaming involves breaking down a r
●stream
●JavaScript
●architecture
●article
●あとで読む
●
13 users
●
2ality.com
●
テクノロジー
●2021/08/10
JavaScript needs more helper functions for iteration (map, filter, etc.) – where should we put them? Iteration is a standard that connects operations with data containers: Each operation that follows this standard, can be applied to each data container that implements this standard. In this blog post: We first explore three questions: How does JavaScript’s iteration work? What are its quirks? What
●JavaScript
●article
●あとで読む
●
12 users
●
marmelab.com
●
学び
●2022/09/21
Dear React.js, We've been together for almost 10 years. We've come a long way. But things are getting out of hand. We need to talk. It's embarrassing, I know. Nobody wants to have that conversation. So instead, I'll say it in songs. You Were The OneI'm not a first-time JS lover. I've had long adventures with jQuery, Backbone.js, and Angular.js before you. I knew what I could expect from a relation
●react
●js
●it
●
12 users
●
alexharri.com
●
テクノロジー
●2024/02/25
As web development has embraced static typing during the past decade, TypeScript has become the default language of choice. I think this is great—I love working with TypeScript! But what if you can't use TypeScript? You may encounter circumstances where you need to work in plain JavaScript, be it tooling constraints or a team member who does not like static typing. Under these circumstances, look
●TypeScript
●JS
●article
●JavaScript
●
10 users
●
yonigoldberg.medium.com
●
テクノロジー
●2019/12/17
Don’t be that ‘screwdriver guy’, enrich your toolbox, diversify yourself Short IntroI’ve compiled below 20 skills, technologies and considerations on choosing between them. Picking the right tools became one of our greatest challenges — the Node.js ecosystem has matured and present attractive options in almost every field. Vanilla or TypeScript? Ava, Mocha or Jest? Express, Fastify or Koa? or mayb
●node.js
●test
●
9 users
●
www.meticulous.ai
●
テクノロジー
●2022/04/15
●JavaScript
●
9 users
●
nolanlawson.com
●
テクノロジー
●2022/05/22
21 May The balance has shifted away from SPAs Posted May 21, 2022 by Nolan Lawson in Web. Tagged: spas. 24 Comments There’s a feeling in the air. A zeitgeist. SPAs are no longer the cool kids they once were 10 years ago. Hip new frameworks like Astro, Qwik, and Elder.js are touting their MPA capabilities with “0kB JavaScript by default.” Blog posts are making the rounds listing all the challenges
●HTML
●browser
●article
●JavaScript
●あとで読む
●
8 users
●
yagmurcetintas.com
●
テクノロジー
●2021/09/25
As the React 18 version alpha is ready-to-go, and a stable beta version will probably be available in a few months, it is about time to talk about the new features that are being added. If you know nothing about React, this is not the article for you. Before we move on to the new features of React 18, let's understand some concepts that you might not be familiar with, such as Server Side Rendering
●React
●article
●
8 users
●
www.yieldcode.blog
●
テクノロジー
●2022/09/03
In a world controlled by the event loop, setTimeout is the king of execution control. It allows you to schedule function calls to be executed later. However, it can’t do one thing - suspend the execution for a certain amount of time. Think of an equivalent to sleep(ms) from different languages. Let us now explore how we can implement it. Promisifying setTimeout In order to make setTimeout behave s
●JavaScript
●article
●
7 users
●
github.com/readme
●
テクノロジー
●2022/02/09
In the early days of networked computing, mainframes did all the heavy lifting: users connected to massive machines with video terminals that could do little more than send and receive text. Then in the 1970s, personal computers came along and made it possible to do serious computing on the client-side as servers handled tasks like authentication and storage in many networks. The rise of the inter
●あとで読む
●
7 users
●
kentcdodds.com
●
テクノロジー
●2021/02/28
TypeScript Function SyntaxesFebruary 25th, 2021 — 15 min read In JavaScript itself, there are lots of ways to write functions. Add TypeScript to the mix and all of a sudden it's a lot to think about. So with the help of some friends, I've put together this list of various function forms you'll typically need/run into with simple examples. Keep in mind that there are TONS of combinations of differe
●TypeScript
●techfeed
●
6 users
●
humanwhocodes.com
●
テクノロジー
●2021/02/26
If you write server-side JavaScript, chances are you’ve need to read information from environment variables. It’s considered a best practice to share sensitive information, such as access tokens, inside of environment variables to keep them secure. However, the way environment variables are read from JavaScript is error-prone in subtle ways that might take you hours to figure out. When an error oc
●library
●article
●JavaScript
●あとで読む
1
2
次のページ
新着記事
1 user
news.yahoo.co.jp
1 user
search.app
1 user
www.excite.co.jp
1 user
www.kyocera.co.jp
1 user
cottontail.hatenablog.com
1 user
aoringo723.hatenablog.com
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx