並び順

ブックマーク数

期間指定

  • から
  • まで

481 - 520 件 / 20574件

新着順 人気順

designの検索結果481 - 520 件 / 20574件

  • Udemy初夏のビッグセール! 最新トレンドのChatGPTから定番トピックまで、おすすめ講座を紹介 - はてなニュース

    文章生成AIや画像生成AIが2022年に登場すると、たちまち世界中で話題が沸騰しました。中でもChatGPTは、実際に記事を書かせる出版社が現れる、人類社会への危機だとして使用禁止を訴える人々が出るなど、さまざまな熱狂と混乱を引き起こしています。 その技術は非常に便利で有効なものであり、今後急速に広がっていくことは間違いありません。ならば、AIについて学び、積極的に利用し、共存するための知識を身につける私たちの姿勢こそが、これからの時代に必要なはずです。 オンライン学習プラットフォーム「Udemy」には、既にそうした新しい技術やサービスに関するノウハウが詰まった各種講座がそろっています。最新のAIで何ができるのか、今すぐその手で実際に学び始めましょう。 Udemyでは、2023年5月16日(火)~2023年5月24日(水)の間、初夏のビッグセールを開催します! セールの対象となる講座は1,

      Udemy初夏のビッグセール! 最新トレンドのChatGPTから定番トピックまで、おすすめ講座を紹介 - はてなニュース
    • Workspacesで、海外リモートワーカーのデスク紹介を眺めるのが楽しい件 - このすみノート

      Workspacesは、主に海外を中心としたデスク紹介サイトです。 私はまだリモートワーク歴が浅いので、リモートワーク環境を充実させるためのヒントを探したく、参考にしております。 www.workspaces.xyz 名だたる企業で活躍されている方のデスクを紹介 デスク紹介を眺めていると、私でも知っている企業の名前が、わりと出てきます。 FacebookやNetflixは、こういったクリエイティブ環境で開発やデザインがされていることを知れる、まさに舞台裏です。 裏側を知ると、何故かテンションが上ってきます。 Facebook 映えある1番目の投稿は、FacebookのエンジニアであるShivkanth Bagavathy氏。 PCはMacBook Proで、デスク周りが濃いグレーと黒系統で統一されております。 シックでかなり素敵です。 001 - Shivkanth Bagavathy T

        Workspacesで、海外リモートワーカーのデスク紹介を眺めるのが楽しい件 - このすみノート
      • 組織が記憶喪失になるのをどうすれば ~ ryuzee技術顧問にきいてみた - NTT Communications Engineers' Blog

        何か決定した事実は実装や規則の形で残っているものの、決定までの経緯をチームメンバーが覚えていない――。 この記事では、そうした組織が記憶喪失になることにどう対処していけばよいか、NTT Comの技術顧問である吉羽龍太郎 (@ryuzee) さんにふらっと相談してみたら一瞬で突破口が見つかった&話に奥行きが出た話を共有します。 目次 目次 軽く自己紹介 事の発端 ryuzeeさんの油セール 実際に聞いてみた 新たなる概念:ADR ADRの実践:その1 何を書くか ADRの実践:その2 どこに書くか ADRの実践:その3 どう書くか 相談を受けて試しに書いてみたADR まとめ 軽く自己紹介 イノベーションセンターの小林 (@ppyv) です。 開発・検証用PCの開発に一段落つけた後、社会人学生としてたっぷり2年間学習を積んでいました。 いまはイノベーションセンターで働く社員のみなさんに、よりよ

          組織が記憶喪失になるのをどうすれば ~ ryuzee技術顧問にきいてみた - NTT Communications Engineers' Blog
        • 新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう|ハイクラス転職・求人情報サイト AMBI(アンビ)

          使用するライブラリ このアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプリのUIデザインに使用します。 ▶ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Zod バリデーションライブラリです。APIレスポンスの型定義とバリデーションに使用します。 ▶ Zod | Documentation SWR データフェッチ用のライブラリです。ノート一覧のクライアントサイドで

            新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう|ハイクラス転職・求人情報サイト AMBI(アンビ)
          • 過大評価されるDDD(ドメイン駆動設計)

            この記事は、著者の許可を得て配信しています。 Is Domain-driven Design overrated? ドメイン駆動設計(DDD)は、システムのモデリングと構築のための優れたガイドラインを提供する大変便利なアプローチですが、それ自体が目的ではなく、目的のための手段です。その概念は有効ですが、それを使うことだけに限定すると、その一方で多くのことを失うことになります。つまり、実際にはDDDの先にも人生があるということです。 最近、「DDD は過大評価されている」というクリックベイトなタイトルの記事を投稿したところ、皆様からかなり注目を集めました。今回の記事は、社内やソーシャルメディア(TwitterやHacker Newsなど)で受けたフィードバックを取り入れて、前回の記事に内容を加えたものとなっています。また、私の考えにもう少しニュアンスを加えたかったので、あまり過激なものにはし

              過大評価されるDDD(ドメイン駆動設計)
            • 【追記有】女子高生の私が学生結婚した話

              ムラタヤスコ|ワイアットデザイン @yat_design @m_emko 今えむ子さんの文才に震えてます…✨ むっちゃくちゃ面白かった‼️6本全部一気読みして、めちゃくちゃ笑いました。そして本当に文章力が素晴らしい😍💘 エッセイや小説って、本当に読みやすいものでないと読めない私なんですが、えむ子さんのエッセイはどれも面白くてわかりやすく、読者を惹きつける→ 2021-02-03 20:44:43 潮井エムコ @m_emko @yat_design ヤスコさん〜!!!😭😭嬉しい感想ありがとうございます…私、集中力がなくて本が全く読めなくて💦読むのが苦手な人にも頭からっぽにしてみてもらえたらと思って書いてたのでとても嬉しいです!😭 チャランポランな半生が浮かばれます🙏引き続きnoteに載せていきますのでお暇な時に是非! 2021-02-03 21:03:13

                【追記有】女子高生の私が学生結婚した話
              • 渋谷100台プロジェクト | IDEA(イデア)

                プロジェクトの背景 Intelligence Design 株式会社では、これまで渋谷のセンター街、宮下パークなどに、商業施設や交通管理会社と連携し、AIカメラを設置してきました。(センター街の映像はこちら) 今回、人流データを複合的に可視化、分析することにより、 マーケティングや防犯における新たな視座の獲得や、データ利用価値を模索するべく、渋谷駅周辺の広域に100台のAIカメラを設置します。

                  渋谷100台プロジェクト | IDEA(イデア)
                • AWSのSIer世界一に日本の「クラスメソッド」が選出、アジア太平洋では「アイレット」が選出。クラウド専門のSIerがリードするクラウドのSIビジネス

                  AWSのSIer世界一に日本の「クラスメソッド」が選出、アジア太平洋では「アイレット」が選出。クラウド専門のSIerがリードするクラウドのSIビジネス Amazon Web Servicesは、米ラスベガスで開催した年次イベント「AWS re:Invent 2022」で同社の優れたパートナーを表彰する「2022 AWS Partner of the Year」を発表しました。 各部門はグローバルから選出される「Global」と、地域ごと、例えばアジア太平洋・日本(APJ)、アメリカ・カナダ・中南米(NAMER)、ヨーロッパ・中東及びアフリカ(EMEA)などからの選出があります。 主要な各部門を見てみると、「Innovation Partners of the Year」のグローバル選出は「IBM」、「Design Partners of the Year」のグローバル選出は「Informa

                    AWSのSIer世界一に日本の「クラスメソッド」が選出、アジア太平洋では「アイレット」が選出。クラウド専門のSIerがリードするクラウドのSIビジネス
                  • Engadget | Technology News & Reviews

                    FCC fines America's largest wireless carriers $200 million for selling customer location data

                      Engadget | Technology News & Reviews
                    • BASE大規模リアーキテクチャリング / base_rearchitecturing

                      モジュラモノリスにおけるトランザクション設計の考え方 / transaction design on modular monolith

                        BASE大規模リアーキテクチャリング / base_rearchitecturing
                      • 私が愛するフロントエンドのツールたち2023

                        自分がチームでフロントエンドの開発をするときの技術選定について書きます。 ログインしてユーザーごとに個別の情報を扱うことがメインのサービスを前提に書きます。 考え方 メンテナンス性の優れたものを選ぶ 制限が少ないものを選ぶ 余計なことに気を使わない 一気にいろんなことに挑戦しすぎない フレームワーク 正直に書くと最近は問答無用でNext.jsを選択しています。 慎重な性格なので、自分が責任を持って開発、運用するプロダクトであれば自分の経験値が高く、多くの課題をクリアできるNext.jsを選びます。 一部インフラの制約があるものの、ページごとにSSGやSSR、On-demand ISRなどができること、Reactの大きなエコシステムの恩恵を受けられることは非常に大きいです。 採用面でも現状Reactを扱える人は他のフレームワークを扱える人より多く感じます。 次点でCloudflare Wor

                          私が愛するフロントエンドのツールたち2023
                        • 認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介

                          認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介 この記事の目的 ここ数年で、ソフトウェア開発やプログラミングの文脈で、「認知負荷」 および 「認知負荷理論」 という用語をよく見聞きするようになりました。私が今思い出せるだけでも、以下のような書籍や Podcast で重要なキーワードとして取り上げられています。 A Philosophy of Software Design, 2nd Edition チームトポロジー 価値あるソフトウェアをすばやく届ける適応型組織設計 プログラマー脳 ~優れたプログラマーになるための認知科学に基づくアプローチ fukabori.fm 102. A Philosophy of Software Design (3/3) w/ twada この「認知負荷」ですが、少なくとも近年見聞

                            認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介
                          • 2021年秋開始の新作アニメ一覧

                            年4回の番組改編期で、また多数の新作アニメが始まります。2021年秋の改編でスタートするアニメの本数は約60本。 今期スタート作品は、原作漫画や小説がないオリジナル作品が「境界戦機」や「サクガン」、「シキザクラ」、「逆転世界ノ電池少女」、「海賊王女」、「SELECTION PROJECT」、「プラオレ!~PRIDE OF ORANGE~」などわりと多めです。興味深いタイトルとしては、1980年に放送されたアニメを40年越しにリメイクするという「MUTEKING THE Dancing HERO」があります。 以下、作品リストは放送・配信時期が早いものから順に並べています。作品名の頭に「◆」をつけているので、「◆」でページ内検索すると1作品ごとにどんどんジャンプしていけます。また、目次からも各作品部分へ移動可能です。 放送情報欄は上が放送、下が配信。配信は独占配信や最速配信を行うサイト名のみ

                              2021年秋開始の新作アニメ一覧
                            • モバイルアプリ開発は、Flutter一択なのか?

                              こんにちは! Tetsukick(菊池哲平)です。 2020年11月現在、インドネシア(PT.AQ Business Consulting Indonesia)でモバイルアプリ開発の技術顧問をしております。 iOS歴5年、Flutter歴1年。個人でもアプリ開発してます。 本記事の対象読者 モバイルアプリ開発者 Flutterの今後の可能性を知りたい方 モバイルアプリ開発案件を検討中で技術選定をされている方 本記事のタイトルが気になる方 序 今回インドネシアでモバイル開発の技術顧問をさせていただく中で、Flutterの提案から導入までを実施し、実際に導入に至ることができましたので、その過程で用いた技術的根拠等々をシェアいたします。 実際に非技術者に対しても提案をしましたので、そのままお使いいただくことも可能かと思います。 PPT素材が必要な方いましたらTwitter_@tpi29までDMい

                                モバイルアプリ開発は、Flutter一択なのか?
                              • CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

                                カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか? 角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見えて、不格好になってしまいます。 外側の角丸と内側の角丸を美しいバランスで実装する相対角丸のテクニックを紹介します。 まずは、ネストされた角丸を美しいバランスで実装したデモをご覧ください。 See the Pen Inner Radius Design Tip with CSS Custom Properties by coliss (@coliss) on CodePen. 外側の角丸と内側の角丸を美しいバランスで実装するポイントは、「外側の半径 = 内側の半径 + パディング」に設定することです。こうすることで、外側の角丸と内側の角丸の中心点が同じになり、美しいバランスになります。 ちなみに、

                                  CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装
                                • デザイナーとエンジニアを巻き込んだワークフローの改善|鈴木慎吾 / TSUMIKI INC.

                                  「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。 今年の5月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。 以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションなどを経験してきました。 PM業の傍ら、社内のデザイナーとエンジニアの受け渡し部分の改善に取り組みました。その検討過程について紹介します。 要件定義・UIデザイン・開発間のワークフロー改善もともとFilmarks内ではディレクターがGoogleスライドなどで要件資料とGithub Issueをつくり、 デザイナーがSketchでUIをつくりZeplinで書き出したURLをエンジニアに受け渡し、エンジニ

                                    デザイナーとエンジニアを巻き込んだワークフローの改善|鈴木慎吾 / TSUMIKI INC.
                                  • 運用設計における設計項目の体系化 / 20240207-ssmjp-operation-design-items

                                    ssmjp ssmonline #38 "第四回はたのさん祭 オンライン"( https://ssmjp.connpass.com/event/307397/ )での発表資料です。 (運用設計ラボ合同会社 波田野裕一)

                                      運用設計における設計項目の体系化 / 20240207-ssmjp-operation-design-items
                                    • ドメイン駆動設計からオブジェクト指向、そしてアジャイル開発まで。関連書籍練り歩きのススメ

                                      本記事はドメイン駆動設計(DDD) Advent Calendar 2021 25日目の記事です。 「もっとビジネス変化に耐えられる設計を目指したい」「ただデータをやりとりするだけなのに複雑化してしまうのを防ぎたい」 様々な動機からドメイン駆動設計に入門しようとする方がいると思います。 自分もエンジニアとして働きはじめて、「どうしてすぐに変更しにくくなってしまうのか」「より柔軟な設計にするにはどうすればよいか」と悩むことが多くなり、良い設計手法を探って出会ったのがドメイン駆動設計でした。 最初はドメイン駆動設計関連の本ばかりを読んでいたのですが、途中から「これってドメイン駆動設計というよりはオブジェクト指向の話では?」とオブジェクト指向に興味を移し、さらに「より変化に強いプロダクト開発するにはチームから変化させないとまずいのでは?」とアジャイル開発に興味が移りました。 本記事では、ドメイン

                                        ドメイン駆動設計からオブジェクト指向、そしてアジャイル開発まで。関連書籍練り歩きのススメ
                                      • 中途入社のソフトウェアエンジニアがWebサービス開発に参加するとき役立ったこと - kymmt

                                        この記事は一休.com Advent Calendar 2023 8日目の記事です。 2023-09-25に入社して2か月半が経ったので、既存のWebサービスの開発にソフトウェアエンジニアとして参加するにあたって役立ったことを書いておく。 『Webサービスのソフトウェアエンジニアとしての転職活動で役立ったこと』の続編といえるかもしれない。 前提 観点 どのようなサービスかを調べる どのようにデータを保持するかを調べる どのようなコードかを調べる 「未知の未知」をできるだけ早く減らす チームの開発体制に興味を持つ 所感 前提 レストラン予約のサービスの開発に参加した 歴史が長い(2006〜) Webアプリケーションを開発する 技術スタックは転職前後で完全に変わった 前: Rails, PHP, Nuxt, MySQLなど7年 後: Rust, Next.js, Python, Microso

                                          中途入社のソフトウェアエンジニアがWebサービス開発に参加するとき役立ったこと - kymmt
                                        • セブに移住しようとしたが、色々あって長野にログハウス借りて住んでる人の話 | DevelopersIO

                                          2020年8月に住み慣れた東京を離れ、八ヶ岳の麓にある長野県富士見町へ移住しました。そこに至るまでの経緯や実際にやってみて感じたことなどを書きたいと思います。 この記事は「いつかどこかへ移り住んでみたい」と考えはじめている人向けの内容です。技術的な話は全く出てきませんがご容赦ください。 やらずして後悔するよりやってみるべし 私は東京生まれビーバッブ育ちの40代、生まれてこの方ずっと東京都民として暮らしてきました。30代後半に差し掛かったあたりで「もう東京でやりたいことないな」と思いはじめ、漠然と別の土地で暮らしてみたいと考えるようになりました。 ですがプロマネという職種の性質上、お客様と対話してナンボの世界で、多くのクライアントがある東京を離れる=ジョブ的な死を意味する、というのは少し言い過ぎにしても、仕事で価値を出せなくなってしまっては本末転倒、なかなか踏み込めずにいました。いや今思えば

                                            セブに移住しようとしたが、色々あって長野にログハウス借りて住んでる人の話 | DevelopersIO
                                          • ついに完成「Windows Terminal」の機能と使い方まとめ

                                            Windows Terminalの画面 Windows Terminalは、コンソールアプリケーションのための新しいターミナルアプリ。cmd.exeやPowerShellなどの「シェル」を登録して、背景などをカスタマイズできる。この画面右側や下の領域(ペイン)に模様が見られるのは、背景がFluent Design用のGUI部品Acrylicで透過しているためだ。 Microsoftがオープンソースソフトウェアとして開発を進めている「Windows Terminal」の正式リリース版となるVer.1.0が配布された。Microsoftが開催している開発者向けのイベント「Microsoft Build 2020」に合わせて公開されたようだ。 原稿執筆時点で公開されているのは、v1.0.1401.0で、日本時間の2020年5月20日に公開された。既にMicrosoft Storeからダウンロード

                                              ついに完成「Windows Terminal」の機能と使い方まとめ
                                            • 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io

                                              Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、

                                                次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
                                              • 『Sustainable Web Development with Ruby on Rails』はRails使ってるなら絶対面白いと思う

                                                『Sustainable Web Development with Ruby on Rails』はRails使ってるなら絶対面白いと思う David Bryant Copelandの『Sustainable Web Development with Ruby on Rails』を読んでいますが、この本めちゃめちゃ面白いですね。 Railsの設計で悩んだことのある人なら絶対読んで損はないというか、共感したり反発したりにやにやしたりで楽しめると思います。RailsというかWebアプリ開発の歴戦の勇士(正直あまり若くなく、つらい経験を重ねてきた生き残り的な人)が語るベストプラクティス感があります。 本書の構成 大きく3部構成です。 Introduction その名の通り導入です。本書の目的、Railsのアーキテクチャの紹介と、ビジネスロジックの話など。 「Sustainable」とは何か? とい

                                                  『Sustainable Web Development with Ruby on Rails』はRails使ってるなら絶対面白いと思う
                                                • ユーティリティーファーストとTailwind CSSのススメ - Qiita

                                                  Tailwind CSSは結構いいんでないの?というポエムです ユーティリティーファーストって考え方について まず、 ユーティリティークラスが何かということ ユーティリティークラスを使ってHTMLを書いていくということってどういうことか これは、ある程度CSSを書いている人であれば想像できることであろうと思う。 こんな風に、あらかじめユーティリティー的なクラスを用意しーの .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-a

                                                    ユーティリティーファーストとTailwind CSSのススメ - Qiita
                                                  • 業務アプリケーション開発にGoを採用する理由

                                                    この記事は MICIN Advent Calendar 2022 の24日目の記事です。 前回は熊沢さんの2つの新規事業立ち上げで経験したタイプ別MVP検証の進め方でした。 はじめに 本記事では、業務アプリケーションのバックエンドとしてGoを採用することによるメリットを、実際の業務経験を振り返りつつ考察してみます。 近年では多くの企業でGoが採用されています。その採用理由は、「並行処理をたくさん行いたいから」「学習コストが低いから」「フットプリントが小さくコンテナベースのプラットフォームに向いてるから」「Googleが使ってるから」「高速だから」といったところが挙げられるんじゃないでしょうか。 一方で、単なるモノリスなAPIとしてGoを選ぶ必要はないんじゃないのか、といった声もよく聞きます。「初期フェーズはスピード重視でRuby on Railsが最強だ」「枯れた技術であるJava + S

                                                      業務アプリケーション開発にGoを採用する理由
                                                    • 結婚式のプロフィールムービーを Unity で作ってみた - 凹みTips

                                                      はじめに 私事で恐縮ですが、先日、コロナ禍で 2 年半ほど延期していた結婚式をしました。そこでのプロフィールムービー制作を Unity でやってみましたので、本記事ではそのお話をしようと思います。 過去に友人の結婚式のムービー制作を任された時は After Effects か Premiere で作っていたのですが、それぞれ本 1 冊読んだ程度なので、自分の能力的にはスライドショー的に画像や文字を配置する程度が限界でした。自分たちのものはスプラトゥーン風のムービーにしたいなぁと思い、もう少し色々やれるかも & 勉強にもなるかもと思って Unity でやってみることにした次第です。プライバシーの関係でムービーの共有はできないのですが...、部分部分を簡単にご紹介したいと思います。 概要 基本方針は次のような感じです。 全体は Timeline を使って作成 出力は Unity Recorde

                                                        結婚式のプロフィールムービーを Unity で作ってみた - 凹みTips
                                                      • チーム中心の組織作りのための6つのチーム設計原則 - mtx2s’s blog

                                                        近年のソフトウェアプロダクト開発組織の活動単位としてよく言われるのは、「少人数で安定したチーム」であろう。表現は違えど、どの文献でもそのように述べられる。 それでは、「少人数」と「安定」の2つの要件を満たせば高パフォーマンスなチームが設計できるかと言えば、そんなはずもない。他にも要件があるはずだ。 そこで、チームに共通して必要だと考える要件を、設計に関わったこれまでの組織から抽出して言語化し、原則としてまとめてみた。それが、「安定」「アトミック」「非兼務」「少人数」「流動性」「イテレーティブ」の6つだ。 初期に携わった組織には欠けていた要素もあるが、何度も失敗を重ねるうちに見いだしたものだ。組織設計のプラクティスとしてよく聞くものもあるが、いずれも実体験を経て必要だと感じたものばかりである。 なお、本記事で取り上げる6つのチーム設計原則だけでは、組織設計として不十分だ。チームにどういった機

                                                          チーム中心の組織作りのための6つのチーム設計原則 - mtx2s’s blog
                                                        • TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)

                                                          最近開発しているBtoB SaaSサービスの技術スタックを、RailsからNode.jsに移行した。 これにより、フロントエンドもバックエンドも全てをTypeScriptで統一することができた。 特にNode.jsのWebバックエンドの構成について、まだまだ世の中に知見が少ない気がしているので記事にしておく。 Webバックエンド - Node.js(TypeScript) Nexus/Apollo Server (Webサーバー) GraphQLサーバーとして、Apollo ServerのコードファーストなアプローチでのラッパーであるNexusを使っている。 Railsからの移行を決断できたのも、Apollo ServerとPrismaにより、外部との通信が型付きで、かつ開発体験よく書けるようになたから、というのが大きくある。 数年前の段階だと、素のexpressを使ってWebサーバーを立

                                                            TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)
                                                          • WEBデザイナー向け!はじめての「ChatGPT」で業務効率化をするヒント|toto|Rabee.inc

                                                            こんにちは!株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて!というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう! 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね! 1. 生成AIを使うリスクとは?はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの

                                                              WEBデザイナー向け!はじめての「ChatGPT」で業務効率化をするヒント|toto|Rabee.inc
                                                            • CTOの大切な役割の一つ|Matsumoto Yuki

                                                              久々に記事を書いてみました。スタートアップの経営者やCTOというポジションを今担っている人、これから目指す人向けに私見をまとめた乱文です。直近はCTOというよりも、もはやポジション名もわからないなにかになってしまい、人事や総務、マーケティング、各事業の経営管理など職責を広げすぎてしまいましたが、今回は自分にとってのCTOの職責として重要なものとは何かを考えてみました。 要点事業をスケールさせるためには、まず組織とプロダクトの設計が相互に影響し合うことを理解する。その上で事業構造の理解から、より素早く改善すべきレバレッジが効くポイントを見出し、その改善が最も素早く進む組織とプロダクトのアーキテクチャを同時に設計する。こうしたプロダクトと人、事業の3つを理解しながらアーキテクチャ設計することがCTOとして重要な職務の一つだと考えています。 事業とCTO先日、スタートアップ界隈を見ていて下記のも

                                                                CTOの大切な役割の一つ|Matsumoto Yuki
                                                              • 本物の血よりも高性能な「合成赤血球」が開発される、酸素だけでなく抗がん剤なども運搬可能

                                                                ニューメキシコ大学などの研究チームが、実物の赤血球に近い働きを持つ「合成赤血球」の開発に成功したと発表しました。この合成赤血球は、酸素を運搬するだけでなく、がんなどの治療薬を患部に運ぶことも可能なことから、実用化されれば高性能な人工血液の開発が可能になると期待されています。 Biomimetic Rebuilding of Multifunctional Red Blood Cells: Modular Design Using Functional Components | ACS Nano https://pubs.acs.org/doi/abs/10.1021/acsnano.9b08714 Synthetic red blood cells mimic natural ones, and have new abilities - American Chemical Society

                                                                  本物の血よりも高性能な「合成赤血球」が開発される、酸素だけでなく抗がん剤なども運搬可能
                                                                • マイクロソフトが絵文字データ1538種をオープンソース提供。改変・商用利用も自由 | テクノエッジ TechnoEdge

                                                                  マイクロソフトが独自デザインの絵文字『Fluent emoji』1538種のデータをオープンソースで公開しました。 Microsoft 365のリアクション等でも使われるマイクロソフト版の最新デザイン絵文字 Fluent emoji 1538種について、3D表現のPNGファイルやベクタのSVG版、フラット版やハイコントラスト版など一式を含み、Github や Figma で誰でも自由に利用したり入手できます。 制限の少ないMITライセンスのため、自由に改変や配布、商用利用も可能(著作権表示と許諾表示は必要。MITライセンスを参照)。 現在の絵文字に欠けた新しい絵文字の素材にすることも、顔や動物や食べ物のアレンジ版を作ることも、自分のアプリや作品に導入することもできます。 Fluent Emoji は、マイクロソフトが2021年に全面刷新したスタイルの絵文字。モバイル機器やチャットアプリ、リ

                                                                    マイクロソフトが絵文字データ1538種をオープンソース提供。改変・商用利用も自由 | テクノエッジ TechnoEdge
                                                                  • DynamoDBのベストプラクティスを技術的詳細から理解する

                                                                    こんにちは。 株式会社CHILLNNという京都のスタートアップにてCTOを務めております永田と申します。 弊社では宿泊施設様向けに宿泊施設の予約管理用のSaaSを提供しており、現時点で1000近くの施設様にご利用いただいています。 現在、これまでに溜め込んだ日本最大級の宿泊コンテンツの検索エンジンを構築しており、その過程でさまざまなデータベースを探索しています。 本記事では、AWSのKVSであるDynamoDBを題材に、公式ドキュメントに書かれているキー設計のベストプラクティスの背景を理解することを目的とします。 なお、本記事の執筆にあたって、こちらの動画を大変参考にさせていただきました。 DynamoDBとは DynamoDBとは、AWSで利用できる、あらゆる規模に対応する高速で柔軟なNoSQLデータベースサービスです。 DynamoDBが登場した背景は、アプリケーションの大規模化です。

                                                                      DynamoDBのベストプラクティスを技術的詳細から理解する
                                                                    • 黒川紀章の「カプセルハウスK」が50年の時を経て一般公開へ。6月から民泊利用も予定

                                                                      黒川紀章の「カプセルハウスK」が50年の時を経て一般公開へ。6月から民泊利用も予定「中銀カプセルタワービル」で知られる黒川紀章が自身の別荘として設計し、50年にわたって非公開とされてきた長野県の「カプセルハウスK」が、修繕を経て5月に一般公開。現在は保存のためのクラウドファンディングも行われている。 「カプセルハウスK」の外観 写真=山田新治郎 「中銀カプセルタワービル」などで知られる建築家・黒川紀章が自身の別荘として長野県北佐久郡に建て、50年にわたって非公開とされてきた「カプセルハウスK」が、5月に一般公開される。 「カプセルハウスK」は、「中銀カプセルタワービル」と同じBC-25型のカプセルを住宅の諸室として用いた建物。急斜面に立ち、玄関やリビングのある中央部の周囲には、2つの寝室、茶室、厨房の4つのカプセルが取り付けられている。 公開にあたっては、工学院大学建築学部の鈴木敏彦研究室

                                                                        黒川紀章の「カプセルハウスK」が50年の時を経て一般公開へ。6月から民泊利用も予定
                                                                      • たのしいドメイン駆動設計: 序 / Enjoy domain driven design : ZYO

                                                                        自分の開発に対する姿勢を根本的に変えたドメイン駆動設計(DDD)。ぜひみんなにもその面白さを知ってもらいたい!と思い社内向け資料を作成、さらにSpeakerDeckにて公開としました。 たのしんでご覧ください! 関連note記事はこちら:https://note.com/jgc_parallel/n/n17db4b63affe

                                                                          たのしいドメイン駆動設計: 序 / Enjoy domain driven design : ZYO
                                                                        • 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表

                                                                          HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ

                                                                            2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表
                                                                          • AWS 認定 ソリューションアーキテクト – プロフェッショナル(AWS Certified Solutions Architect – Professional)の学習方法 - NRIネットコムBlog

                                                                            小西秀和です。 この記事は「AWS認定全冠を維持し続ける理由と全取得までの学習方法・資格の難易度まとめ」で説明した学習方法を「AWS 認定 ソリューションアーキテクト – プロフェッショナル(AWS Certified Solutions Architect – Professional)」に特化した形で紹介するものです。 重複する内容については省略していますので、併せて元記事も御覧ください。 また、現在投稿済の各AWS認定に特化した記事へのリンクを以下に掲載しましたので興味のあるAWS認定があれば読んでみてください。 ALL Networking Security Database Analytics ML SAP on AWS Alexa DevOps Developer SysOps SA Pro SA Associate Cloud Practitioner 「AWS 認定 ソリュ

                                                                              AWS 認定 ソリューションアーキテクト – プロフェッショナル(AWS Certified Solutions Architect – Professional)の学習方法 - NRIネットコムBlog
                                                                            • 広告コピーをバカに考えさせるとこうなる | オモコロ

                                                                              【2023年9月 追記】 現時点では掲出は終了しております 今年もやりますよ~~~~ うんちの軸 このサイト「オモコロ」のキャッチコピーを決めます 読者公募のやつか オモコロの有料コミュニティ「ほかほかおにぎりクラブ」で募集して決めるやつね 去年は選考の結果「パイナップルコンビネーション」を電柱広告にしました これでもマシな方を選んだんだからすごい また応募にかこつけて大量の汚言を読ませられるのか 前回は1600通も来ましたが、今回は5000通来てます は???? ちょっとした村の人口だぞ 過疎地域の選挙なら勝てる さっそく見ていきましょうかね…… 頼む! マシになっててくれ! はい、例年と同じです オモコロ読者に進歩という文字はないのか 悪化しているような気すらする ニョニョの奇妙な冒険!? これからてめーをニョニョって呼んでやるぜ! 不名誉すぎる ジョボショボジョボショボジョボショボジ

                                                                                広告コピーをバカに考えさせるとこうなる | オモコロ
                                                                              • データ視覚化/ダッシュボードデザインを成功させるための95のチェックリスト

                                                                                データ視覚化やダッシュボードデザインは文字通り「視覚化」「デザイン」というくらいですので、目に見えているところだけを語られがちです。しかし、実は最も重要なのは徹底したオーディエンス(ユーザー)主義の意識、そして質の高い問いの設定です。なぜなら、オーディエンスは、つまらないと感じたり、わからないと感じるとすぐに離脱するからです。これはとても単純で当たり前とも言えるのですが、データ視覚化に夢中になっていると忘れがちなポイントです。 下図は、ダッシュボードに表れるものとその根底に潜む要素を模したものです。データ視覚化の深層部分はこのような氷山で説明できるのではと考えています。 上側半分はよく語られがちですが、下側は見過ごされがちです。ですので、本記事では、上側から下側まで一気通貫のチェックリストを紹介します。弊社では、プロジェクトの開始時から最後まで考えていることです。これらの要素は相互に影響し

                                                                                  データ視覚化/ダッシュボードデザインを成功させるための95のチェックリスト
                                                                                • React with TypeScript Cheatsheet

                                                                                  Table of Contents:· Table of Contents: · How to type React props ∘ Creating a type alias for the props ∘ Typing optional props ∘ List of types for React component props · How to type React function components · How to type React hooks ∘ Typing useState hook ∘ Typing useEffect and useLayoutEffect hooks ∘ Typing useContext hook ∘ Typing useRef hook ∘ Typing useMemo hook ∘ Typing useCallback hook ∘ T

                                                                                    React with TypeScript Cheatsheet