はじめにこんにちは、PIVOTでソフトウェアエンジニアをしている裾分です。PIVOTは2024年2月にアプリ・Webを本格始動しました。私はPIVOTにジョインして以降、サブスクリプション機能の開発をしてきたので設計の概要と決済プラットフォームが係る実装の難しさについてまとめてみました。 本題冒頭のリリースの通り、PIVOTはYouTubeからプロダクトに集中するにあたり、サブスクリプション機能をリリースしています。 サブスクリプションを実装するにあたり考慮すべき点として、以下の状態を考慮する必要があります。 自サービスで管理する状態 ユーザーのサブスクリプション ユーザーのプラン 他サービスで管理する状態 ユーザーへの課金を行うプラットフォームに登録されているサブスクリプションの状態 決済状態（成功 | 失敗 | …） PIVOTの場合では、決済プラットフォームとして App Store

米カリフォルニア大学サンディエゴ校に所属する研究者らが発表した論文「Taking ASCII Drawings Seriously: How Programmers Diagram Code」は、ソースコード内で使用するアスキーアート（ASCII art）を収集し分析した研究報告である。 ▲ソースコード内で活用されたアスキーアートの一例 keyboard_arrow_down 研究背景 keyboard_arrow_down 研究内容 オープンソースのソフトウェア開発では、プログラマーがコードの中にアスキーアートを使って図を描き、アイデアを視覚的に表現することがよくある。アスキーアートはコードや自然言語では表現しにくい概念を視覚的に明快に説明でき、またコードよりも詳細度は低いものの、コードを理解するうえで「サムネイル」のような役割を果たす。 こうしたアスキーアートは、実際のソフトウェア開発

GitHub、「Copilot Workspace」テクニカルプレビューを開始。ほとんど全ての開発工程をAIで自動化 テクニカルプレビューは上記のCopilot Workspaceのページからウェイトリストボタンをクリックして申し込みます。 Copilot Workspaceはほとんど全ての工程を自動化 Copilot Workspaceは、自然言語で書かれたIssue（課題）を基に、Copilotが仕様案と実装計画を示し、コーディングや既存のコードの修正を行い、ビルドをしてエラーがあればデバッグも行うという、プログラミングのほとんど全ての工程をCopilotが自動的に実行してくれる、というものです。 人間は各工程でCopilotから示される内容を必要に応じて修正するか、そのまま見守ることになります。 GitHub CEOのThomas Dohmke（トーマス・ドムケ）氏は、Copilot

より良いコミットメッセージを残すことは Git を使った開発をする上で重要なことです。優れたコミットメッセージは、それを読んだ人がコードを理解するのに大いに役立ちます。 では、どのようなメッセージが良いもので、どのようなメッセージが悪いものなのでしょうか？ それについて掘り下げていきたいと思います。 基本的な Git Commit Message の書き方 詳しいところは、以下の3サイトを参照してください。特に「How to Write a Git Commit Message」には基本がすべて書かれています。 How to Write a Git Commit Message https://cbea.ms/git-commit/ Gitのコミットメッセージをうまく作成する7つのルール （「How to Write a Git Commit Message」の和訳記事） https://

かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！ 思いついたら追加する 「版ズレ」風 版ズレ ＝ 印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます） 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする （疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

14位：カレーパンマンとしょくぱんまんは人気がない

2000年代以降、日本のTVアニメにおけるクレジットアニメーションは単なる世界観のプレゼンテーションに留まらない映像表現を見せている。その背景には映像制作のデジタル化はもちろん、動画プラットフォームのコミュニティから輩出されたモーショングラファーがグラフィックとセルアニメを高度に統合したクレジットアニメーションを制作するようになった状況がある。本稿ではこれらのTVアニメのクレジットアニメーションがどのような歴史文脈の上にあるのか考察してみたい。 バナー画像：Oskar Fischinger, An Optical Poem, 1938 ◎モーショングラフィックスとは そもそも「モーショングラフィックス」という言葉を最初に用い始めたのは、CGアニメーションの父と呼ばれるジョン・ホイットニーだ。ホイットニーは第二次世界大戦後、爆撃や対空砲火の照準装置のメカニズムを応用したアニメーション装置によ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。 そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を分析してみることにしました。 はじめに本記事を書くに至った経緯私は現在、映像のデジタル合成やモーショングラフィックの制作などができるAdobeのソフト“After Effects”の学習をしています。 直近のゴールとして、モーショングラフィックを用いたサービス紹介動画を作れるようになろう！ということで、今回の記事はその学習の一環としてまとめました✍️ 動画で伝えるために大切なことAfter Effectsのスキルも重要なのですが、サービス紹介をする上でより重要なのはそのストーリー構成

