Save & explore ideas that inspire your creativity. Save creative inspiration, colors, links, notes, screenshots with our new Browser Extension. Sign Up

Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

どもー！no plan inc. CEOおかむーです！ 今日は、Web3プロジェクトを始める際に考慮すべき点について、まとめていきたいと思います!! ちなみにno plan株式会社は、web3分野の受託開発および概念実証（Proof of Concept, PoC）を得意としています。 フロントエンド、バックエンド問わず、Webサイト開発、ネイティブアプリ開発を、スクラム(アジャイル)などの手法でスピードを重視した高速開発を行っております。 まずは結論web3プロジェクトの成功は、準備と初期設計にかかっています!! 1. Tokenの必要性とトークノミクスの設計✅Tokenどうするか問題Tokenはプロジェクトの核心部分であり、その価値提供のメカニズムを定義します。Tokenがネットワーク内でどのような役割を果たすのか（ガバナンス、支払い、ステーキングなど）、またその供給量、発行スケジュー

週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス

import * as fuzzySearch from './path/to/fuzzy-search.module.js'; const searcher = fuzzySearch.SearcherFactory.createDefaultSearcher(); const persons = [ { id: 23501, firstName: 'Alice', lastName: 'King' }, { id: 99234, firstName: 'Bob', lastName: 'Bishop' }, { id: 5823, firstName: 'Carol', lastName: 'Queen' }, { id: 11923, firstName: 'Charlie', lastName: 'Rook' } ]; const indexingMeta = searcher.i

個人的なJavaScriptの情報収集の方法についてまとめてみます。 JSer.infoなどをやっているので、JavaScriptの情報については色々な情報源を見るようにしています。 JSer.infoの範囲の中での情報源については、次の記事でまとめています。 JSer.info 13周年: JavaScriptの情報源を整理する - JSer.info この記事では、少しスコープを広げてJavaScriptの情報収集についてまとめてみます。 かなりスコープが広がってしまうので、万人向けの方法ではなく、個人的な情報収集方法としてまとめています。 この記事では、膨大な情報の中から見つけるというアプローチをとっているので、人によって向き不向きがあると思います。 情報収集の方法 情報の元となる情報源はさまざまなサイトや人になると思います。 しかし、そのサイトや人ごとに見ていくというのはかなり大変

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

JSer.infoは2024年1月16日で13周年を迎えました。 JSer.info は、JSer.infoというサイト名の通り、JavaScriptの情報を整理して伝えることを目的にしています。 この記事では、JSer.infoの13年間のデータを見ながら、生きているJavaScriptの情報源を整理する方法を紹介します。 今までの JSer.info JSer.infoは13年間で合計676の記事を公開し、12429コのサイトを紹介してきました。 365 * 13 / 676 = 7.01 なので、週一の更新を13年続けてきたことになります。 2023年のJSer.infoで紹介したサイトを見ていきます。 ドメイン別にして紹介回数でソートしてみると次の通りです。 2023年のドメイン別の紹介回数: domain-2023.csv GitHubが30%近く占めていることがわかります。 そ

こんにちは、コロプラのサーバーエンジニアの山田です。 コロプラでは、多数のプロジェクトでゲームサーバーに Laravel を使用しています。そして、 社内用に Laravel を拡張したフレームワークの laravel-extension はコードの自動生成機能を備えており、これによって開発リソースの節約に大きく貢献しています。今回はその自動生成について活用方法や効果をご紹介します。 laravel-extension とサーバー基盤 Laravel はその汎用性と拡張性により多くの開発者に選ばれていますが、コロプラでは、コロプラにおけるゲームのサーバー開発に特化し、独自の拡張を行った laravel-extension を開発しています。 laravel-extension はDB (Cloud Spanner, TiDB, MySQL), Redis, BigQuery などの外部コン

edit_calendarHow to join the calendarYou can join the calendar by selecting an available date and registering the URL of the article you wish to link to. If a slot is available, you can go back to a past date to join!

※本記事は、技術評論社「Software Design」(2023年9月号)に寄稿した連載記事「Google Cloudで実践するSREプラクティス」からの転載です。発行元からの許可を得て掲載しております。 はじめに 前回はTerraformとGitHub Actionsで実践するインフラCI/CDについて解説しました。 今回はRenovate1を利用した、ツールやライブラリの依存関係更新について紹介します(図1)。 なぜ依存関係を更新する必要がある必要があるかという背景から、Renovateのしくみの解説と利用方法、更新の運用を手軽に行うためにキャディで取り組んでいることを紹介します。 ▼図1 CADDiスタックにおける今回の位置付け なぜ依存関係を更新するのか 現代のアプリケーション開発において、私たちエンジニアはさまざまなツールやライブラリの利用を通して、先人の知恵を借り、効率的な開

