週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス
ぼくが赴く現場はだいたいソフトウェアを扱っていて、さまざまな意思決定の記録がデジタルデータで残されている。現場に入っていくとき、まずは「どんな記録がどれくらいありそうか」の全体像を可能な範囲で把握するようにして、そこから「ここは特に重要そう」とあたりをつけて順番に目を通していく。 こういうとき、ウェブベースのツールだとハイパーリンクを便利に使える。たとえば GitHub の Issue とか、Slack における発言とか、ひとつひとつのトピックや投稿に固有のハイパーリンクが割り当てられていると、記録に目を通しながら「これは、その後の議論でこうなった」のようにハイパーリンクでつないでいける。自分のあとに記録をたどる人が歩きやすくなるように、自分と同じような調査をしなくても済むように、情報の経路を整備していくのが好きだ。 ところで、数ヶ月前・数年前の GitHub の Issue や Slac
potato.cheap is home of the... ☃︎ The "Cheap" Web The "cheap" web is a solarpunk philosophy of web design. cheap ≠ free Making nice things is difficult and time-consuming. If we want people to make nice things for us, we have to pay for their rent and grocery bills and raw materials. If you are spending less than $1 per hour on your entertainment (podcasts, videos, articles, games, books, etc.), c
IntroductionFlexbox is a remarkably powerful layout mode. When we truly understand how it works, we can build dynamic layouts that respond automatically, rearranging themselves as-needed. For example, check this out: This demo is heavily inspired by Adam Argyle’s incredible “4 layouts for the price of 1” codepen. It uses no media/container queries. Instead of setting arbitrary breakpoints, it uses
W3C、中央集権的な管理を不要にする「Decentralized Identifiers (DIDs)」（分散型識別子）の仕様が勧告に到達 World Wide Web Consortium (W3C)は、「Decentralized Identifiers (DIDs) 」（分散型識別子）バージョン1.0（以下、W3C DID）の仕様が勧告に到達したと発表しました。 W3C press release: "Decentralized Identifiers (DIDs) v1.0 becomes a W3C Recommendation" "This new type of verifiable identifier... will enable both individuals and organizations to take greater control of their onl
Articles in this series Part I. Iterative ServersPart II. Forking ServersPart III. Pre-forking ServersPart IV. Threaded ServersPart V. Pre-threaded ServersPart VI: poll-based serverPart VII: epoll-based server On HackerNews There are several interesting takeaways from the HackerNews thread for this article series. Do check it out. Web apps are the staple of consumers and enterprises. Among the man
20180824追記 Loading Signed Exchangesについて記事を書きました Loading Signed Exchangesの仕様 (WebPackaging) - ASnoKaze blog 20180208追記 Bundled HTTP Exchangesについて記事を書きました Bundled HTTP Exchanges とは (WebPackagingの議論より) - ASnoKaze blog 20180121追記 署名の仕組みとして Origin-Signed HTTP Exchanges を利用する方向のようです HTTP/2 クロスオリジン サーバプッシュを可能にする提案仕様 - ASnoKaze blog 20171001追記 IETF99にてユースケースについてまずまとめるべき気というフィードバックが有り、それをうけて「Use Cases and
Webサイト制作、Webシステム構築、ECサイト制作、グラフィックデザインを企画から運用まで幅広くワンストップでお手伝いします。課題を解決するためのクリエイティブワークで“おいかぜ”になります。
Goolgle I/O 2017で発表された内容の中からWebに関連する内容をまとめました。
こんにちは！Prottチームのよしこです。 先月カリフォルニア州のマウンテンビューでおこなわれたGoogle I/O 2017に参加してきました！ この記事では写真で現地の雰囲気をお伝えします。加えて、最終日におこなわれたクイズ形式の参加型セッション「How Well Do You Know the Web?」がとても勉強になったので、冒頭4問の内容をご紹介したいと思います！ Google I/Oの現地の雰囲気 マウンテンビュー滞在中はとてもいい天気が続いていました。 会場のアンフィシアターまでは、無料のシャトルバスや各自調達したLyft/Uberなどのサービスで向かいます。 会場の入り口はこんな感じ。 中に入ると、受付と奥に一番大きいセッション会場であるアンフィシアターのテントが見えてきました！ 受付の横にある、おおきなI/Oのロゴ。 I/O開催の前日からバッジピックアップがあり、参加者
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Tim Berners-Lee The WorldWideWeb browser The first web browser - or browser-editor rather - was called WorldWideWeb as, after all, when it was written in 1990 it was the only way to see the web. Much later it was renamed Nexus in order to save confusion between the program and the abstract information space (which is now spelled World Wide Web with spaces). I wrote the program using a NeXT compute
#extendthewebforward We—the undersigned—want to change how web standards committees create and prioritize new features. We believe that this is critical to the long-term health of the web. We aim to tighten the feedback loop between the editors of web standards and web developers. Today, most new features require months or years of standardization, followed by careful implementation by browser ven
【エキスパートガチトーク】Web技術の未来を「Extensible Web」から探る！（後編）─技術の進化は必要か？ 白石 俊平（HTML5 Experts.jp編集長） 本対談記事は、Extensible Webが誕生してから2年で何が変わったのか、そしてこれからWebはどうなっていくのかを、有識者の方々にそれぞれの立場から語っていただこうという企画です。 後編である今回は、Extensible Webの現在、そしてWeb技術の未来にフォーカスしたお話になります。Extensible Webの概要や、Extensible Web以前からあるWebの問題点について知りたい方は、前編をご覧ください。 HTML5は（ついに）モジュール化される 白石 では、Extensible Webの考え方が提唱されてから2年が過ぎたわけですが、どのような変化が起きつつありますか？まずは皆さん、思いついたもの
【エキスパートガチトーク】Web技術の未来を「Extensible Web」から探る！ (前編)─HTML5は問題だらけ？ 白石 俊平（HTML5 Experts.jp編集長） 読者の皆様は、「Extensible Web」というキーワードについてご存知でしょうか。 Extensible Webは、現在のWebが抱える大きな問題点を解決しようとする考え方であり、ムーブメントです。 その問題点とは、誤解を恐れず言うなら、「HTML5の流れで生み出された様々なAPIが実際にはあまり使われておらず、役に立っていない」という点に尽きると思います。 Extensible Webはそうした問題を解決するために、「開発者によって拡張可能なWebを目指そう」と呼びかけます。そのために必要なのは、特定のユースケースを想定した粒度の粗いAPIではなく、粒度が細かく、より基本的な機能を提供する低レベルなAPIを
Dropwizard is a Java framework for developing ops-friendly, high-performance, RESTful web services. Dropwizard pulls together stable, mature libraries from the Java ecosystem into a simple, light-weight package that lets you focus on getting things done. Dropwizard has out-of-the-box support for sophisticated configuration, application metrics, logging, operational tools, and much more, allowing y
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