言うのも恥ずかしい話だが、二十代前半のころ「酒豪キャラ」に憧れていた。 正攻法でモテることができない、もしくは正攻法でモテている人間をバカにしている人間は、エキセントリックなキャラ作りをしてしまいがちなところがある。 だがストレートすら投げられない奴が魔球をマスターできるわけがないのだ。 「個性」と「奇行」を混同してはいけない。大体は常識あってこその個性であり、個性だけで勝ち抜けるのは、ジョブズ級の才気を持っている奴だけである。 よって、当時は居酒屋に行くと、アルコールメニューを端から全部頼むなどして豪傑ぶりをアピールしていたが、今思えば、カクテルやチューハイメニューしか頼んでおらず、逆に「ジュースみたいな酒しか飲めない」ことを猛烈にアピってしまっていたような気がする。 しかし、酒に強いわけではないので、次の日は二日酔いで1日を無駄にするし、気が付いたらカバンが水浸しになっていたり、友人を

スクロールに連動して要素が画面内に入った際にアニメーションを行う実装のメモです。 スクロール連動アニメーションのコードと実装例スクロール連動アニメーションの実装例 JavaScriptの実装はGitHub Gistに纏めています。コードにはTypeScriptを使用していますので、TypeScriptを利用していないWeb制作現場で使用する場合はChatGPTなどに依頼してJSファイルに変換してください。 initializeObserveAnimation initializeObserveAnimation. GitHub Gist: instantly share code, notes, and snippets. gist.github.com

暴れ熊 @abareguma 台湾在住2002年8月～。 歴史系院卒でありながら祖国を離れ半ブルーカラーに従事する恐らく世界唯一のキモヲタ。教養品性なし。資格検定なし。日台ハーフ娘のトリリンガル教育という泥沼に漕ぎ出す。西武🦁と中日🐲 暴れ熊 @abareguma 初めての台湾で鼎泰豐に行きたい日本人に対して、「鼎泰豐？ 俺もっと美味くて安いとこ知ってるから、そっち行こ」と自分のグルメアピールに必死で相手の心情を慮ることができない台湾人に対し、「鼎泰豐行ったことあるの？」と聞くと「ないよ」と不思議な返答が返ってくる。 リンク d.rt-c.co.jp ディンタイフォン（鼎泰豐） | 小籠包・点心の台湾料理・台北料理｜公式 「世界の10大レストラン」に選ばれた小籠包（ショウロンポウ）・点心を始めとした台湾料理・台北料理のディンタイフォン（鼎泰豐）の公式ホームページ。秘伝のレシピに守られた

リンク JMOOC トップページ お知らせをもっと見る 講座ジャンルを絞り込み アート・デザイン 教育と学習 健康と医療 工学 コンピュータ科学 自然科学 社会科学（経済、コミュニケーション、他） 人文科学（心理、歴史、他） 統計・数学 ビジネスと経営 資格・試験対策 JMOOC企画講座（理工・情報・ビジネス系） AI活用人材育成講座（活用講座事例集、活用・理論講座） 講座配信プラットフォームを絞り込み gaccoOpenLearning,JapanPlatJaM 配信プラットフォームとは 講座状態を絞り込み 開講中募集中受付終了 さら 400 users 2889 JMOOC @JmoocSecretary 【カテゴリーについて】#JMOOC の講座はその内容や提供機関によって、下記の３つにカテゴライズされています。サイトトップの「さらに絞り込み条件を設定する」→「JMOOCカテゴリーを

コロプラは4月22日、ゲームクリエイターの金子一馬氏が2023年から同社に所属し、オリジナルIPの制作に携わっていることを明らかにした。 金子一馬氏は、アトラス出身のベテランゲームクリエイター。『真・女神転生』シリーズや『ペルソナ』シリーズなどの開発に携わり、イラストレーターとして悪魔のデザインなどを手がけたほか、一部作品ではプロデューサーも担当した実績がある。 コロプラは4月22日、同社の採用情報ページに金子氏とのインタビュー記事を掲載。人材募集の一環という形式ではあるが、そのなかで同氏が2023年にコロプラに所属していることを明らかにした。きっかけとなったのは転職エージェントからの紹介とのことで、転職活動中には、各社の担当者から「本物ですか!?」と疑われたという。金子氏としては、失敗を含めて、これまでに経験してきたことを活かせる場所を探していたそうで、コロプラにおける1から自分たちでゲ