GitHub上ではてなブログ運営を可能にするテンプレートリポジトリ「HatenaBlog Workflows Boilerplate」をベータ版として公開しました。 このテンプレートをご利用いただくと、組織でのブログ運営に求められるワークフロー(下書きの作成、更新、内容のレビューや公開など)をGitHub上で行うことができます。組織利用向けに整備していますが、どなたでもご利用いただくことが可能です。 導入方法や詳しい利用方法については、上記のリポジトリのREADMEをご参照下さい。 特長など 下書きの作成時に、作成した下書きのみが含まれたプルリクエストを自動で作成します*1。コンフリクトを防ぎ、ワークフロー上の管理を容易にします GitHub Actions を利用して動作するためローカルでの環境構築が不要です。GitHub組み込みのVisual Studio Code (github.d

PHPStan （PHP Static Analysis Tool）はコードを実行せずに検査できるツールです。本稿では業務アプリケーションにPHPStanを導入するまでに押さえておきたい事柄を記述します。 導入 PHPStanは本稿記述時点の1.9.x系において、PHP 7.2以降で実行できます。PHPStanは composer require --dev phpstan/phpstan でのインストールが基本です。 プロジェクトルートの phpstan.dist.neon に、以下のように記述してください。 pathsには実際にPHPファイルが格納されているディレクトリを指定しましょう。たとえばフレームワークによっては app inc public のようなディレクトリに配置されているかもしれません。 levelは現在のところ1〜9が定義されており、文字列の"max"を指定することで将

Generate. Refine. Ship.Generate UI with shadcn/ui from simple text prompts and images.

こんにちは。 Platform Engineer の工藤です。 今回は PHP で利用される日時ライブラリ nesbot/carbon の速度をだいたい 3 倍くらい高速化した話について紹介させていただきます。 nesbot/carbon について carbon.nesbot.com github.com nesbot/carbon は PHP で日付・時刻を扱うためのライブラリで、 PHP 標準の ext-date を拡張し、より利用しやすい形で提供してくれます。PHP のアプリケーションフレームワークで有名な Laravel でも標準で採用されており、昨今のプロジェクトだと基本入っている場合が多いと思います。 バージョンアップでパフォーマンスが悪化 便利な nesbot/carbon ですが、 Laravel 6 の EOL による Laravel 9 へのアップグレード対応の際、大幅

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

長崎県は8月17日、県内の地形を計測した3D点群データを掲載したWebサイト「オープンナガサキ」を公開した。営利・非営利問わず利用できる。 同県は3月14日に長崎地区（長崎市、時津町、長与町）の3D点群データを試験的に公開していたが、今回は県内のほぼ全域に拡大した。「自由に活用していただきたい、という思いから県が今までの業務で取得した成果品をクリエイティブ・コモンズ・ライセンスのオープンデータにした」としている。 公開した3D点群データは、2012年度から2020年度にかけて計測したもの。LAS形式のファイルとして提供する。点密度は4点／m2以上で、場所によって異なる。 3D点群データは「UAV写真測量、地上レーザースキャナなどによる3次元測量によって得られた3次元座標を持った点データの集合」（国土交通省の資料より）。建物や設備などの姿を3次元空間に表現できるため、建設業界の生産性向上など

Appleがついに、広く知られる生成人工知能（AI）ツールの開発競争に参戦し、多数の企業とともにこの分野の頂点に君臨するOpenAIに挑もうとしている。 BloombergのMark Gurman記者によると、同社は、エンジニアが「Apple GPT」と呼ぶツールをひそかに開発しているという。その名称は、「ChatGPT」を間接的に示唆している。ChatGPTは、最も有名なAIチャットボットで、つい最近「Threads」に抜かれるまでは、史上最速ペースで登録者数1億人を達成した「アプリ」だった。 記事によると、Appleは、「Ajax」というフレーワークによって作成した独自の基盤モデルに基づいて、AIチャットボットサービスを構築した。2022年に初めて構築された同サービスは、「Google Cloud」上で動作する。 この取り組みが始まったのは、OpenAIがChatGPTを公開した数カ月