共同開発を始めるときに便利な 5 つの GitHub Actions
はじめに スタートアップ等において新しいプロダクトを始める時は、負債が無い代わりに何もありません。 そういった時に、ソフトウェアの品質を担保するための CI のセットアップが、初期から重要になってきます。 GitHub を使用している場合は、GitHub Actions を使用されることが殆どだと思うので、そちらを前提に進めていきたいと思います。 1. rhysd/actionlint 様々なエンジニアが action を追加したり、編集したりするようになった時、全員が正しい書き方で書いていくことは難しいです。 また、それを 1 人の GitHub Actions Expert がレビューしていくのは大変で、属人化してしまっているので、避ける方が望ましいです。 以下をコピペすれば、使用できます。 name: Actionlint on: push: branches: [ main ] p
【Apple公式サイト】Rebates経由で「Mac製品およびiPad Pro」が3%還元中
「Rebates(リーベイツ)」で、Apple公式サイトの買い物に対して最大3%をポイント還元するキャンペーンが開催されています。 【追記】 このセールは終了しました。また、当サイトのTwitterをフォロー、またはFacebookの「いいね！」すると、次回のセール情報をタイムリーに受け取れます。現在開催中のセールはこちらをどうぞ。 楽天が運営する「Rebates(リーベイツ)」は、700以上のブランドやオンラインショップでいつも通り買い物をするだけで、楽天ポイントが貰えるサービスです。 Apple公式サイトも参加しており、通常は購入額の1.0%がポイント還元されますが、現在最大3%ポイントが還元になるキャンペーンが開催されています： Mac製品およびiPad Pro → 3.0%ポイント還元 その他製品 → 1.5%ポイント還元(※一部製品は対象外) Rebatesサイトから「ストアにす
TSMC、今年後半に3nmチッププロセス量産 来年にもAppleへ供給、M3チップ搭載MacやA17チップ搭載iPhone15など - こぼねみ
Appleのチップ製造パートナーであるTSMCは、今年後半に3nmチッププロセスを量産に移す準備が整うとし、2023年にAppleに次世代技術を供給できるようになることをDigiTimesは報じています。 3nmプロセスチップ4月14日の決算発表でCEOのCC Wei氏は、「N3の立ち上がりは、HPC（ハイパフォーマンス・コンピューティング）とスマートフォンの両方のアプリケーションに牽引されると予想している」と述べています。 DigiTimesが引用した業界筋によると、TSMCは当初、3nmプロセス技術で製造したウェーハを毎月3万～3.5万枚加工する見通しです。 Appleは2023年に、M3チップを搭載したMacやA17チップを搭載したiPhone 15モデルなど、TSMCが製造した3nmチップを搭載したデバイスの大半を発売すると予想されています。 より高度なプロセスへの移行は通常、性能
GitHubのTrackedIssueの関係を可視化するツールを作った
こんにちはnasaちゃんです。 今日は最近GitHubのTracked Issueの関係を可視化するツールを作ったので紹介をしようと思います。このツールは今の所技術的に面白いことはしていないので技術話は省略します。 何が出来るか 次の３つが主な機能です。 TrackedIssueの関係図がissue上にコメントされます open, closeやサブイシューの追加などの変更があった際に図が自動で更新されます クリックすることでそのissueに遷移します プロジェクトの進行状況や全体像がいつでも把握できていいね！！というツールになっています。 ではTrackedIssueとは何でしょうか？GitHubの新し目の機能なので馴染みのない人もいるかと思います。 GitHubには、issueのbodyにチェックリストとして追加しているissueのopen, closeによってチェックリストの状態が変わ
Web3で変わる？ スタートアップ支援の構造 / GB 一宮・Knot 小林対談（前編） - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
CryptoPunksなどを発端とする、ここ数年のNFT・クリプト（暗号資産）マーケット加熱によって顕在化したのがWeb3と呼ばれるトレンドです。 透明性高く改ざんが困難なブロックチェーン技術を基礎に、DAOと呼ばれるガバナンスを伴ったコミュニティ、発行されるトークンによる経済圏、そして小さな活動のスケーリングを実現するトラストレスな仕組み。こういった新しいコンセプトによって、国境や人種、名前さえも問わない新たなエコシステムが生み出されようとしています。 急速に立ち上がり、各方面に影響を与えつつあるこのWeb3トレンドをどのように捉えればよいのでしょうか。本稿では前後編にわたって、グローバル・ブレイン Partnerの一宮翔平と、現在、米国にてブロックチェーン・スタートアップ「Knot」をスタートアップさせた連続起業家、小林清剛さんの対談でそのキーワードを探ることにしました。 小林清剛：1
AWS Lambda が HTTPS エンドポイントをサポートしたので試してみた。
はじめに 追記 日本語の記事が無くなってしまったようです 2022 年 4 月 6 日（米国時間）、Lambda Function URLs の一般提供についてお知らせします。Lambda Function URLs は、任意の Lambda 関数に HTTPS エンドポイントを追加し、オプションで Cross-Origin Resource Sharing (CORS) ヘッダーを設定できるようにする新機能です。 これを使用することで、可用性が高く、スケーラブルで安全な HTTPS サービスの設定とモニタリングを当社が行うため、お客様は重要な業務に集中できます。 今までは API Gateway や LB を使ってマッピングしていましたが、Lambda 単体で HTTPS のエンドポイントを生やせる様になりました。管理する物が減るのは良い事です。 IAM 認証または CORS によるアク
HerokuのOAuthトークン流出で、やっておくといいことリスト（コメント大歓迎）
2022年4月16日(日本時間)にアナウンスがあった、Heroku/Travis-CIのOAuthトークンの流出および悪用を受けて、ユーザーとしてやっておくといいことをまとめました。 GitHubのOrganizationのオーナー向けと個人向けで分けてあります。 追記: 複数の補足のコメントを頂き、記事にも取り込んでいます。ありがとうございます！ 注意 執筆者はGitHub, Heroku, Travis-CIの専門家ではありません。この記事は誤っている可能性があります。 この記事は現在調査中の問題について書かれています。最新情報は必ず公式サイトをご確認ください。 GitHub Heroku Travis CI インシデントの概要 GitHubがHerokuとTravis-CIのOAuthアプリケーションに発行したトークンが流出・悪用したことで、それらの連携が有効だった多くのOrgani
How we choose React-based WYSIWYG editor at PR TIMES | PR TIMES 開発者ブログ
Editor library comparison table The above table tells us that while Tiptap is the only editor that has all the requirements checked, the other editors are not far off. Slate: Aside from having 1 No for Japanese input support, Slate is the one that comes real close to Tiptap. I feel like Tiptap and Slate are almost the same, especially their plugin/extension based concept. Both are also inspired by
ここまで簡単になったNext.js on Cloud Run
Next.jsといえば、Vercelで簡便なデプロイができることで有名ですが、GCPのCloud Runでもそれに負けないくらい簡単にデプロイできるようになってきました。 本記事では、GitHubでソース管理されたNext.jsアプリケーションをCloud Runにデプロイし、mainブランチへのpushをトリガーとしたデプロイの自動化を設定する方法を紹介します。 1. Next.jsアプリケーションの作成 Cloud Runでデプロイするためには、Next.jsをDockerに対応させる必要があります。Next.js公式がwith-dockerというexampleを公開しているので、今回はこれを利用しましょう。
React18がリリースされたので、開発環境をゼロから構築してみる。【後編】 - Qiita
からの続きです。 Babel.jsのインストール Babel.js とは、Babel.js のトップページの例にあるように、モダン JS(ES2015 移行のJavaScript) を未対応の古いブラウザでも解釈できるような JavaScript に変換してくれるトランスコンパイラ (変換器) です。 古いブラウザに未対応やElectron向けの場合は不要です。 インストール方法は、Babel.jsのSetupで、[Webpack]を選択すると表示されます。 Webpackを選択 npm install --save-dev babel-loader @babel/core webpack.config.common.jsへ追加するコード babel.config.jsonファイルの作成 npm install @babel/preset-env --save-dev babel.conf
How to Deploy a React App for Free With GitHub Pages
Learn how to deploy a routed React app to GitHub Pages in a few simple steps. If you have a project and want to host it for free without buying a domain, using GitHub Pages is a great choice. GitHub Pages converts your repositories into websites and allows you to host unlimited project sites. Deploying a React site with navigation requires extra configuration compared to deploying a static site. T
Meta（旧Facebook）、テキストエディタ用のUIコンポーネント「Lexical」をオープンソースで公開。Reactなどフレームワークの依存性なく軽量で高速、機能拡張も容易に
Reactなどを始めとする特定のJavaScriptフレームワークやライブラリには依存していないため、基本的にどんなフレームワークとも組み合わせて利用することが可能。 Lexicalは信頼性、アクセシビリティ、実行速度にフォーカスして開発されていると説明されており、W3Cのアクセシビリティ標準となる「Web Content Accessibility Guidelines」（WCAG）にも準拠しており、Webブラウザの読み上げ機能などを始めとするアクセシビリティ機能に対応。 圧縮後のサイズは22kbと比較的小さく、性能に関しては同社が以前から公開していたエディタ用UIコンポーネントのDraft.jsと比較してタイピング性能が20％から70％向上したと説明されています。これは特に性能の低いデバイスで利用するときに有利に働くとのこと。 拡張が容易になるようにAPIが容易されており、すでにRea
React状態管理ライブラリvaltioを使ってみた | DevelopersIO
こんにちは。データアナリティクス事業本部 サービスソリューション部の北川です。 最近、valtioの公式サイトができたらしいので、valtioを使った状態管理について書きたいと思います。 valtioとは valtioとは、Poimandresが開発している状態管理ライブラリの一つになります。 https://valtio.pmnd.rs/docs/introduction/getting-started valtioは、Reactの外部で状態を管理します。そのため、どこからでも値を変更できるのが特徴です。 記述量が少なく、同じ状態管理ライブラリのRecoil同様、状態をオブジェクトごとに分割して管理することができます。 stateを直接操作するので、破壊的なメソッドを使用できる点も特徴です。上記の通り、Reactの外から操作可能なため、基本的に使うhooksが、stateをReact（コ
kintoneの内部を（こっそり）Reactに置き換えるチームがあるってホント？ - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！フロントエンドエキスパートチーム兼 Mira チームで活動している@nus3_です。 サイボウズが提供するkintoneは 10 年以上にわたり多くのユーザーにご利用頂いています。現在、kintone の開発が引き続きスケールできるように、Closure Toolsから React へと置き換えるフロントエンドリアーキテクチャプロジェクト(フロリア)が絶賛進行中です。 フロリアの詳細については次の記事をご覧ください。 Mira ってなんですか？ フロリアプロジェクトにはいくつかのチームがあります。それぞれのチームはフロリアのゴールを達成するために、チームごとにオーナーシップを持って日々活動しています。 フロリアのゴールの一つに 「kintone のすべてのページが React によって表示されている」というものがあります。このゴールを達成するために、kintone の内部をこっ
Next.jsにSentryを導入した際の課題と解決策について｜食べログ フロントエンドエンジニアブログ
はじめまして、2021年11月に食べログFE(フロントエンド)チームにジョインした遠藤です。 Next.jsを採用した新規プロジェクトに参画し、Sentryの導入を行いました。本記事ではSentryを導入した際の課題と解決策について記載していきます。 1. はじめに「Sentryとは何か？」、「食べログでSentryを選定した理由」などにご興味がある方はまず下記の記事を読んでみてください。 Sentryは便利ですが以前はアプリケーションに導入するにはいくつかのファイルを作成して、エラーやパフォーマンスをトラッキングするのに様々な設定を行う必要がありました。 そこでSentryが簡単にセットアップができるように@sentry/nextjsでwizardを提供してくれています。 wizardはコマンドを実行するだけでSentryに必要なファイルを自動で生成し、設定までしてくれる便利な代物です。
GitHub Actionsでメインバージョンのブランチ維持
keep-main-version-branchというGitHub Actions Workflowを用意したので、これについて説明しておく。 GitHub Actionsを公開するときの文化として、v2やv3のように、メインバージョンの最新版にアクセスできるGitのrefを提供しておくという慣習がある。例えば、コードをcheckoutしてくるための公式GitHub Action actions/checkoutでは、uses: actions/checkout@v3 のように利用しろと説明されている。v3という名前付きのrefをつくる方法としては、v3ブランチをつくる、またはv3タグをつくる、という二種類の方法がある。 自分も次のように幾つかのGitHub Actionsを保守しているが、このメインバージョンのrefを維持する作業がリリースのたびに面倒だった。これを自動化したかったので、
JavaScriptのJITをざっくり理解する会
まずV8は普段自分たちが書いたコードをいくつかのスレッド上で実行するっぽい。 1つはソースコードを取ってきてそれを実行するやつ。それ以外に最適化を行うためのスレッド、プロファイラ、GCなどがあるようだ。 この最適化というのが今回調べたいJITってやつ。 そもそもインタプリタとの差を把握したい。 今の自分の把握の中では、インタプリタは逐次実行をするもの、JITは実行よりも前の段階でコンパイルをしてコンパイル済みのコードを実行すると言った差があるように思える。 このため一般的にはJITが効いたものの方がパフォーマンスが良いとされており、V8もインタプリタで実行するのではなくJITをベースに実行して行っているっぽい
Yes we are using rust in a big way. We have multiple teams now full time working... | Hacker News
Yes we are using rust in a big way. We have multiple teams now full time working on Rust. It is being used on both the client and server, as native modules, web assembly, and also native rust services and NIFs that embed themselves in our elixir services.It has been an incredible success. I plan to blog more about it in the coming months. Our usage of Rust is continuing to grow, and if you check o
エラーへの免疫が必要、proc-macroがうまく展開できない… キャディの実務を通して学んだRustのメリット・デメリット
実務でRustを使ううえで苦労したこと 高橋優輔氏（以下、高橋）：高橋と申します。前職はC++でずっとデスクトップアプリケーションを開発していました。この会社に来て、Rustを2年ぐらい使っているところです。良くも悪くもこの会にちょうどよいRustの理解度を持っているということで、視聴者目線のディスカッションを進行できればと思っています。よろしくお願いします。 ということで、さっそく最初のテーマにいきたいと思います。 お三方のお話をうかがっている限り、ご自身で手を動かしながらゴリゴリRustを勉強していたというのはあると思っています。ただ、実際にキャディに入って、システムの開発の主要言語としてRustを使うという業務経験は、たぶん初めてなんだろうと思っています。 そこには自分で勉強した時と別の苦労があるのではないかなと思っているので、そのへんの話をちょっとうかがいたいと思っています。まず冨
これがなくては始まらない、Rustの基本データ型を一望する
プログラミングにおいて「型」は重要な概念だ。これまでの回では型の詳しい説明は避けてきた。ここからはRustの型について順に見ていこう。まずは基本データ型（プリミティブ型）だ。 他の言語と同様にRustでも様々な基本データ型をサポートしている。一般に、単一の値を表したり格納したりする型を「スカラー型」、複数のスカラー型のデータを組み合わせてデータ構造を作るものを「複合データ型」と呼ぶ。 過不足なく用意されているスカラー型 スカラー型の代表は、数値を表す整数型や浮動小数点型だ。真偽を表すブール型や文字を表す文字型などもある。 整数型／浮動小数点型 Rustではまず、整数型は符号なし（unsigned）と符号付き（signed）の2種類に分かれる。加えて浮動小数点型が用意されている。 数値が取りうる値の範囲ごとに8、16、32といった表現ビット数が割り当てられている。例えば、8ビットの符号なし整
React-useEffect, useLayoutEffect, useMemo, useCallback, useReducerの使い方 - Qiita
React-useEffect, useLayoutEffect, useMemo, useCallback, useReducerの使い方JavaScriptReact 理解のポイントと前提 描画サイクルの理解 Reactアプリケーションは「データの更新⇨コンポーネントの再描画⇨その他の処理」の一連のサイクルを繰り返す 「その他の処理」の実装方法 useEffect, useLayoutEffect, useMemo, useCallback, useReducerを使う 描画関数の実態は関数である 「依存配列」という仕組みを使うことで、「その他の処理」の実行タイミングを細かく定義できる return文を書くことで、描画コンポーネントがアンマウントされた時の処理を定義できる(useEffect, useLayouEffect) useEffectとuseLayoutEffectは仲間 u
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中国のiPhone主力拠点、鄭州もコロナで移動制限 - 日本経済新聞
Appleのガジェットをおトクに買う方法。Apple WatchやMacBookの買い時はいつ？
The Authorization Code grant (in excruciating detail) Part 2 of 2 - Stack Overflow
https://ui.dev/react-query-lp
parcel_css - Rust
Rails + React + docker-compose をcapybaraで操作するのにハマった記録 - Qiita
Announcing ssh-key v0.4: now with pure Rust keygen, certificate validation, and SSH CA support
Introduction to Create an eCommerce Store with Next.js and Stripe Checkout
OpenID Connectのインストール