本ハンドブックは、WCAG 2.0（JIS X 8341-3:2016）の達成基準をもとに すべての利用者がウェブサイト利用できるようにするためのアクセシビリティ向上の具体的な指針と実践的なアドバイスを提供します。 はじめに ウェブアクセシビリティとは 運用時のウェブアクセシビリティの取り組み 開発時のウェブアクセシビリティの取り組み ウェブアクセシビリティ試験 ウェブアクセシビリティ試験の流れ ウェブアクセシビリティ方針（サンプル） ウェブアクセシビリティ検証結果（サンプル） ウェブアクセシビリティ検証試験実施ページリスト（サンプル） 参考 実装の参考 ツールの参考 達成基準（適合レベルA,AAを解説） 1. 知覚可能の原則 代替テキストのガイドライン 【A】非テキストコンテンツの達成基準 時間依存メディアのガイドライン 【A】音声だけまたは映像だけ（収録済み）の達成基準 【A】キャプシ

はじめに Playwrightの公式を読み漁っていた際にAccessibility testingの項目を見つけまして、実際にプロジェクトに導入してみたのと、調べたことをアウトプットします。 @axe-core/playwright Playwightの公式では@axe-core/playwrightを推奨しています。 Axe Accessibility Testing ToolsをPlaywrightテストの一部として使用できるライブラリとのことです。 便利ですね。 Axe、axe-coreとは Axe、axe-coreとは何なのかGoogle先生に聞いてみました。 HTML向けのアクセシビリティテストツール。 プラガブルな作りで、Lighthouseのアクセシビリティテストをする時にも使われている。 Axeのコアとなる機能はaxe-coreとしてOSS化されている。 なるほど、初めて知

そもそもポッドキャストって何？映像のない YouTube のような存在が ポッドキャストです。 つまり、ラジオのようなものです。 YouTube のように、素人も投稿できる音声 メディアです。 どうやって聞けるの？iOSからであれば、Apple Podcast Androidからであれば、Googleポッドキャスト ※Googleポッドキャストは、YouTube musicに統合の話が出ている 他にSpotify、Amazon music、radikoからも聞けるらしい。 おすすめのポッドキャストヤング日経経済系の番組はおじさんがしゃべっていることが多いが、この番組は若い大学生～大学院生の女の子が最近の経済について 話しており、非常に聞きやすく、軽い気持ちで聞けるのが良い。ポッドキャスト的な流し聞きに向いてる。 日経トレンディ ＆ 日経クロストレンド日経トレンディ及び日経クロストレンドとい

vercel.com VercelにBasic認証をかけることに成功したので手順をメモしておきます。 ❶ ホスティングしたいファイルをpublicディレクトリに入れる ❷ プロジェクトルートにapp.jsをつくる app.js const protect = require('static-auth'); const safeCompare = require('safe-compare'); const USER_NAME = 'user'; const PASSWORD = 'password'; const app = protect( '/', (username, password) => { return safeCompare(username, USER_NAME) && safeCompare(password, PASSWORD) }, { directory: `${

ユニクロのファーストリテイリング、ロッテリア、ローソン、デジタルハーツ――。数々の有力企業の社長・会長を歴任し、今や「プロ経営者」と呼ばれる玉塚元一には仕事の流儀がある。新天地に飛び込んだらすかさず現場に足を運び、社員の声を聞けるだけ聞くことだ。2021年6月、ロッテホールディングス社長に就任した時もそうだった。工場、開発、営業、人事、経理……。スケジュールの合間を縫って手当たり次第に社員たち

エンジニアリング戦略室の高井といいます。 みなさん、GitHub Copilot は利用されていますか？　GitHub Copilot は GitHub と OpenAI が共同で開発した生成 AI を活用した開発支援ツールです。コードの自動補完、コード生成、ドキュメントの提案など、多岐にわたる機能を提供し、開発者の生産性を向上させることを目的としています。 マネーフォワードでは、昨年度にトライアルとして Copilot の利用を開始しました。本記事では、Copilot を利用して半年以上経過して、その利用がどのような効果をもたらしたかをレポートします。なお、ここで GitHub Copilot として言及されている Copilot のプランは GitHub Copilot Business です。 Copilot 利用状況・分析対象 なお、分析にはエンジニアリング組織のパフォーマンスを可

GitHubは2024年3月25日（米国時間）に公式ブログで、コード補完機能を活用して良質なコード提案を得るために、豊富なコンテキストを提供することの重要性を訴えた。本稿では、同ブログの中からコンテキスト提供に関連する内容に焦点を当て、紹介する。 コンテキストの重要性 関連記事 GitHub、「GitHub Copilot」の活用方法や組織への展開方法を学べるコースを無料公開 GitHubは、GitHub Copilotの活用方法や組織への展開方法を学べるコンテンツを無料公開した。組織のリーダーが抱きがちな疑問を理解する手助けになるとしている。 Windows Copilotで「働き方の新時代の推進」、Microsoftが語る3つの戦略 Microsoftは2024年3月に開催されたデジタルイベントで、Copilotや新しいSurface for Business、Windows Clou