並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 108件

新着順 人気順

exampleの検索結果1 - 40 件 / 108件

exampleに関するエントリは108件あります。 開発設計プログラミング などが関連タグです。 人気エントリには 『ChatGPTにマインドマップを作ってもらったら理解速度が爆速になる件|Abiru』などがあります。
  • ChatGPTにマインドマップを作ってもらったら理解速度が爆速になる件|Abiru

    こんにちは。 ECコンサル会社を経営している、あびるです。 今回はChatGPTでマインドマップを作る方法をご紹介します。 この方法を使えば、長くて難しくて読みたくない文章も、情報が小分けされた状態で視覚的に分かりやすくなります。 プロンプト例太宰治の走れメロスのストーリーについてマインドマップにまとめて、PlantUMLで出力してください。出力結果 @startmindmap !define AWESOME mindmapBackgroundColor White * 走れメロス ** 主要登場人物 *** メロス **** 無実の罪で逮捕 **** 王に誓いを立てる **** 結婚式へ向かう **** 友人セリヌンティウスに会う **** 王に戻る *** セリヌンティウス **** メロスに協力 **** 王のもとで身代わりに *** 王 **** 独裁者 **** メロスを逮捕 *

      ChatGPTにマインドマップを作ってもらったら理解速度が爆速になる件|Abiru
    • Python言語による実務で使える100+の最適化問題 | opt100

      指針 厳密解法に対しては、解ける問題例の規模の指針を与える。数理最適化ソルバーを使う場合には、Gurobi かmypulpを用い、それぞれの限界を調べる。動的最適化の場合には、メモリの限界について調べる。 近似解法に対しては、近似誤差の指針を与える。 複数の定式化を示し、どの定式化が実務的に良いかの指針を示す。 出来るだけベンチマーク問題例を用いる。OR-Libraryなどから問題例をダウンロードし、ディレクトリごとに保管しておく。 解説ビデオもYoutubeで公開する. 主要な問題に対してはアプリを作ってデモをする. 以下,デモビデオ: 注意 基本的には,コードも公開するが, github自体はプライベート そのうち本にするかもしれない(予約はしているが, 保証はない). プロジェクトに参加したい人は,以下の技量が必要(github, nbdev, poetry, gurobi); ペー

      • ChatGPTの使い方<26例>|入江 慎吾🚀 ソロプレナー

        こんにちは!いろんなプロに相談できるMENTA代表の入江です。 話題のChatGPT。いろんな質問例がTwitterに上がっていて未来を感じさせてくれます。 ※ただし、どんな質問にも答えてくれるChatGPTですが間違いもあるので注意が必要です。 1)バグを見つけてもらう

          ChatGPTの使い方<26例>|入江 慎吾🚀 ソロプレナー
        • ちょうどいいWebデザインギャラリー

          カラー ネイビー (10) カラフル (272) スカイブルー (234) ホワイト (1244) ベージュ (444) グレー (443) ブルー (365) パープル (59) ピンク (127) レッド (219) オレンジ (132) イエロー (232) グリーン (323) ブラウン (152) ブラック (547) ゴールド (54) 業種 スポーツ (29) 旅行・ホテル・観光 (158) 美容 (116) エンタメ・趣味・娯楽 (181) 製品・工業・素材 (141) 金融・保険・会計・法律 (49) ファッション・アクセサリー (77) 就職・人材サービス (35) インフラ (26) 不動産・建築・空間・施設 (158) アート (41) 車・バイク他 (18) 事業・組織 (74) 暮らし商品・サービス (154) 飲食・食品・飲料 (496) 行政・NPO・団体・

            ちょうどいいWebデザインギャラリー
          • 「Visual Studio Code」で執筆するSF作家 藤井太洋氏が作る物書きのための拡張機能

            「VS Code Meetup」は、強力かつ軽量なオープンソースのコードエディター「Visual Studio Code」のミートアップです。今年もVS Code Meetup 主催の年次カンファレンス、「VS Code Conference Japan 2021」が開催されました。招待講演では、SF作家の藤井太洋氏が登壇。VS Codeで執筆を支援する機能拡張「novel-writer」の制作について発表しました。 『Hello, World!』で吉川英治文学新人賞を受賞したSF作家 藤井:お時間いただきまして、ありがとうございます。本日、「Visual Studio Codeで小説を書く」というセッションを持たせていただく、SF作家の藤井太洋です。それでは、プレゼンテーションを進めます。 まず簡単な自己紹介から。私は、2012年に『Gene Mapper』というサイバーパンク小説をセル

              「Visual Studio Code」で執筆するSF作家 藤井太洋氏が作る物書きのための拡張機能
            • フリーランスプログラマ雑感

              フリーランスプログラマになって、かれこれ10年近く経ってしまった。 昨日をもって退職しました。今日から(しばらくは)フリーランスとしてがんばります。 — 武藤スナイパーカスタム🔫 (@__tai2__) November 30, 2010 会社を辞めて、とくに深い考えもなくなんとなくフリーランスになった。しばらくすればどこかの会社に就職するのかなあ、きっとそうなんだろうなあ、とかぼんやりと思ってたことを考えると、そのまま10年近くも続けてしまったのは感慨深い。 ぼくにとって、ほかの業種、ほかの立場の人の職業生活がどういうもんなのかわからないのと同程度に、ほかの人にとってもフリーランスプログラマがどういうものか、きっとイメージがあまりわかないんだろう。そこで、フリーランスプログラマ生活を振り返って、それがどのようなものだったのかを思いつくままに語ってみたい。フリーランスプログラマという語は

                フリーランスプログラマ雑感
              • Webフロントエンドパフォーマンスチューニング80選 - Qiita

                こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇%アップ、CVR〇%アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。 この記事ではパフォーマンス最適化のハウツーを紹介します。 パフォーマンス改善の施策が思い浮かばない時やフロン

                  Webフロントエンドパフォーマンスチューニング80選 - Qiita
                • 令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io

                  Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラットフォームが用意した対策の本質から言うと、解釈が少しずれていると言えるだろう。 今回は、「CSRF がどうして成立していたのか」を振り返ることで、本当にプラットフォームに足りていなかったものと、それを補っていった経緯、本当にすべき対策は何であるかを解説していく。 結果として見えてくるのは、今サービスを実装する上での「ベース」(not ベスト)となるプラクティスだと筆者は考えている。 CSRF 成立の条件 例えば、攻撃者が用意した attack.examp

                    令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io
                  • メルカリShops の技術スタックと、その選定理由 | メルカリエンジニアリング

                    こんにちは。ソウゾウの Software Engineer (CTO) の @suguru です。連載:「メルカリShops」プレオープンまでの開発の裏側の1日目を担当させていただきます。 7月末にメルカリShopsという新しいサービスが公開されました。メルカリShops は、2021年1月にメルカリのグループ会社として設立したソウゾウが新たに立ち上げたサービスです。 この記事では、メルカリShops を作るにあたり、どういった技術、アーキテクチャを選定したのか、その背景と意思決定をまとめて共有したいと思います。 monorepo まず最初にプロジェクトをスタートしたときに、サービスのリポジトリを作るのですが、迷わず monorepo による構成を選択しました。monorepo は、システムを構成する複数のコンポーネントの独立性を保ちつつ、全ての構成を1つのリポジトリで管理する手法です。今

                      メルカリShops の技術スタックと、その選定理由 | メルカリエンジニアリング
                    • AWS 導入事例:株式会社フロム・ソフトウェア | AWS

                      アクション RPG『ELDEN RING』のオンラインサービスを AWS のマネージドサービスで構築 ワールドワイドで最大 150 万同時接続のスケールに対応 ゲーム機向けアクションゲームの企画・開発を手がける株式会社フロム・ソフトウェア。同社は 2012 年からゲームソフトのインフラ基盤としてアマゾン ウェブ サービス(AWS)を利用しています。2022 年 2 月にリリースした『ELDEN RING(エルデンリング)』では、バックエンドにマネージドサービスの Amazon Elastic Kubernetes Service(Amazon EKS)や Amazon Kinesis Data Firehose を採用。スピーディな構築を実現し、ゲーム発売直後の最大 150 万同時接続に対しても迅速なスケールアウトで乗り切りました。リリース後はわずか 4 名の自社要員で安定した運用を継続し

                        AWS 導入事例:株式会社フロム・ソフトウェア | AWS
                      • ベイジのウェブ制作ワークフロー2021年版(約100のタスクと解説)|ベイジの図書館

                        営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以

                          ベイジのウェブ制作ワークフロー2021年版(約100のタスクと解説)|ベイジの図書館
                        • GitLab CEOによるフルリモート経営アドバイス

                          これは何 これの雑な書き起こし。 会社文化の作り方 プロセスの整理。コミュニケーションの取り方、slackの会話方法などを統一した カルチャーバリューを書き出した。transparencyとiterationがメイン。 iteration: スコープを減らして、より早く出荷する方法をグループで考える会を設定している バリューとは誰を昇格させるか バリューに関する歌を作った。カラオケパーティでも歌う カラオケパーティはCEOの自宅で開いてる 「コーヒーチャット」文化を作ってみた。25分でなんとなく雑談する バリューを維持するのが本当にたいへん。大体のバリューは口伝で伝えられるためリモートだと維持しづらい。handbookを使うことで対抗してる フルリモートの良いとこ 幅広いタレントと働ける かっこいいキャンパスあると過剰な到達感が生まれる。立ち止まってしまう 自宅で働く必要はない。社員がオフ

                            GitLab CEOによるフルリモート経営アドバイス
                          • 個人開発したTODO共有アプリ - 5年50万ユーザー突破までの軌跡|Objective-ひろC🍜

                            個人開発しているアプリ、minto(ミント)が2024年5月で5周年、累計50万ユーザーを突破しました。 そこで、なぜアプリを作ったか?から現状のアプリのことまで1記事でまとめました。 とても長いですが興味ある部分だけでも読んでいただけると嬉しいです。 きっかけ個人アプリを始める前に、会社の新規事業部で新規アプリの開発担当として働いていたのですが、どのプロジェクトも成果を上げることができませんでした。会社から給料をもらいながら開発費を垂れ流す身になるのはとても辛い思いがありました。同時に「自分が1から企画してプロジェクトをスタートしたらうまくいく自信がある。チャレンジしたい」という欲求がふつふつと湧いてきました。 なぜmintoちょうどその頃、同僚から家族のTODOをSlackで共有している話を聞き、ハックまでして解消したいペインがあるのなら、それをアプリにして広く大衆が使えるようにすれば

                              個人開発したTODO共有アプリ - 5年50万ユーザー突破までの軌跡|Objective-ひろC🍜
                            • Electronで組み込み端末向けアプリケーションを開発し3年間運用してみて

                              組み込み端末のアプリケーションに Electron を採用し開発・運用を行っています。 継続的な機能追加やトラブルサポートを行いながら 3 年が経過したので、Electron を採用した経緯や結果を経験を交えながら共有したいと思います。 組み込み案件自体が初めてでしたのでその話も入っています。 約 700 台ほど導入されており、なかなか大きな案件での採用と思いますので参考になれば幸いです。 ※Electron の基本的な説明は割愛します。 システムについて 一般的に「受付精算機」などと呼ばれ、店頭に何台か並べて設置して自動で受付・精算を行うシステムです。 ホテルの受付端末のイメージです。ハード的にはセルフレジにも近いです。 筐体自体は他社が用意し、弊社はその上に載せる GUI アプリケーションのみを担当しました。 機能 主な機能として 来店受付・整理券発行 予約チェックイン チェックアウト

                                Electronで組み込み端末向けアプリケーションを開発し3年間運用してみて
                              • Database schema templates by DrawSQL

                                Database schema templates Collection of real world database schemas from open-source packages and real-world apps that you can use as inspiration when architecting your app.

                                  Database schema templates by DrawSQL
                                • FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ

                                  FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか? FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF

                                    FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ
                                  • 最近の業務での AWS サーバーレス開発を振り返ってみた | DevelopersIO

                                    AWS Lambda を使用した Web アプリケーションの開発プロジェクトで、バックエンド・フロントエンド・インフラを一貫して開発をしてきました。 改めてどのように開発をしていたのか、使った技術スタックや各サービスをどのように活用したかを整理したいと思い記事にしました。今後サーバーレス開発を行う際の技術選定の参考にしていただければ幸いです。 前提 Web アプリケーションです。 管理画面用の内部 Web API、外部のサービスと連携するための外部 Web API があります。 処理としてはリソースの CRUD がメインです。 管理画面は SPA で、バックエンドの Web API にリクエストします。 開発メンバーは 4 人ほどで、フロントエンドエンジニア、バックエンドエンジニアといった区分けはしていませんでした。 機能ごとにメンバー全員がバックエンドからフロントエンドまでを一気通貫で実

                                      最近の業務での AWS サーバーレス開発を振り返ってみた | DevelopersIO
                                    • GitHub - Bad Todo 非常に多種の脆弱性を含む診断実習やられアプリ

                                      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

                                        GitHub - Bad Todo 非常に多種の脆弱性を含む診断実習やられアプリ
                                      • 実践! Typescript で DDD - マイクロサービス設計のすすめ - Leverages Tech Blog

                                        対象読者 マイクロサービス化を検討しており、実際に作る場合の構成を参考にしたい。 ドメイン駆動設計について、基本的な用語の知識がある。 TypeScript を多少触ったことがある。理解がある。 はじめに こんにちは。エンジニアの吉村です。 現在、弊社が運営する teratail というサービスに携わっており、CakePHP で動作しているモノリシックな既存サービスをマイクロサービスに移行するというプロジェクトを進行中です。 この記事では、実務を通して得た知見として、マイクロサービス化によりどんな恩恵があるのか、具体的にどのような構成で実装をしているのかについてご紹介します。 TL;DR マイクロサービスのバックエンドサービスの実装に焦点を絞って、ドメイン駆動設計 + オニオンアーキテクチャをベースに設計をしました。 本記事では、具体的に「ユーザ新規登録処理」の実装をする場合を例にとり、実

                                          実践! Typescript で DDD - マイクロサービス設計のすすめ - Leverages Tech Blog
                                        • メルカリShops のフロントエンド | メルカリエンジニアリング

                                          こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載:「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は既存のメルカリアプリの中に独立した Web アプリケーションとして動いています。本記事では、どのようなライブラリを選定し、どのようにアーキテクチャを設計してきたかを解説します。 なぜ Web なのか? アプリの上で動いているのであれば、WebView ではなくても良いと感じる人はいると思います。今回採用した 1 つの理由としては、リリースが柔軟な点が挙げられます。iOS/Android の両方に対して開発サイクルを早めることが可能であり、また機能追加やバグ修正が容易です。どのように WebView で動いているかについては、6 日目のメルカリ Shops のため

                                            メルカリShops のフロントエンド | メルカリエンジニアリング
                                          • テストコードにはテストの意図を込めよう #vstat

                                            リーダブルなテストコードについて考えよう~VeriServe Test Automation Talk No.3~で発表した資料です。 【発表資料中のURL】 ※複数…

                                              テストコードにはテストの意図を込めよう #vstat
                                            • 個人開発で参考になるNext.jsリポジトリ10選

                                              OpenStatus - ステータスページ App Router Turborepo Drizzle Clerk tRPC Tailwind shadcn/ui LLM Report - OpenAI モニタリング App Router Prisma NextAuth shadcn/ui Stripe Dub - URL 短縮 App Router Turborepo Prisma NextAuth Tailwind Stripe slug - URL 短縮 Prisma NextAuth tRPC Tailwind Cal.com - 日程調整 Turborepo Prisma NextAuth tRPC Tailwind Taxonomy - ブログ App Router Prisma NextAuth Tailwind Rowy - ローコード GUI Firebase Dorf -

                                                個人開発で参考になるNext.jsリポジトリ10選
                                              • 重いサイトを軽くしろ!年末年始は #WebSpeedHackathon 2021 に挑戦しよう | CyberAgent Developers Blog

                                                ABEMA で Web フロントデベロッパーとして活動している 宮代 @3846masa です。CyberAgent Advent Calendar 2021 4 日目は、Web パフォーマンス改善のコンテストについてお話します。 TL;DR Web パフォーマンス改善コンテスト “Web Speed Hackathon 2021 mini” を開催します! 改善する対象は https://web-speed-hackathon-2021.herokuapp.com/ です オンライン開催で、12 月 4 日から 1 月 3 日までの 1 ヶ月間、好きなときに誰でも参加できます 記事の後半は、課題となる「重たい短文投稿サイト」を作るまでの開催記です はじめに CyberAgent では、Web パフォーマンス改善を競うコンテスト “Web Speed Hackathon 2020” を昨年

                                                  重いサイトを軽くしろ!年末年始は #WebSpeedHackathon 2021 に挑戦しよう | CyberAgent Developers Blog
                                                • CSS Flexboxでヘッダを実装する最近のテクニックのまとめ

                                                  CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ヘッダの構造を確認 Flexboxの動作 ヘッダの実装バリエーション Flexboxでヘッダを構築するための便利なテクニック Flexboxで実装したヘッダのテンプレート 終わりに はじめに 私が初めてHTMLとCSSの基礎を学んだとき、Webサイトのヘッダを実装することは非常に難しい作業の1つでした。2014年頃のこ

                                                    CSS Flexboxでヘッダを実装する最近のテクニックのまとめ
                                                  • JRPGの「お気に入りのメニュー画面」を紹介しあう流れ広まる。スタイリッシュ系だけじゃない、にくい演出光るメニュー画面集まる - AUTOMATON

                                                    Xにて、JPRGでお気に入りのメニュー画面についての話題が盛り上がっている。海外のJRPGファンであるAndy氏の呼びかけが発端となり、各々が好きなメニュー画面について語り合ったようだ。 RPGにおいて、メニュー画面はステータスや所持アイテムなどの情報を確認する画面であると同時に、その作品のアートスタイルを表現する場にもなっている。普段あまり話題になりにくい部分ということもあってか、Andy氏の呼びかけにはかなりの数のリプライが寄せられた。 Andy氏は自身のお気に入りとして『ペルソナ3 リロード』、『スターオーシャン セカンドストーリー R』、『ファイナルファンタジータクティクス』、『ファイナルファンタジーXIII』を挙げ、ほかのユーザーにも自身のお気に入りを教えてほしいと呼びかけた。 寄せられた意見の中でもやはり人気が高かったのは、『ペルソナ5』や『メタファー:リファンタジオ』といった

                                                      JRPGの「お気に入りのメニュー画面」を紹介しあう流れ広まる。スタイリッシュ系だけじゃない、にくい演出光るメニュー画面集まる - AUTOMATON
                                                    • How I built a modern website in 2021

                                                      How I built a modern website in 2021September 29th, 2021 — 34 min read For over half of 2021, I worked on a complete rewrite of kentcdodds.com. You're reading this on the rewrite of this site! Are you using dark mode or light mode? Have you signed in and selected your team yet? Have you tried to call into the Call Kent Podcast? This blog post isn't about these and other features of the new site, b

                                                        How I built a modern website in 2021
                                                      • Unity経験ほぼゼロの状態から1年半でツインスティックシューター『NeverAwake』を完成。その開発方針から具体的な工夫まで解説【IDC2023】|ゲームメーカーズ

                                                        2023年12月17日(日)、インディーゲーム開発者向けカンファレンス『Indie Developers Conference 2023』が東京・新橋で開催されました。 本記事では、1年半という定められた開発期間の中で初めて本格的に触れるUnityとどう向き合って技術を習得し、ツインスティックシューター『NeverAwake』のリリースに至ったかについて語られた講演「1年半でNeverAwakeを完成させるための技術習得」についてレポートします。 TEXT / じく EDIT / 藤縄 優佑

                                                          Unity経験ほぼゼロの状態から1年半でツインスティックシューター『NeverAwake』を完成。その開発方針から具体的な工夫まで解説【IDC2023】|ゲームメーカーズ
                                                        • SOLID原則に従って行うリファクタリング実践 | メルカリエンジニアリング

                                                          この記事は、Merpay Advent Calendar 2022 の21日目の記事です。 こんにちは。メルペイBackendエンジニアのfivestar(@fivestr)です。 本記事では「SOLID原則」と呼ばれる設計原則に沿って実際に行ったリファクタリングについて、メルペイの「あと払い」サービスの開発現場事情を踏まえながらご紹介していきます。 あと払いの歴史とコード負債 私が所属するCredit Designチームではメルペイの「あと払い」や「メルペイスマートマネー」といった与信サービスの開発を行っています。中でも「あと払い」はメルカリが2017年にリリースした「メルカリ月イチ払い」を前身とする歴史の長いプロダクトであり、単純な機能追加だけでなく、設計上大掛かりな変更を伴う修正を繰り返しながら今日まで成長してきました。 例えば、あと払いをメルカードの決済・清算のバックエンドとして統

                                                            SOLID原則に従って行うリファクタリング実践 | メルカリエンジニアリング
                                                          • Nuxt.js+Firebaseの認証・認可を実装した雛形プロジェクトを公開しました - Qiita

                                                            この記事について NuxtとFirebaseを使って、これまでいくつかサービス開発をしていますが、認証/認可の実装はどのサービスでも毎回同じようなコードを書いている気がします。 サービスとしてのコア部分ではないですが、センシティブな部分なのでしっかりと調べながら実装すると結構大変ですよね(毎回時間がかかってしまいます)。 ここ最近のサービスはNuxt +Firebaseで開発することが多く、認証 / 認可のコードベースのTipsが貯まってきたので公開したら需要あったりするのかな? サンプルになりそうなプロジェクト見当たらないし、コアな部分ではないのであまり楽しくないし...。 雛形のプロジェクトとして需要あれば公開します👍 — フジワラユウタ | SlideLive▶️ (@Fujiyama_Yuta) June 7, 2020 自分だけではなく、いろんな人が同じような課題感を感じている

                                                              Nuxt.js+Firebaseの認証・認可を実装した雛形プロジェクトを公開しました - Qiita
                                                            • 海老澤美幸 ebisawa_miyuki on Twitter: "「他人のツイートをスクショして投稿することは著作権侵害」と判断した話題の裁判例、ようやく読めたので、簡単に書いておきます。 全ツイッターユーザーに影響のある内容ですし、なかなか興味深い裁判例なので、ぜひお読みいただけましたら。 超長文です。"

                                                              「他人のツイートをスクショして投稿することは著作権侵害」と判断した話題の裁判例、ようやく読めたので、簡単に書いておきます。 全ツイッターユーザーに影響のある内容ですし、なかなか興味深い裁判例なので、ぜひお読みいただけましたら。 超長文です。

                                                                海老澤美幸 ebisawa_miyuki on Twitter: "「他人のツイートをスクショして投稿することは著作権侵害」と判断した話題の裁判例、ようやく読めたので、簡単に書いておきます。 全ツイッターユーザーに影響のある内容ですし、なかなか興味深い裁判例なので、ぜひお読みいただけましたら。 超長文です。"
                                                              • Amebaのデザインシステム「Spindle」の全貌公開

                                                                メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。

                                                                  Amebaのデザインシステム「Spindle」の全貌公開
                                                                • LINEユーザー8300万人を対象とするアンケートを1週間で開発するには? コロナ禍におけるLINEの施策とフロントエンド開発 | ログミーBusiness

                                                                  2020年6月17日に行われたイベント「UIT meetup vol.9『The new normal for frontend』」に、LINE株式会社のフロントエンドエンジニアであるChanghee Kim氏が登壇しました。「コロナ禍、私たちにできたこと」という講演タイトルで、新型コロナ対策のための全国調査を行った際のフロントエンド開発について紹介しました。講演資料はこちら コロナ禍での仕事の変化Changhee Kim氏:それでは「コロナ禍、私たちにできたこと」というタイトルで発表させていただきます。まず自己紹介ですが、Kim Changhee(キム・チャンフィ)と申します。LINEでは2018年からフロントエンドエンジニアとして働いています。 LINEではたくさんの外国籍社員が働いています。私もその1人で、韓国出身のエンジニアです。ふだんはLINE公式アカウントの管理画面アプリを開発

                                                                    LINEユーザー8300万人を対象とするアンケートを1週間で開発するには? コロナ禍におけるLINEの施策とフロントエンド開発 | ログミーBusiness
                                                                  • ゲーム企画書の作り方。製作の参考例。考え方|うきょう|フリーゲームプロデューサー兼マーケッター(株スタジオデルタ代表)

                                                                    サバイバルホラーアクション『あけておねがい』を製作した際の企画設計の 流れをご紹介します。 ゲームの企画書を製作する方の参考になれば幸いです。 まずは企画書 続いて企画書を設計する際の流れ、考え方をご紹介 1|企画書の紹介(完成形) 2|企画書設計時の流れ、考え方ゲーム制作、企画設計、マーケティングの会社をしています。 お仕事のご相談は [email protected] または X  までご連絡ください。 https://twitter.com/home

                                                                      ゲーム企画書の作り方。製作の参考例。考え方|うきょう|フリーゲームプロデューサー兼マーケッター(株スタジオデルタ代表)
                                                                    • Flutter×GCP/Firebaseでしっかり作る時のポイント13個。

                                                                      Flutter×GCP/Firebaseで何かを作っていく(る)方に参考になればと思います。 上記の技術構成でリリースした Othellode というアプリは、 iOS/Android で公開済みなので、興味あればダウンロードしてみて下さい。 “しっかり”とは?下記のような観点を考慮することを指しています。 運用を前提とする設計やフロー整備多言語対応負荷分散セキュリティモニタリング費用バックアップロギングdevelopment/staging/production 管理これらに関する知見から、13個厳選して広く浅く書きました。 (ポイントというより感想みたいな項目もありますが..) なお、情報漏洩対策(IP制限やBasic認証)やアセットパイプライン,BQによる分析等は、今回本腰を入れてない( 必要がなかった)ため触れませんし、詳しくありません。 目次Useful Information

                                                                        Flutter×GCP/Firebaseでしっかり作る時のポイント13個。
                                                                      • 【HTML】知っておくと便利!短いHTMLコードで実装できる小技テク17選

                                                                        この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。 先日紹介したCSS小技テクと一緒に活用してみてはいかがでしょう。 【CSS】知っておくと便利!短いコードで実装できるCSS小技20選 たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個 そもそもHTMLってなに? HTML(Hypertext Markup Language)は、Webブラウザで表示するための基本となる標準的なマークアップ言語です。また、CSS(Cascading Style Sheets)などの技術や、JavaScriptなどのスクリプト言語によってサポートされることもあります。 ホームページを作るときは、まずHTMLを

                                                                          【HTML】知っておくと便利!短いHTMLコードで実装できる小技テク17選
                                                                        • Chromeの拡張機能を自作する - 虎の穴ラボ技術ブログ

                                                                          こんにちは。虎の穴ラボのH.Hです。 突然ですが、皆さんは普段使っているブラウザは何でしょうか? 私は普段からChromeを使っており、このブログもChromeを使って書いています。 先日ある拡張機能をChromeに入れるにため機能の説明を読んでいました。 説明の中にGithubのURLが記載され拡張機能のソースコードが公開されており、JavaScriptなどの知識があれば作成可能とわかりました。 またGoogleから簡単な拡張機能を作成するチュートリアルも公開されていました。 そこで、チュートリアルで公開されている拡張機能の実際に作ってみることにしました。 今回は拡張機能の作成した時の手順とデバッグの方法を説明していきます。 Chromeの拡張機能とは Chrome機能はChromeウェブストアなどからChromeに追加することで、標準には無い機能の追加を行うものです。 chrome.g

                                                                            Chromeの拡張機能を自作する - 虎の穴ラボ技術ブログ
                                                                          • Nuxt.js × GAS Execution API で同人頒布会向け予約システムをごにょごにょする PWA を作る - Qiita

                                                                            はじめに 「GASでQRコードを使った同人頒布会向け予約システムを作った話」の続きです。 半年ほど前、日本最大級のアナログゲーム頒布会である「ゲームマーケット2018春」で、上記の予約システムを実際に運用してみたところ、 (こちらからの声かけ後を含め)QRコードを提示してくれたのは6割弱 0.5割くらいの人がガラケーないしキャリアメールのため、QRコード自体を受信できていない という問題にぶち当たりました。 QR コードが提示されなかった場合、スマホの Google スプレッドシートアプリから予約番号 or 名前を検索していましたが、いまいち操作性がよろしくない1。 というわけで、いっそスプレッドシートを外部 API 化して、スマホアプリから予約情報の検索&購入確定できるようにして、なんならアプリに QR コード読み取り機能も埋め込んじゃおう、というのが今回の趣旨です。 PWA (Prog

                                                                              Nuxt.js × GAS Execution API で同人頒布会向け予約システムをごにょごにょする PWA を作る - Qiita
                                                                            • Patterns | APG | WAI | W3C

                                                                              An accordion is a vertically stacked set of interactive headings that each contain a title, content snippet, or thumbnail representing a section of content.

                                                                                Patterns | APG | WAI | W3C
                                                                              • 日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた|seya

                                                                                海外の事例はいろいろあるので見てきたのですが、国内ではどんな会社が取り組んでいるのか、興味があったので調べてまとめてみました。 「おいおい、この会社が足りないぜ!」というものがあればコメントで教えていただけると喜びます。 Wantedly

                                                                                  日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた|seya
                                                                                • GitHub Actionsでいい感じのリリースノートを完全自動で作成する

                                                                                  きっかけ スプリントで実装した内容をリリースする際、リリースノートを毎回作成しています。 GitHub のリリースノート自動生成機能も便利なのですが、それでも「毎回ボタンをクリックする一手間が面倒だな。自動化したいな〜」と思っていました。 そこで、結構前に勉強も兼ねてリリースノート自動作成のアクションを自作したところ、チーム内で好評だったのでご紹介したいと思います。 (色々あってすっかり記事にするのが遅れてしまいました・・) 要件 main ブランチにマージされたら自動でタグとリリースノートが生成されること リリースノートには前回リリースとの差分が表示されること 同日に複数回リリースしても識別できること リリースノートのテンプレートを指定できること 完成形はこちら いきなりですが、生成されるリリースノートはこんな感じです。 完成形のアクションはこちらになります。 name: Create

                                                                                    GitHub Actionsでいい感じのリリースノートを完全自動で作成する

                                                                                  新着記事