Next.js App Routerにおける設計やベストプラクティスを、筆者なりにまとめました。
知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ!」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事:UIデザインとは? 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン
仕事で秋葉原に月一くらいで行くんだけど、どこでラーメンたべても後悔すんだよね。 食べる前はチャーシュー山盛り食べてやるぞ!って気持ちで行くんだけど、いざ目の前にすると食べ切れる自信がなくなって大体お店の名前がついたラーメンにしてしまう。 で、思ってたラーメンと違って後悔する。 特にチャーシューがなんか違う。 冷蔵庫の奥の方から出してきた臭いがする。 あと角煮みたいなの乗っけるならチャーシューじゃなくて角煮って書いてほしい。 というわけでこちらの好き嫌いは置いとくとして、秋葉原じゃなくてもいいので皆様のおすすめを教えて下さい。 追記 まじで感謝。行ったことない店ばっかりで本当に勉強になった。 あんな物言いしてでごめん。一生の宝にするのでもっと教えて下さい。
はじめに 今回は、コードレビュー観点表を作った話について少し書かせていただきます。 社内ではGitHubを用いてコードレビューを行っていて、バックエンドの開発においては、コーディングガイドラインも策定しています。 しかし開発において、ガイドラインに書かれている事項が全てではないため、コードレビューを行う際のポイントが自分の中で綺麗に整理しきれていませんでした。 また、ガイドラインの重要なポイントを十分に把握できず、効果的なコードレビューができていない現状がありました。これを改善するために、コードレビューの観点表を作成したことで、コードレビューの質が上がった話についてお話ししようと思います。 問題となっていたこと 一貫性がないレビュー 毎回レビューを行う際に、自分の中のレビューポイントが明確に決まっていなかったため、的確にレビューができていないこと レビューにかかる時間が長い 自分の中でのレ
はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか? 実はよく見ると同一名称のファイルを開いているときには右側にディレクトリ名も表示されているのですが、薄い文字かつ、目線移動が必要で分かりづらいです。 この記事では、VSCodeの設定を変更することで、タブ表示名にディレクトリ名を含めて表示する方法を紹介します。 設定方法 VSCodeの設定ファイルsettings.jsonに以下の設定を追加します。 "workbench.editor.customLabels.patterns": { "**/index.*": "${dirname} .../${dirname(1)}", "**/{page,layout,template,route,actions,hooks,components,ut
概要 速さが正義 LINE Botの開発でCloudflareとHonoを使う理由 Cloudflare Workersの応答速度が速いから PoPについて CloudflareはAWSのlambdaに比べてポイントオブプレゼンス(PoP)の数が多く、処理が実行される場所がよりユーザーの近くにある可能性が高い。 そのため、パフォーマンステストではAWS Lambda、AWS Lambda@Edgeよりも応答時間が小さいという結果になった。 コールドスタートがない Cloudflare Workersはコールドスタートがなく、LambdaとLambda@EdgeのようにEventBridgeで1分おきにツンツンしなくていい。 Service bindingsが便利だから Cloudflare WorkersのService bindingsを使用することで、worker間の通信はパブリックに
アールティは、手乗りサイズのロボット「スタックチャン アールティVer.」を2024年5月30日に完成品版、DIY版の2種を発売する。 オープンソースのロボット「スタックチャン」 スタックチャンはししかわ氏が開発&公開しているオープンソースのロボット。 2021年夏にスタックチャンが公開されて以来、多くのファンがスタックチャンを自作したり、コミュニティで交流したりしながら、スタックチャンの世界を楽しんでいる。 ホビー向け・電子工作初心者向けとして人気を博してきたスタックチャンを、アールティが小型のロボットを学びたい方に向けて製品化。 スタックチャンは商用利用可能なライセンスで公開されており、今までに様々な企業や個人のものつくり愛好家がスタックチャンのキットを制作しており、アールティでは企業や学校での利用を目指して、カスタマイズを加えてキットを開発した。 スタックチャン アールティVer.に
Helpfeelでプロダクトエンジニアをしているhbです。 2024年5月11日にTSKaigi 2024に参加しました。 TSkaigi2024 helpfeelブース Helpfeel社ではほとんどのプロダクトはTSで書かれていて、TSとは切れない縁があります。 当日は弊社のHelpfeelチームのプロダクトエンジニアの@teramotodaikiさんが登壇し、弊社のプロダクトHelpfeelの紹介とJSからTSまでの道程について発表をしました。 Typescrip化の旅 実は私も入社してまだそんなに年月が経っていないので、なるほどそういう道を通って今に辿り着いたのかと思いました。 LTの内容に興味のある方はぜひ👇 私個人も大きめのカンファレンスに参加するのが今回が初めてで、しかもプラチナスポンサーということで、とてもワクワクしていました。 ブースに弊社のプロダクトを使って頂いている
ソフトウェアは複雑さを増すばかりですが、人間の脳は限られた複雑さしか扱えません。ソフトウェアが思い通りに動くようするには、脳に収まり、人間が理解できるコードを書く必要があります。 本書は、拡張を続けても行き詰ることなくコードを書き、複雑さを回避するための実践的な方法を解説します。最初のコードを書き始めるところから機能を追加していくところまでを解説し、効率的で持続可能なペースを保ちながら、横断的な問題への対処やトラブルシューティング、最適化を行なう方法を説明します。自分のチェックリストからチームワーク、カプセル化から分解、API設計から単体テストまで、ソフトウエア開発の重要な課題に対する考え方やテクニックを紹介します。サンプルプロジェクトで使うコードは、Gitリポジトリの形で入手でき、試しながら学べます。 有効に機能するプロセスを選び、効果のない方法論から脱却する方法。チェックリストを使うこ
2年間で作ったカートリッジ基板 趣味で作ったカートリッジ基板がこちら。ファミコン用、スーファミ用、メガドラ用、PCエンジン用、ゲームボーイ用です。PC-6001用はまだです。PC–6001mkII本体の修理を人に頼んだきりです。 今までは同人ゴロがうっとおしかったので、ファミコンネタを封印してました。 2年前にふとしたきっかけで、スーファミのカートリッジを作ってみました。知識ゼロの状態からスタートです。今だと、大量の資料がパブリックドメイン化されていますし、開発ツールは無料ですし、プリント基板はお金のある限り作れます。昔ほどハードルは高くありません。 心配な点は、基板作りは法的に大丈夫なのかということと、違法コピーに使われるんじゃないかということです。扱うゲームハードは20年以上経過したものに限定しています。違法コピーについては、モラルに期待するしかありません。自分の場合は費用が何万円もか
TOPICS 発行年月日 2024年05月 PRINT LENGTH 207 ISBN 978-4-8144-0083-6 FORMAT PDF EPUB 本書は、2017年に発行し、2024年に第3版を発行した『Real World HTTP 第3版』のエッセンスを凝縮した、無料の電子書籍です。 HTTP/1.0、HTTP/1.1、HTTP/2と、HTTPが進化する道筋をたどりながら、ブラウザが内部で行っていること、サーバーとのやりとりの内容などについて、プロトコルの実例や実際の使用例などを交えながら紹介しています。 ミニ版のため、一部の内容を割愛しています。詳しくは本書の「まえがき」をご覧ください。 ミニ版の使用について ミニ版の図版やテキストは、著作権法で認められている引用の範囲に加えて、有志での勉強会、自社の社員向けの研修に用いるプレゼンテーション資料のために、全体の10~20%程
はじめに 自動化やツール開発において、通常時に上手くいくのは当たり前です。大切なのは失敗を想定することです。自動化したツールがエラーも出さずに実行結果的にも成功してるので動いていると思っていたら、実は問題が発生していて泣いた経験は、多くの人にあるのではないでしょうか。エラーを出力し、適切に失敗させて、ログに記録することで、問題の早期発見と迅速な対応が可能になります。また、エラーが発生する可能性のある箇所を事前に想定し、適切に処理することで、ツールの信頼性と安定性が向上します。 しかし、エラーハンドリングができていても、それだけでは不十分です。優れた自動化ツールは、環境の変化に柔軟に対応できるようにコードが設計されているべきです。 また、自動化ツールの完成度を高めるには、エラーハンドリングだけでなく、保守性、拡張性、ユーザビリティなども考慮する必要があります。 自動化ツールを開発する際は、常
TypeScriptはIoTの領域でも使われており、様々なハードウェアと連動させて動かすことができます。 Webブラウザ経由でBluetoothを制御したり、スマートフォンの加速度センサで動きをセンシングしたりなど、ディスプレイの外側の現実世界と連動させることもやりやすい時代になりました。 選択肢が増え…
TSKaigi 2024 のトークと、登壇者がスライドを公開していればその URL を記載しています。 トラックごとのトーク、および登壇者情報は公式サイトに詳しく掲載されているので、そちらをご確認ください。
米Appleが新iPad Proの高機能を紹介する目的で公開した動画が広範な批判を招いたことを受け、Appleは米広告業界メディアAd Ageに謝罪声明を送った。 Ad Ageの5月9日付の記事で、Appleのマーケティングコミュニケーション担当副社長のトール・ミューレン氏は「Creativity is in our DNA at Apple, and it’s incredibly important to us to design products that empower creatives all over the world. Our goal is to always celebrate the myriad of ways users express themselves and bring their ideas to life through iPad. We misse
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く