app router とは next.js で使用できるファイルシステムベースのルーターです。以前は pages router というものがありましたが、そちらの進化系といえます。 ポイントは error.tsx や loading.tsx などの決められた名前でコンポーネントを作成することで、エラーバウンダリーやサスペンスなどの機能が簡単に利用できるようになったことです。 これにより開発速度が上がり、面倒な実装はフレームワークに任せることができます。 また、内部で RSC を使用しており、これとサスペンスにより、コンポーネントレベルで SSR と CSR を組み合わせられるようになりました。 今回はそういった機能の、弊社プロダクトにおける使用例を紹介します。 使用技術 error.tsx エラーバウンダリーです。fallback コンポーネントを書くだけで ok です。 import {
VFXの制作工程の秘訣について、山崎氏は「とにかく早い段階でまず1周、全部のカットをつくりきるようにしています。カット制作が1周したら、2周3周と重ねていって、トライ＆エラーをくり返してクオリティを上げていきます。カット制作中の目標は、クオリティの最低ラインを上げていくことです。出来の悪いカットがひとつあるだけでも記憶に残ってしまうので」と語った。 さらにチームとしてクオリティを上げるために、山崎氏は自立的組織を目指しているという。「クリエイターたちが勝手に良いものをつくってもってくるので、あとはディレクターが広い視野でコントロールすれば作品として仕上がります。クリエイターたちのつくるものを見ると、まだまだすごいことができると感じますね」（山崎氏）。 チームマネジメントの極意 本作のVFXを担う白組調布スタジオは、山崎氏を含め、ディレクター・コンポジター・モデラー全てのスタッフが声の届く、
CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカスCSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 2024年4月24日 「NES.css」開発者 ダーシノ SIerでの業務アプリ開発や職業訓練校でのプログラミング講師を経て2015年にさくらインターネット株式会社にフロントエンドエンジニアとしてジョイン。2018年にファミコン風CSSフレームワーク「NES.css」を開発、公開する。人生の目標に「笑って死ぬ」を掲げている。柔道初段。 X ブログ GitHub ファミコン風のデザインのWebページをすぐにつくれる、オープンソースのCSSフレームワーク「NES.css」。フロントエンドエンジニアのダーシノさんが2018年にGitHu
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
「Raspberry Pi 5」にOSをインストールして超小型デスクトップPCとして使えるようにする手順を初心者にも分かりやすくまとめてみた
2023年10月23日に出荷が始まった「Raspberry Pi 5」は高性能なSoCを搭載しており、ウェブブラウジングや動画再生などデスクトップPCとしての使用にも耐えられる性能を有しています。しかし、「Raspberry Pi 5に興味があるけど、OSのインストールなどが難しそう」と考えている人も多いはず。そこで、Raspberry Pi 5にOSをインストールして日本語化するまでの手順を初心者にも分かりやすいように大量の画像付きでまとめてみました。 Raspberry Pi Documentation - Getting started https://www.raspberrypi.com/documentation/computers/getting-started.html ・目次 ◆1：前置き(技適について) ◆2：別のPCにRaspberry Pi Imagerをインストー
【永久保存版】Notionで実現できるExcel機能15選+α｜管理の山田｜Notion公式アンバサダー
こんにちは！Notionを全力で広めている山田です。 今回は、「Excelのこの機能、Notionでどうやって実現するの？」を全部解決します！ ・Excelと同じようにNotionを使いたい！ ・Notion使い始めたけど結局Excelに戻っちゃう ・なんだかんだExcelの方が利便性高いよね ・WordとExcelしか使えない人たちにNotion広めるの無理ゲーです… これまで何度もこのようなお声を聞いてきました。 その度に歯がゆい思いをしてきましたが、事実として実現が難しい機能多かったんです…。 でも、それはもう過去の話。 最近のアップデートにより急速に実現できることが増えてきたんです！ Notionのアップデート速度は早すぎる今なら満足してもらえるレベルでExcel機能の説明ができる！ そう決心し記事を書き始めたら、あれよあれよと15機能もピックアップすることができました。 ただ、実
これは エムスリー Advent Calendar 2023 の3日目の記事です。 前日は三浦さん(@yuba)による「9時間足すんだっけ引くんだっけ問題～あるいは、諸プログラミング言語はいかにタイムゾーンと向き合っているか」でした。 こんにちは、エムスリーエンジニアリンググループ・マルチデバイスチームの藤原です。 マルチデバイスチームでは複数のスマートフォンアプリを開発しており、新機能の追加やレイアウト変更をする際はA/Bテストをすることもしばしばです。 今回は弊チームで採用しているA/Bテストの実装方法を2通り紹介します。 スマートフォンアプリのA/Bテスト Remote Configを用いた実装例 GraphQLを用いた実装例 GraphQLで実装してみてちょっとした感動があった We are hiring!! スマートフォンアプリのA/Bテスト A/Bテストとは、特定の要素を変更し
理想のUIをめざして！Webでハーフモーダルを作って磨き上げた話 - Tabelog Tech Blog
こんにちは！飲食店システム開発部オーダーチームの開発エンジニアを担当している堀口です。 食べログオーダーは、レストランでの飲食体験をより快適にするためのモバイルオーダーシステムです。飲食店に来店したお客様が自身のスマートフォンを使用してQRコードを読み取り、Web上でメニューをカートに追加し注文することができます。メニュー選択や注文操作はWebでありながら、ハーフモーダルを使用したネイティブアプリのような注文体験ができます。 この記事では、モバイルオーダーシステムのUI改善に焦点を当てます。ハーフモーダルの採用がどのようにして決定されたのか、その開発プロセス、そして実際に達成された改善点について詳しく掘り下げていきます。Reactを使用したフロントエンド開発で遭遇した課題と、それらをどのように解決したかの具体例を紹介します。 目次 なぜ「ハーフモーダル」を採用したか ハーフモーダルの導入と
開発効率を追い求めた実装プラクティス集
この記事は MICIN Advent Calendar 2023 の24日目の記事です。 前回はSaneさんの「データ基盤チームで社内インターンをやってみて」でした。 はじめに abekohです。MICINでMiROHAの開発をしております。 本記事では、書籍等から得た設計・実装パターンの知識や、実際にプロダクト開発で試して得られた経験などから編み出した、開発効率向上のためのWeb API開発のプラクティスを紹介します。 筆者が関わっているMiROHAは治験の業務支援を取り扱うプロダクトです。MiROHAの開発における特性として、以下のようなものが挙げられます。 治験業務に関するドメインが特有で複雑 前例が少なく、MVPを追求中。プロダクトのアプローチが頻繁に変わる 外部品質は高い水準が求められる これらの特性を意識して開発を促進させるために日々試行錯誤しております。 複雑なドメインに対す
はじめに コンピュータのアーキテクチャ プログラムの構造 あとがき 執筆者 : 小田 逸郎 はじめに 筆者は自分のことを OS 開発者 (OS屋) だと思ってます。最近は、OSにあまり深く関われていないのですが、筆者が若かりし頃に情熱を注いだものであり、筆者の基盤をなしているものであることには間違いないです。 筆者が OS (UNIX) の開発に携わり始めたのは、1986年のことなので、もう40年近く経ってしまいました。その間に OS の規模も随分大きくなってしまったようです。 筆者が始めた頃の UNIX は、デバイスドライバを除くと、20K行くらいだったと記憶しています。 全コードをラインプリンタで出力、コピー、製本し、皆で読み合わせて、勉強会をしたりしていました。そんなことができる分量だったのです。 今の Linux の規模はどれくらいでしょうか。筆者たちが「Linuxカーネル 2.6
WordPressの小ネタ集 - Qiita
この記事は、「CMS Advent Calendar 2023」の21日目の記事で、WordPress に関してもしかするとあまり知られていないかもしれない事を、とりとめもなく独断でまとめたものです。 特に、ここ数年 WordPress に触れておらず、今の WordPress はどうなっているのか? という事を知りたい方向けの情報も少し盛り込んでいます。 クラシックエディターはいつまで使えますか ? Classic Editor プラグインの説明には、この記事を書いている時点で「Classic Editor は公式な WordPress プラグインであり、少なくとも2024年まで、または必要なくなるまでの間、完全にサポート・保守されます。」と記載されています。 それでは2025年以降、クラシックエディターが使えなくなる可能性があるのでしょうか ? 自分は、クラシックエディターは残り続ける
【コラム】「日本では部屋が狭いからVRができない」←これは本当なのか？ VRをこれから始めようとする方にとって、大きな懸念点のひとつとなっているのがスペースの確保です。よくある言説として、「欧米圏と比較して、日本は部屋が狭いので、VRに向いていない」といったものがあり、購入を躊躇（ちゅうちょ）するケースも少なくないと思われます。しかしこの言説は、はたして本当でしょうか？ ※Meta Quest 3公式イメージ画像で映されている部屋。これほどの広さが必要なら、プレイ環境の確保は難しそうですが……？ VRデバイス企業は何と言っているか？ Meta社の公式X（旧Twitter）アカウントによる公式見解によれば、4畳半（2.7m×2.7m）あればプレイできるそうです。 実は…#MetaQuest3 の推奨プレイ環境は 四畳半のサイズとほぼ同じ！ たった四畳半のスペースがあれば、 MR/VRヘッドセ
こんにちは、バックエンドエンジニアをしています武山 (bushiyama) です。 この記事は ANDPAD Advent Calendar 2023 の 3日目の記事です。 これはなに Meta Quest 3 + MacBook Pro(M1 Max) でコーディング作業環境を整えてみた一例です。 手順や技術的観点は薄く、利用感にフォーカスしたレビュー的記事かと思います。 good 中堅ディスプレイ１枚分のお値段で購入できる MetaQuest3 ひとつで VR/MR 空間に 1~5 画面が設置できるので、これはコスパが良いと言わざるを得ません。 画質もとても良くなっており、コーディングに支障のないレベルになっています。 場所を選ばない作業環境 デスクでもコタツでも作業可能。分離KBなどあると寝ながらでもいけるんじゃないでしょうか。 オフィスやカフェなど人目がある場所は...まだ勇気が
先月からXにCSSテクニックを定期的に投稿しているので、それのまとめです。 テキストの中央寄せだからといって text-align:center を指定したほうが良いかは考えたほうがいい ポストを別枠で表示する 和文をtext-align:centerで中央寄せすると複数行になった際に見栄えが悪くなるケースが多いです。 inline-size:fit-contentとmargin-inline:autoでセンタリングすることで、1行の場合は中央寄せ、複数行の場合は左寄せといった実装が可能となります。
はじめに こんにちは！ご訪問いただき、ありがとうございます！ 僕は現在、エンジニアとしての就職を目指しながら、インボイス制度に対応した請求書を、Web上で作成・発行できるサービスの開発をしています。 その開発を進めていく中で、読んでもらえるREADMEを作成したいという想いから、世の中の開発者がどのようにREADMEを作成しているのかを、GitHubで調べて分析をしました。 本記事では、たくさんのREADMEを見て学んだ、読みたくなるREADMEを書くためのコツを、実際に僕が作成したREADMEを例にしてご紹介します。 実際に作成したREADME 前提 今回ご紹介する内容は、未経験でエンジニア就活をする際に、採用担当の方が読みたくなるようなREADMEを作成することを目的とした内容となります。 また、実際に作成したREADMEを例にコツのご紹介していますが、時間の兼ね合いで、学んだコツを反
「全く知らない」「勝手に使われた」──日米のアニメ制作会社が相次ぎ声明 北朝鮮のサーバから関連ファイルが見つかった問題で
北朝鮮が管理していたとみられるクラウドストレージサーバから、米国、日本などのアニメ作品に関係するファイルが見つかった問題で、名前の挙がっていた日米のアニメ制作会社などが今週、相次いで関与を否定する声明を出した。 問題のサーバから自社のレイアウト用紙が見つかった北海道のアニメ制作会社・エカチエピルカは、レイアウト用紙が下請け企業から流出したと推測。「弊社からは過去に発注をしたこともなく、当該事実は一切ない」という。「弊社のレイアウト用紙が許可なく勝手に使われており、描かれた絵や作品とは無関係」。 米国のアニメ制作会社・Skybound Entertainmentも「当社は北朝鮮の企業やその関連団体とは協力しておらず、当社のアニメーションに北朝鮮企業が取り組んでいることについては全く知らない」という。今後、徹底的な内部調査を行う方針だ。 7月から放送予定のアニメ「魔導具師ダリヤはうつむかない」
「エンジニアDB」というサービスを開発しました！【Next.js / Rails / AWS / Terraform / Docker / GitHub Actions】 - Qiita
3.インフラ（全体構成）について ここから技術的なことについて話していきます。 まず大前提として、プロジェクトの全体構成は、Happiness Chain の卒業課題の条件に基づいて決めれらていました。これらの条件には以下が含まれます Rails APIモード / Reactで完全SPAのポートフォリオを作る。 本番環境と開発環境にDockerを使う。 本番環境にはECS Fargateを使う。 GitHub Actionsを使ってAWSに自動デプロイする。 Terraformでインフラをコード化する。 なので、これに倣って実装しています。 アーキテクチャの全体像 フロントエンドはVercelにデプロイして、バックエンドはAWSのECSにデプロイしています。 ブランチ運用は、GitHub flowを採用しています。 プルリク時にテストが走り、mainブランチにマージされるとデプロイされる感
著： ikm “街の古本屋”というイメージがある。チェーン店ではなくて個人経営で、専門店ではなくてたくさんのジャンルを扱っているけれど、“なんでも”扱うというわけではなくて、棚を見ていけば独自のセレクトがされているのがわかる気がしてくる。店舗は全体がみやすい広さで、気取り過ぎということもないけれど、店構えも店内のレイアウトも気が利いている。街にも馴染んでいて、誰もが気軽に入りやすいようなお店。と書いていくとイメージというよりは個人的な好み、理想のお店の話にもなってきてしまうのだけど、そんなイメージにぴったりというか、そのお店からイメージしたような最高の“街の古本屋”があるのです。阿佐ヶ谷に。それが古書コンコ堂。 阿佐ヶ谷駅の北口からロータリーを渡って、アーケードを抜けたら商店街を進んでいく。この古書コンコ堂に向かう通り、商和会商店街にも数年前にひとつ思い入れが出来ていて。この通りとそこに少
これまで3年ほどWebエンジニアとして働いており、いろいろあって今年からFlutterでモバイルアプリを開発しています。 Flutterを使い始めて半年が経ったので実際に使ってみて感じたいいと思ったところとイマイチだと思ったところを紹介したいと思います。 Flutter とは？ Flutter は 複数のプラットフォームに対応したオープンソースなフレームワークです。現在では、Android・iOS・Web・Windows・MacOS・Linuxに対応しており、単一のコードで複数のプラットフォーム上で動作可能なアプリケーションを作成することができます。 実際に使って感じたいいところ、イマイチなところ いいところ 学習コストは意外と高くない Flutterでは、Dartという言語を使います。 個人的な感想としては、Javascript, Typescript に似ているなーと思っています。 な
2. 機械学習・AIチートシート まずは機械学習やAI開発に関わるチートシートからです！ Machine Learning Cheat Sheet | DataCamp 主要な機械学習アルゴリズム、その利点と欠点、および使用ケースをガイドするものです。初心者からエキスパートまで、誰でも役立つリソースです。 機械学習アルゴリズム チートシート MicrosoftのAzureが提供している機械学習アルゴリズムに関するチートシートです。 TensorFlow Cheat Sheet https://zerotomastery.io/cheatsheets/tensorflow-cheat-sheet/ 機械学習と人工知能のためのオープンソースライブラリ、TensorFlowのチートシートです。基本的な概念やベストプラクティスがまとめられています。 （メールアドレスでサブスクライブするとPDFがダ
こんにちは！Xイノベーション本部プロダクトイノベーションセンターの米久保 剛です。 弊社のテックブログ上では今回が初めての記事執筆となります。アーキテクチャ設計やアプリケーション設計の話を中心に、不定期に情報発信していきたいと考えています。 YAGNI原則 YAGNI原則をご存知でしょうか。 エクストリーム・プログラミング（XP）の重要な原則の一つであるこの原則は、You Ain't Gonna Need Itのアクロニム（頭字語）から命名されています。日本語にすると「どうせ要らないって」というニュアンスでしょうか。推測に基づいて余計な機能を作り込んだところで将来実際に使われる可能性は低く、時間と労力を無駄にするばかりかコードの複雑化などのリスクさえあります。ですから、現時点でわかっている要件をちょうど満たすだけの機能を実装すべきであるとYAGNI原則は主張します。 YAGNI原則は機能（
井上純一（希有馬屋）『逆資本論』発売中 @KEUMAYA 井上純一（希有馬）TRPGデザイナー。漫画家。玩具会社「銀十字社」代表取締役 代表作：スタンダードTRPGシリーズ（SRS）『アルシャードセイヴァー』、『エンゼルギア』、『天羅万象』他。最近は『中国嫁日記』のジンサン。 blog.livedoor.jp/keumaya-china/ 井上純一（希有馬屋）『逆資本論』発売中 @KEUMAYA 寺沢武一先生……昔、こんなイラスト描いたのにいいねしていただいて、しかもフォローまでいただいて本当に感激しました。 紛れもなくヤツなレイアウト、俺も空きあらば差し込んでいきます。 ありがとうございました。 pic.twitter.com/2xhZ4FEvXN 2023-09-11 22:57:55
広告掲載料は０円。３万部がすぐに在庫切れ。京都の型破りフリーマガジン『ハンケイ500m』編集長／円城新子さん【編集者の時代 第８回】｜クリエイティブのコアとカラーに迫るメディア「CORECOLOR〜コレカラ」
広告掲載料は０円。３万部がすぐに在庫切れ。京都の型破りフリーマガジン『ハンケイ500m』編集長／円城新子さん【編集者の時代 第８回】 場所は、京都。ラックに設置されるやいなや、街ゆく人々が次々に手に取っていくフリーマガジンがある。2ヶ月に１回発行される『ハンケイ500m』だ。 発行部数は３万部。その全てが誰かの手に渡り、在庫は残らない。「設置箇所に在庫がない」と編集部に苦情が来ることもあると言う。京都市内の市営地下鉄のみだった設置箇所は、東京、大阪、神戸……と、全国に拡大中。 活字離れが言われる中で、なぜ今、「紙のフリーマガジン」がこれほどまでに人気があるのか。2011年の独立時から無借金経営。「広告掲載料は０円」のビジネスモデルとは？ CORECOLOR編集長、佐藤友美（さとゆみ）が、編集者に話を聞くシリーズ「編集者の時代」。 今回は、型破りの発想で人気マガジンを育てた円城新子編集長に聞
はじめに 2022 年 1 月から、趣味で PC 向けの将棋アプリを開発しました。その中で取り組んだことや学んだことについて簡単にまとめます。 作ったもの Electron将棋 (electron-shogi) GitHub: sunfish-shogi/electron-shogi GitHub Pages: Electron将棋 背景 最近ではスマホやタブレットでも将棋の対局や研究ができるようになりましたが、本格的に将棋の勉強や研究をするには必ずしも十分ではなく、特に将棋 AI を動す上で PC の処理能力やカスタマイズ性は有用です。 2010 年あたりからオープンソースの将棋 AI が増えましたが、その多くは GUI や通信対局機能を備えておらず GUI のアプリケーションと組み合わせて使う必要があります。AI と GUI がやりとりするための USI という共通仕様があり、 USI
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
私は普段、家の脱衣所で仕事をしているのだが、デスクの隣にある縦型洗濯機がちょうどいい高さということもあり、そこにいつも仕事中に参照する本を積んでいる。洗濯機の蓋もまさか、漬物石みたいに本が置かれることになるなんて思ってもみなかっただろう。それらの本は主に、その時々の仕事に関係するものとか、読みかけのものだったりするから、頻繁に入れ替わっていくのだけど、ずっと置いているお気に入りが、いくつかある。そのうちの一つが、OOUI 本こと『オブジェクト指向 UI デザイン 使いやすいソフトウェアの原理』- ソシオメディア株式会社、上野 学、藤井 幸多（著） 上野 学（監修）だ。 出版されてから 3 年以上たっても、私は時折この本をふと、開いてみてはいつの間にか没頭し、そういえば私は仕事をしていたんだっけな、みたいになってしまう。端的に言って大好きだ。この 3 年間で読書会も 2 度主催したことがある
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
「Next.jsで理解するSSRとクライアントルーティングの違い」という名目で社内にて簡単に勉強会を行いました。本記事は、その内容を適宜編集して公開するものです。 TL;DR 以下の要約を読んで、「なんだその話か」って思った方は引き返していただいて大丈夫です。逆に「えっそうなの・・・？」と思った方は、ぜひ読んでください！ Next.jsアプリケーションにおいて、/hogeと/fugaというページがあり、それぞれgetServerSideProps()が定義されているとします 最初ブラウザで/hogeを開いたとき、Next.jsアプリケーションはブラウザから/hogeへのGETリクエストを受け取り、getServerSideProps()を実行します 次に/hogeから/fugaへrouter.pushで遷移すると、Next.jsアプリケーションはブラウザから/fugaへのGETリクエストを
LinuxカーネルがWebブラウザで動いたらどう考えても面白い んだけど、そこに至るまではなかなか難しい道のりになる。その第一歩として、Linuxカーネルのユーザーランド版であるLKL( https://github.com/lkl/linux )をWebAssemblyにコンパイルして、wasm2cでC言語に変換した上、Visual Studio 2022でコンパイルしてWindows上で実行してみた。 まだWebブラウザでは動いていないが、思ったよりは簡単にWasmに移植できた(個人の感想です) ウケが良ければMUSL libc移植編 → デバイスドライバ活用編 → Webブラウザ上動作編と続ける感じで。。 EDIT: Visual Studioのスクリーンショットを撮りなおし。 memory-control はanonymousなmapしか救えないので、ここ数年スパンではエミュレーシ
NotionでPWAアプリの開発を実現するノーコードツール「NotionApps」の使い方！ - paiza times
今回はNotionのデータベースを活用して、PWAにも対応したWebアプリ開発ができるノーコードツールをご紹介します！ このサービスはNotionデータベースの情報を取得したり、更新・追加などがアプリ側から簡単にできるのがポイントです。ノーコードでさまざまなロジックも構築でき、自分がイメージしたアプリを素早くカタチにできます。 面倒なサーバーの準備も不要なため、誰でも簡単にアプリを開発して公開できます。ご興味ある方はぜひ参考にしてください。 【 NotionApps 】 「NotionApps」の使い方！ まずはサイトの上部にある【Create your app】ボタンをクリックして、無料のユーザー登録を済ませておきましょう。 メールアドレスとパスワードを入力したら【Sign up】ボタンをクリックします。 以下のようなダッシュボード画面が表示されたら準備完了です！ 「NotionApps
YAMAHAがフィンガードラムパッド『FGDP-50』『FGDP-30』を9月15日に発売！指を使って演奏する、いつでも楽しめる新世代ドラム | Rock oN Company | DTM DAW 音響機器
●主な特徴 １．人間工学に基づき、フィンガードラムの演奏に最適化されたパッドレイアウト（特許・意匠出願中） ２．フィンガードラムの演奏に最適な硬さや感度を持つパッド ３．あらゆるジャンルに応える多彩で高品位なサウンド ４．スピーカーや充電式バッテリーを搭載し、面倒な接続やセットアップが不要のスタンドアロン製品 ５．楽しみ方を広げる外部機器との接続性 ６．もっとクリエイティブに演奏が楽しめる『FGDP-50』だけの機能 フィンガードラムの演奏に最適化されたパッドレイアウト 本製品のパッドは、フィンガードラムの演奏に最適になるよう、人間工学に基づいて設計されています。アーチ状に配置された左右対称の18個のパッドに対し、親指・人差し指・中指の3本の指での演奏が基本スタイルです。 例えば、安定した力を出せる親指でバスドラムが割り当てられたパッドを、器用で繊細な表現が可能な人差し指でスネアドラムのパ
夫から逃げて、幸せです。【逃げる技術！第1回】モラハラ離婚の「ダンドリガイド」つくります！ | 藤井セイラ「モラハラ・DVから 逃げる技術！ 「この結婚失敗かも……？」と思ったら知っておきたいTips50」
結婚には『結婚情報誌』があるけれど、離婚には、そんな便利なものは……ない！ ならば我々でつくろう！というこの企画。 警察や児童相談所からも勧められ、DV夫と暮らした家から、子連れで「昼逃げ」を敢行したエッセイストの藤井セイラさんがお送りする、モラハラ離婚のダンドリガイド！ 役所ではどの窓口にいくべき？ 弁護士さんには何をお願いするの？ 子どもの学校や園にはどう伝える？ えっ、「養育費」じゃなくて「婚姻費用」なの？ 離婚調停ってどれくらいお金と時間がかかるの――？ などなど、最初は藤井さんも知らないことだらけだったそう。モラハラ・DVに疲れた状態での情報収集は本当に大変です。だからこそ、同じ境遇の方には、なるべくラクに知識を手に入れて、ご自身の「これから」について前向きに考えてほしい――。そんな思いを込めて、モラハラ・DVから逃げて「安心・安全・HAPPY」に暮らすためのTipsをお届けしま
Honoの今の状況 - ゆーすけべー日記
この記事は2023 JSConf JPで発表したHono v3 and v4を元に11月17日に書いたCloudflare社内のブログ記事「Current Status of Hono」を日本語に訳した記事です。 Honoの「Initial commit」からおおよそ2年が経ちました。このプロジェクトは2021年の12月15日に始まりました。 当初、私はCloudflare WorkersのみのためにHonoを作りました。itty-routerはよかったものの、私が欲しかった多くの機能が欠落していました。また、私は勉強のためにTrie木構造のルーターを作りたかったのです。それがHonoの生まれた理由です。 それから多くのことが起こりました。私がCloudflareにいるのもHonoのおかがです！HonoはCloudflare開発者コミュニティで認知されていきました。Honoの人気が出ること
はじめに DX（開発体験）の向上によって、チームやプロジェクトの持続的なパフォーマンスにプラスの影響を与えると考えられています。また開発体験とは、以下の4つの要素で構成されると言われています。 Fitting architecture（アーキテクチャの適合） Great tools（優れたツール） Processes to back that all up（すべてをバックアップするプロセス） Nontoxic team culture（毒のないチーム文化） この記事では、2番目の優れたツールについて、弊社の開発で使っているものを紹介します。 導入ツール Google Workspace 有名なグループウェアですが、メールやドキュメントよりも、各サービスへアクセスするSSO認証としての側面が強いです。 Slack こちらも有名なチャットサービスです。特にハドルが実装されて以降、社内の場合はわ
今日発表された｢ChatGPTのアップデート内容｣まとめ
やっぱ世界を変えそうな感じしかしない…。 2023年11月7日未明、OpenAIの開発者向けカンファレンス｢DevDay｣がスタート、基調講演がYouTubeで配信されました。発表内容をまとめます。 一般ユーザーに関係する内容要点をまとめると以下のようになります。 1. GPT-4が最新の知識をもつように新モデル｢GPT-4 Turbo｣が登場します。 これまでは2021年9月までの知識しかなかった（一部知識が古かった）のですが、2023年4月までの情報に基づいて回答できるように。 2. ChatGPT Plusの全追加機能が同時に使えるようにブラウジング機能・プラグイン機能・Advanced Data Analysis・画像生成をすべて併用できるようになりました。 もうそうなってました（以前はひとつのスレッド内でインターネット検索と画像生成の併用はできなかった）。インターネット検索機能で
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた - SmartHR Tech Blog
こんにちは、SmartHR でプロダクトエンジニアをしている @nabeliwo です。 今年の9月に SmartHR のログイン後のホーム画面がリニューアルされました。 【9/21更新】新しいホーム画面を公開しました | SmartHR｜シェアNo.1のクラウド人事労務ソフト この記事では、新しいホーム画面の実装の中で、開発者体験を損なうことなく多言語化対応を進められるよう、TypeScript の型定義を工夫した話をします。 まだまだ改善の余地がある状態ではあるのですが、私達のチームでの試行錯誤が読んでくれた方の参考になれば幸いです。 SmartHR の多言語化対応 SmartHR の既存のページではすでに WOVN.io というツールを使った多言語化対応が行われていました。 ただ諸々の理由があり1、新しいプロダクトでは自前で翻訳の仕組みを用意していこうとしています。 実際に、Smar
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
ナイスゲームを！ゴルフで決断と実行の重要性を学ぶ#ゴルフ - GOLF 風にのせて tetsute’s blog
前回のワンポイントはアドレス&スイング編でしたが、今回の【ゴルフ】ワンポイント「これでうまくいったよ」メンタル&コースマネジメント編は、ティーイングエリアはもちろんセカンドショット以降でのコース戦略で何を考えるのか？そしてその戦略を実行するためのメンタルマネジメントからスイング前のルーティンに至るまでの思考、そしてアドレスに入ってからテイクバックするまでをお届けします。 あくまでも私の試した要素ですから自分にあった方法や思考を見つけていただくことを強くお勧めします。 ワンポイントマネジメント編 ティーイングエリア セカンドショット以降 アプローチ グリーンエリア 次のホールにいくまでのカート内 ゴルフは簡単 ワンポイントマネジメント編 肯定的な考えで脳をだます ショット前に「池に入れたらどうしよう...」「OB打ちたくないな...」「あのバンカーは避けよう...」という考えのままスイングに
はじめにシステムの状態を的確に捉え、運用に必要なインサイトを継続的に得るための特性は「オブザーバビリティ」と呼ばれます。オブザーバビリティを実現することで、パフォーマンスのモニタリングやトラブルシューティングを効果的に行い、システムの信頼性を高めることができます。 この重要な特性を実現する上で、eBPFやbpftraceは強力なツールとなります。 本記事では、Goアプリケーションにおけるオブザーバビリティを実現するための一つの方法として、bpftraceを用いたトレースの手法を紹介します。 内容が多いため、目次を活用して段階的に読み進めることをお勧めします。 eBPFとbpftraceはじめに、eBPFとbpftraceについて簡単に説明します。 eBPFとはeBPF(Extended Berkeley Packet Filter)はLinuxカーネル内で動作する柔軟なプログラミングフレー
2023年5月ごろから報告されている、SanDiskのSSDでデータが突然消失するという事案について、データ復旧業者・Attingoがファームウェアの問題などではなく、そもそも設計と構造に問題があると指摘しています。 Kaputte SanDisk SSDs: Jetzt wurde die Ursache gefunden https://futurezone.at/produkte/sandisk-ssd-ausfaelle-western-digital-attingo-datenrettung-problem-hardware/402664391 SanDisk Extreme Pro Failures Result From Design and Manufacturing Flaws, Says Data Recovery Firm | Tom's Hardware https
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Next.js】実務でapp routerに移行した所感
VFXアナトミー 映画『ゴジラ-1.0』 白組 調布スタジオがこれまで培ってきたVFX技術の集大成
今度こそ「ほぼうなぎ」 ウナギ不使用、客からの感想踏まえ試行錯誤：朝日新聞デジタル
スマートフォンアプリのA/Bテスト実装例 - エムスリーテックブログ
OS徒然草 (1) - VA Linux エンジニアブログ
【コラム】「日本では部屋が狭いからVRができない」←これは本当なのか？
MetaQuest3をモニターとして業務活用してみた - ANDPAD Tech Blog
2024年6月にXに投稿したCSSテクニックのまとめ – TAKLOG
読みたくなるREADMEを書くためのコツ - Qiita
阿佐ヶ谷、「古書コンコ堂」へまっしぐら - SUUMOタウン
Flutterってどうなん？実際に商用アプリ開発で使ってみた感想 - Qiita
2023年版！エンジニア必見のチートシート集 - Qiita
YAGNIと拡張性のあいだ - 電通総研 テックブログ
寺沢武一先生の「紛れもなくヤツなレイアウト」を話を破綻させず織り込める才能は稀有だった
Electronを使ったPC向け将棋アプリ開発 - Qiita
AIエンジニア、SF作家の安野貴博氏、東京都知事選へ立候補表明：朝日新聞デジタル
『オブジェクト指向 UI デザイン』 に書かれていないもの｜ai
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
【図解】Next.jsで理解するSSRとクライアントルーティングの通信の仕組み
WasmLinux: LinuxカーネルをWebAssemblyにする
アジャイルでの開発体験をよくするための優れたツール集
蓮舫氏支援、国民・榛葉氏「ご一緒できない」 共産「拒絶終わりに」：朝日新聞デジタル
bpftraceによるGoアプリケーションのトレース｜hayajo
SanDiskのSSDで発生したデータ消失は設計と構造上の欠陥によるものとデータ復旧業者が指摘