We’re excited to announce that Deno 1.28 stabilizes npm compatibility, which means you can now import over 1.3 million npm modules in Deno. Building apps will be easier and more secure than ever, now that you can use your favorite persistent data modules such as Prisma, Mongoose, and MySQL, as well as frontend frameworks such as React, Vue, etc. Using npm is easier and safer with Deno. Deno’s buil

はじめに 人によってはすごく当たり前のことかもしれませんが、タイトルの通りconsole.log()はオブジェクト参照です。なので参照元の値が変化すれば出力される値も変化します。 Chrome や Firefox の比較的新しいバージョンを使っているなら注意が必要です。これらのブラウザーで記録されるのはオブジェクトへの参照です。そのため、 console.log() を呼び出した時点でのオブジェクトの「値」が表示されるのではなく、内容を見るために開いた時点での値が表示されます。 引用: https://developer.mozilla.org/ja/docs/Web/API/console/log#引数 試してみる 実際にオブジェクト参照になる挙動や対処法を試してみます。 オブジェクト参照の出力 オブジェクト参照か試してみます。 1回目出力と2回目出力の間にfirstNameをyamam

BERTにセンター試験を解かせてみて分かった、得意な問題と苦手な問題の傾向：センター英語を例に分かる、自然言語処理入門（3） センター試験を例に、自然言語処理の基礎を解説する本連載。第3回はセンター試験英語の穴埋め問題を自然言語処理で解答し、その結果について考察する。 前回は、BERTによる文脈理解について説明しました。今回は、BERTの事前学習モデル（bert-base）をそのまま使ってセンター試験英語穴埋め問題にチャレンジします。 大学入試センター試験 センター試験は全ての問題がマークシート形式で出題され、複数の選択肢の中から正解を選んで解答します。2022年10月現在はセンター試験が廃止されており、代わりに大学入学共通テストが実施されています。もちろん現行の試験でも問題なく解くことは可能ですが、センター試験はデータセットが公開されているため、そのデータセットを利用しました（※引用に際

WebAssembly 入門してみた 最近こんなニュース記事を見て、 WebAssemblyに対してクラウドサービスを抽象化、そのままAWSでもAzureでもGoogle Cloudでも実行可能にする「SpiderLightning」、Deis Labsが公開、標準化も推進 いろんなOSにまたがった実行環境という意味ではJavaのJVMみたいだなと思ったり(Javaそんなに詳しくないけど)、「WebAssemblyってそんなこともできるのか...」とちょっと興味を惹かれた。 名前のちょっとした概要だけは知っている所謂「にわか勢」だったので、良い機会だし少しちゃんと調べてみる。 そもそもWebAssemblyて とりあえず公式ページを見てみると、こんな記載がある。 WebAssembly (abbreviated Wasm) is a binary instruction format fo

はじめましての方ははじめまして、そうでない方はこんにちは！どうも菊池宣明（@kikulabo）です！ 僕は今、エンジニアと食を囲む感覚で気軽に話せるマッチングサービス「ハッカー飯」 の開発に携わっているのですが、先日このハッカー飯にアクセス出来ない状態が起きてしまいました。 今日はこの障害に関することについて簡単に書いていこうかなと思います。 何が起きたの？ 事の発端としてはハッカー飯を動かしている EC2 インスタンスを再起動したところ、 500 系のエラーを返すようになってしまいました。 再起動前はサービスが正常に機能していることは確認していたため、最初は何が原因で動かなくなってしまったのか見当がつきませんでした。 構成図の確認 ここで一旦ハッカー飯の構成図をおさらいしておきます。とはいえかなりシンプルな構成ではあるのですが、S3 に静的ファイルを保存し CloudFront 経由で配

発端 きっかけは調べ物でこちらのブログを閲覧したときです。ぜひアクセスしてみてください。9 割以上の方は何も気づかないでしょう。 Chrome でのスクリーンショット なぜなら Firefox 以外のブラウザでは表示されないからです。 Firefox でのスクリーンショット Firefox でアクセスすると、“Woah! What's this?” と書いてある右側のミニマップに気づくはずです。 Firefox でのスクリーンショット これの驚くところは、なんと要素の状態がリアルタイムでミニマップにも反映されます。上記スクリーンショットはテキストを選択した状態ですが、ミニマップにもテキストが選択された状態で表示されていることが確認できます。 実装 どのように実装されているかというと、なんと CSS の element() 関数のみの 1 行で実装できます。そして、Firefox は ele

Floating Notes で軽いメモを取る 他のアプリの使用中に常に表示されるメモを取ることができる機能です。 画面遷移の影響も受けず、常にメモを取れるので、会議中にさっとメモを取る時などに非常に便利です。 カレンダーの予定確認 カレンダーの予定の確認が出来ます。 さらに、予定にGoogle Meetのリンクがあった場合、Enter キー でMeetに入ることが出来ます。（下画像の Meetingの一番右にビデオのアイコンがあります。このアイコンは、Google Meetのリンクがあることを指します） 言語処理能力 Raycastは、窓の言語処理脳力も非常に高いのが特徴です。 簡単なドル円計算はもちろん、複雑なUTC(協定世界時）からJST(日本標準時）への計算なども行ってくれます。 電卓 Alfredと同様に電卓機能も備えています。 拡張機能 Bookmark 検索 Raycastは

ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 Twitterが、さらに大量の従業員を削減しています。今回は契約社員がターゲットとなっており、Twitter全体で約5500人いる契約社員のうち4400人が対象になったとも言われています。 匿名で情報を提供したTwitterの正社員からCNBCなどが入手した内部コミュニケーション記録によると、契約社員の大半が突然Slackや社内用の業務システムにアクセスできなくなったことで、自分がもはやTwitterで働いていないことに気づいたとのこと。 この件は、解雇対象になった契約社員の同僚正社員にも一切通知がなかったと伝えられています。ニュースサイトPlatformerのCasey Newton氏は、その数が4400人

本記事は、2022年9月に開催された「TechFeed Experts Night#4 〜 フロントエンドアーキテクチャを語る」のセッション書き起こし記事「SPA化するMPAとMPA化するSPA（@yosuke_furukawa⁠）⁠ ― TechFeed Experts Night#4 フロントエンドアーキテクチャを語る」を転載したものです。オリジナルはTechFeedをご覧ください。 古川と申します。@yosuke_furukawaでTwitterなどをやっております。 SPAは”見えるようになるまでが遅い” 私が今回お話するのは「MPA化するSPA」です。もともとSPAは、画面遷移（トランジション）をアプリケーションに合わせて最適化することを目的として発展した技術だと思っています。変更が発生したところだけレンダリングすることで高速化するテクニックだったのが、それをすべてのページで行う

CLIツールをテストする難しさ ターミナルなどで動作するCLI（コマンドラインインタフェース）ツールは、パッケージを公開して利用してもらうライブラリと比べてテストがしにくいと感じる読者も多いでしょう。 CLIツールは、ファイル/標準入力からの入力や、ファイル/標準出力/標準エラー出力への出力があることが多いです。また、コマンドライン引数やオプション（フラグ）によって変わる挙動のパターンが多いため、網羅的なテストが大変です。 入出力についても単一のファイルを読み書きするだけではなく、ディレクトリごと作成したり、特定のディレクトリ以下を再帰的に読み込むような処理もよくあります。 main関数にすべての処理をすべて書くような作りのCLIツールだと、実際にビルドしてテストスクリプトなどから動かしてテストするしかありません。しかし、せっかくCLIツールをGoで書いているのであれば、テストもGoで書き

引数は6つありますが、ここで大事なのは、recvfrom関数ではソケットを通じてデータを受信する際に、第2引数で指定したバッファに対し、第3引数で指定したサイズでデータを受信して格納するということです。リスト1では、第2引数で指定しているバッファはstate->rpacket.dataで、第3引数で指定しているデータサイズはstate->blksize + 4です。 では、このバッファはいったいどこで確保されているのでしょうか？ そして受信するデータサイズは、どのようにしてstate->blksizeに指定されているのでしょうか？ オーバーフローするバッファ 解析した結果、同じくtftp.cの中のtftp_connect関数内で、このバッファが確保されていることがわかりました（リスト3⁠）⁠。具体的には、指定したバイト分のメモリを指定個分だけ確保するcalloc関数を利用してblksize

こんにちは、こんちゃん(@konchanSS)です。 今回はZucksアドプロダクト事業本部で、2年ほど前からはじまった負債カンバンを作成する動きから 負債返済へのアクションを起こして1年経ったのでそれを振り返ったものです。 負債カンバンとは 負債カンバンとは簡単にいうと、弊事業部にあるさまざまなサービスの負債をまとめたものです。 なぜ始まったかというのはゆっけ(@karahiyo)さんのtech blogを読んでもらえるとよりわかります。 以下、記事から抜粋したものです。 苦手なこと 課題とは認識しつつも対応が進まない、優先順位があがりきらないタスク どこにどんな技術的負債があるか把握しきれていない 気づいたタイミングでの根本的な負債返済の対応は簡単ではない 運用期間が長くなり、当時の最適解が今の最適解と違ってきているものがある 具体的に負債をどのように管理しているかも記事から抜粋したも

こんにちは！DMMアワード運営事務局の成澤です。 今年初めてDMMアワードに携わった“事務局一年生”の目線で、10月18日(火)に開催された「DMMアワード2022」についてレポートしていきます！ （DMMアワード2020のレポートはこちら） https://inside.dmm.com/entry/2020/07/14/dmm-award-2020 3度目のオンライン開催　社内表彰イベント「DMMアワード」 「DMMアワード」とはDMMグループ全社4,000名以上を対象とした社内表彰イベント。 日々の業務の成果を讃えるのはもちろん、60以上の事業を手がけるDMMがどんなことを行っているのか、会社についての理解を深める役割も担っています。 オンライン配信というとZOOM会議のようなものを想像されるかと思いますが、やはりDMMはエンタメ企業。 賞の発表が続く授賞式でも飽きないような工夫が随所

Rust、何もわからない登壇資料 https://estie.connpass.com/event/259713/

エンジニアの松本です。Rust、何もわからない... #4 (2022/10/06 19:00〜) を開催いたしました。 今回は株式会社エモーションテックから門田見 侑大さんにご登壇いただき、estieからは私とhige_yy (@kia5n_y2_mud) / Twitterが登壇しました。 それぞれのスライドが公開されていますので、紹介いたします。 juniper使ってGraphQLやってみた speakerdeck.com estieから hige がGitHub - graphql-rust/juniper: GraphQL server library for Rustを使ってGraphQLの導入検証をした際の報告をしました。 juniperを使うと下記の4ステップでGraphQLを使ったAPIを提供する事ができるということでした。 GraphQLエンドポイントの追加 Graph

こんにちは。 エキサイト株式会社の三浦です。 突然ですが、バッチを定期実行させたい時、皆さんはどうしますか？ 有名なところではサーバの cron 機能だと思いますが、実はSpring Bootでは、アプリケーションコード単体で定期実行させることが出来ます。 今回は、Spring Bootのアプリケーションコード単体で定期実行させる方法を紹介します。 cronを使ったバッチの定期実行 Scheduledを使ったバッチの定期実行 最後に cronを使ったバッチの定期実行 アプリケーションを作る際、一日一回ログを取りたい、一時間に一回サイトのランキングを更新したいなど、定期的にコードを実行したい場合があります。 このように定期実行をさせたい場合、有名な方法としてはサーバの cron を使うというものがあります。 0 10 * * * /usr/bin/php /var/sample/GetLog

2022年10月6日、LINE/メルペイ/一休の3社が、フロントエンドエンジニアを対象としたオンライン採用説明会を合同で実施しました。 この記事は、「LINE/メルペイ/一休 フロントエンドエンジニア採用説明会」の、メルペイ・メルコイン紹介部分の書き起こしです。 アーカイブはこちら！ それでは、メルペイとメルコインの紹介をさせていただきます。 自己紹介 株式会社メルペイ 執行役員 VP of Engineeringの泉水 翔吾です。メルペイで、日々マネジメント業務などを行っています。本日はよろしくお願いします。 アジェンダ 会社概要・事業説明 Mercari Group 体制 まずは、メルカリグループ全体の体制を簡単に説明します。 このように、メルカリグループでは事業領域ごとに会社を区切り、意思決定を早めています。 メルカリは、ご存知の通りCtoCのマーケットプレイスです。同じくマーケット

4bitマイコン向けの組込プログラム制作からこの世界に足を踏み入れコンピュータの進化と共に今日に至ってます。 また、第2世代と言われるPDC普及期からはモバイル通信の世界にも係るようになり、H/Wや組込系のS/Wを開発してきた経験と織り交ぜ、現在はIIJのMVNO事業部にてビジネス開発部の一員として、何か新しい事、面白そうなモノ、ビジネスモデルを破壊し再構築できないかと、業務に取り組んでいます。 わたくし、ひげのおじさんエンジニアはプロフィールにもある通りコンピュータおよび移動体通信の進歩を横目に見ながら自称技術者として30年強この業界に関わってきました。 本投稿の概要紹介 本投稿は、3年ほど前にIIJモバイルがeSIMサーバを立上げeSIMサービスを開始する事が決まった当時、eSIMの出口と言いますか サービスの利用が想定されるデバイスとして一部のPCやスマホ、iPhone しかないのは

こんにちは、CTOの山岡（@hiro_y）です。 以前、当社のコーポレートブログ「OMOSAN」に「zassouを始めた話」を書きました。当時はコロナ禍が始まり、リモートワーク導入も緒についたばかり。肩肘を張らずに1on1を続けていく仕組みとして「雑談と相談」を月に一度行うようにしたのでした。当時どのような経緯で始め、何を考えていたかはあちらの記事をご覧ください。 それから二年が経ちましたが、今でもzassouを続けています。形式はオンラインだけでなく、オフライン（対面）で行うことも増えてきました（当社の勤務形態は基本、出社とリモートのハイブリッド形式です）。どのように続けて現在に至っているか、簡単にふりかえります。 月に一度のペースで行う 原則として、月に一回実施しています。評価面談のある月など、予定が立て込んでいたり他で話す機会がある場合はスキップする場合も。 月初にスケジュールを確認

こんにちは、サムザップUnityエンジニアの飯田です。 ところでゲーム開発中 「パフォーマンスチューニング」 が問題になったことはありませんか？弊社はいくつもゲームをリリースしてきましたが、そのたびにパフォーマンスがネックになってきました。 開発中盤までは問題が起きなかったのに、後半になるにつれて 「動作が重い」「待ち時間が長い」「カクつく」 といった声が聞こえてきます。そのたびに頭を悩ませ続けてきました。 そこで、本記事では弊社で取り組んでいる 「パフォーマンスチューニング問題を解決する方法」 を紹介します。 チーム開発はもちろん、個人開発者にも有効な方法です。最後まで読んで、一緒にパフォーマンスチューニングに備えていきましょう。 Unityパフォーマンスチューニングバイブルが超絶オススメ 結論から話しますが「Unityパフォーマンスチューニングバイブル」をおすすめします。 弊社サムザッ

はじめにこんにちは。TIG の吉岡です。秋のブログ週間 10 本目の投稿です。 2022年の 5 月に Apple, Google, Microsoft そして FIDO Alliance が マルチデバイス対応FIDO認証資格情報 を発表してから、パスワードレス技術に対する注目が高まっています。1 パスワードレスの概要について調査してまとめてみました。 目次 私たちとパスワード パスワードの抱える問題 パスワードマネージャ 公開鍵暗号の活用 パスワードレスと FIDO Alliance FIDO v1.0 FIDO2 FIDO の認証フロー Passkeys パスワードレスな未来 私たちとパスワード今日、私たちのデジタルアイデンティティはパスワードに支えられています。私たちは日々 Google で検索し、Netflix を観て、Twitter でつぶやき、Amazon で買い物をしますが

株式会社Helpfeelのイマをお届けするPodcast、今出川FMを更新しました！！！！！ 今回の今出川FMは、CTO の akiroom が niboshi を迎えて話した様子をお送りします。 #13: プロジェクトマネージャーになったniboshiに改めて話を聞きました by 今出川FM 今出川FMはSpotifyをはじめ、複数のプラットフォームに配信してますので、お好きなプラットフォームで聞いていただければと思います。 Anchor: 今出川FM • A podcast on Anchor Spotify: 今出川FM | Podcast on Spotify Apple Podcasts: ‎今出川FM on Apple Podcasts Google Podcasts: 今出川FM Amazon Music: 今出川FM Podcast on Amazon Music RSS:

はじめに こんにちは。ソウゾウのSoftware Engineerの @fuku です。 「メルカリShops [フライング] アドベントカレンダー2022」の6日目を担当します。 現在私はメルカリShopsにおける表示速度関連のパフォーマンス改善に取り組んでおり、インフラ、バックエンド、フロントエンドや計測方法構築など多岐に渡る領域に対してアプローチする事になりました。本記事ではメルカリShopsに対して行ったパフォーマンス改善の内容と、その結果について紹介します。 記事のポイント この記事を読む上で重視して頂きたい点は以下の通りです。 表示速度などユーザー体験に関するサービス運用の変化にも注意を向けることが最初の一歩 計測グラフを用意するなど可視化する事が必要 可視化したらチームにも共有し改善案を一緒に検討しよう 速度面のパフォーマンス改善には複数のアーキテクチャ領域を俯瞰しつつ総合的

こんにちは！ HRソリューション本部でQAエンジニアをしているhonaminです。 2022年11月3日（木）〜11月5日（土）に開催された、Scrum Fest Sapporo 2022（以下スクフェス札幌）参加してきました。私自身スクフェスへのオフライン参加は初めてでしたが、毎夜毎夜飲み歩き、気づいたら2泊3日が終わっていました。ほぼぼっちでも楽しく参加できたので、未来の仲間へ向けて参加レポートを書きたいと思います。 Day0 11月3日（木・祝） (おや、yoyaさん、こんばんは！) 受付にてネームプレートとWelcome Beer（！）を受け取りいざ会場へ！ 祝日の夜にも関わらず会場には多くの方が集まっていました。 初日ということもあり、コミュニティの歩き方や活用方法についての発表が2つほど。 行動規範のお話もあり 「参加者にこの3日間を存分にに楽しんでほしい」 という運営の方々の

こんにちは。コネヒトに8月に入社し、サーバーサイドエンジニアをしている高橋です。 今回は私自身のチームジョインや、更なる新メンバーのジョインもあったので、「お互いを理解し期待をすり合わせる」ことを目的に「ドラッカー風エクササイズ」を開催しました！ オンラインでも開催できるように今回はmiroを使って実施したので、ご興味ある方はぜひご覧ください。 目的・背景 メンバーのスキルや経験、価値観、期待値などをお互いに理解し、期待をすり合わせる →背景は新メンバージョインに伴いチーム人数が多くなったので、チーム内でお互いの得意なことや期待値を把握し、理解促進を図りたいと思ったからです。 ドラッカー風エクササイズとは ドラッカー風エクササイズとは、アジャイルサムライの著者Jonathan Rasmusson(ジョナサン・ラスマセン)が名付けたチームビルディングのことです。 4つの質問に全員が答えること

ATOM開発チームの上野です。 普段はGo言語を使ってAPIサーバやバッチ処理機構の実装などを担当しています。 今回はATOMのプロジェクトにおける RDB(MySQL)のスキーママイグレーションの運用手法をご紹介します。 スキーママイグレーション MySQLのようなリレーショナルデータベースでは、サービスの開発が進んでいくごとに テーブルやカラムの情報を変更していくため、DDLを管理する必要があります。 一般的にはこのDDLの更新情報をマイグレーションツールを利用することになると思います。 マイグレーションの仕組みはツールによって異なりますが、多くは「マイグレーションファイル」と呼ばれる スキーマの変更情報を記録したファイル群を適用日時順に保存しておき、 それらを順次適用したり、遡るように実行することでスキーマの変更をロールバックしたりできます。 golang-migrate はGo言語

こんにちは、ラクス フロントエンドチームの亀ノ上です。 弊社ではエンジニアに関わらず、社員の誰でも参加が可能なフロントエンドニュースの共有会を定期的に開いています。 今回は11月7日に行われたフロントエンド情報共有会の議事録を公開します。 Zod気になってるんで軽く話してほしいメンバーが記事を書いてくれました！ React Hook Form v7 + MUI v5 + zod v3を使ったコンポーネント実装例 情報共有会で集まったネタをナレッジ化するアプリをシルバーウィーク引きこもって作ってた話せっかく情報共有会をやっているので、ナレッジ化しようとアプリを作った。 社内で使うときはサブ端末にのせて使う 技術選定 FE: Next.js(CSR) UI: Chakra UI データフェッチ: SWR フォーム: React Hook Form + Zod API: Next.js(API

こんにちは、人工知能研究所AI品質プロジェクトの金月です。富士通研究所では、AIの品質向上に向けた研究を行っています。深層学習モデルの精度低下を正解データなしで修復する研究成果が、IEEE ICIP2022にて採択されたのでその概要をご紹介します。 IEEE International Conference on Image Processing 2022 (ICIP2022) Multi-Step Test-Time Adaptation with Entropy Minimization and Pseudo-Labeling Hiroaki Kingetsu; Kenichi Kobayashi; Yoshihiro Okawa; Yasuto Yokota; Katsuhito Nakazawa モデル修復技術 High Durability Learningについて 富士通研究所

はじめに ２要素認証を設定することが企業は元より個人でも当たり前になってきましたね。よくあるのがGoogle Authenticatorなどの認証コードを使用するものです。これにより、「IDとパスワードを知っていること」と「有効な認証コードを取得できること」の２要素でセキュアな認証プロセスが構築されます。 有効な認証コードを取得する際には、Google Authenticatorなどが主流ですが、このようなアプリを使用すると個人で所有する端末でしか有効な認証コードを取得できなくなります。これ自体は本人のみが所有しているという要素を認証プロセスに組み込むことを意図したものですが、認証コードの取得方法が所有する端末に限定されており、取得方法に拡張性がない状態です。 拡張性を作るとセキュアな状態を維持しにくくなると理解しつつ、興味本位でAPI経由で認証コードを取得できる仕組みを作り、拡張性を持た

こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、レスポンシブでないページを CDN へキャッシュする方法が Amazon CloudFront だと楽にできたので、それについて書きたいと思います。 Aamazon CloudFrontとは？ Amazon CloudFront は、高いパフォーマンス、セキュリティ、デベロッパーの利便性のために構築されたコンテンツ配信ネットワーク (CDN) サービスです。 （公式 より引用） 仕組みはこちら（オリジンサーバー到達まで遠いです。-> いいこと） 内容の更新性が薄いページへのアクセス時に、毎回サーバーからデータを取得して描画して...をするとサーバーの負荷が高まります。また、そもそもページロードが遅い場合はユーザ体験を損ないますし、SEO 的にもいいことがありません。 CD

サマリ Segment Routing Traffic Engineering（SR-TE）を一元管理可能な経路計算サーバである Path Computation Element（PCE）を紹介 SR-PCE を用いて PE へ SR Policy を送信し、SR-TE の一元管理を検証 この記事は Multi-AS Segment Routing 検証連載の第 10 回です。目次は こちら 概要 イノベーションセンターの三島です。 本記事では SR-TE を効率的に管理・運用するための実現手法である PCE を紹介し、PCE を用いた SR Policy の管理を検証します。 SR-TE の問題点と Path Computation Element（PCE） SR-TE は様々な要件を実現するために使われます。 例えば、複数の利用者・複数のアプリケーションごとの目的に応じた Qualit

そもそもOOUIとは オブジェクト指向ユーザーインターフェースの略。 （Object Oriented User Interfaceの頭文字から来ている。） この時の「オブジェクト」とはユーザーがアプリケーションなどを操作する際の「目的」や「対象」のことを指す。（例えばECサイトであれば画面上に並んでいる商品がそれに値する。） UIが「UX5段階モデル」(UXの要素を5つの段階に分類したもの)でいうところの「構造〜表層」に当たるのに対し、OOUIは「構造」の領域に値する。 また、アプリケーションデザインにおいて基本的なテクニックであり、ソフトウェアのデザイナー、プログラマーであれば十分に理解していなければならない概念だとソシオメディアの上野学氏がオブジェクト指向UIデザイン──使いやすいソフトウェアの原理 (WEB+DB PRESS plusシリーズ)にて語っている。 UI設計は大きく2種

こんにちは だだっこぱんだと言います。だだっこではないです。 今回は初めてしっかりした個人開発をしたので、技術的な部分についていろいろとお話しします。 つくったもの Aivy というAI作品に特化した画像投稿サイトを作りました🍃 👇よかったらこれ拡散してくれるとうれしいですの ScreenShot ホーム画面 投稿ページ ユーザーページ 検索 投稿管理 なにこれ AI作品に特化した画像投稿コミュニティサービスです。 ただ画像を投稿するだけでなく、プロンプトやモデル等のAI画像生成に使う情報を一緒に投稿できます。 この記事では この記事では技術面にフォーカスしてお話しします。 どうして作ったの？ とかその辺の話は下記リンクのNoteにまとめてありますので合わせてご覧ください。 開発体制 メンバー ぼく(高校生) 開発フロー 完成まではゴリゴリローカルでした。タスク分けとか何も管理しません

最新の AnythingV4 が出たので記事書きました！ (追記) はじめに NovelAI よりも凄い AI イラスト生成モデルがどうやら出たらしいぞ！！ しかも huggingface にモデルが上がっているようで、StableDiffusion を使ってモデルを差し替えれば動くらしいということを知って、試してみたので、その過程を記載しておきます。この記事は基本的に StableDiffusion をモデルを差し替えて試してみるのとほぼ同等で、Google Colab で はじめる Trinart Stable Diffusion の記事を参考にさせていただきました。大変ありがとうございます。 こんな感じで、自分も試してみたのですが、呪文が適当でも結構いい感じの画像が出てきます。しかも、Google Colab の無料の実行ランタイムで動くので、ちょっと重いですがお金もかかりません。

概要 こんにちは。フリーランスとして活動している加藤です。 さて、この記事ではタイトルのとおり、自分で作成したOSSライブラリなどをGitHubやその他のリポジトリで公開した際に、どうすればより多くの人々に自分が開発したソフトウェアを認知してもらい、そしてどうすれば継続して関わってもらえるのかについて書いていきます。 なぜこの記事を書こうと思ったのかというと、とても興味深いソフトウェアを開発しているにもかかわらず、人々に認知されず閑散としているGitHubリポジトリを多く見てきたからです。 また、私自身の経験として、公開した自作のOSSライブラリがまったく伸びない時期がありました。自分で作ったソフトウェアを世の中に出すのであれば、より多くの人々に認知されてより多くの人に使ってもらいたいですよね。 そうした時期に紆余曲折しながらも様々な方法を試行錯誤し、どうすれば他の開発者に自分が作ったソフ

付随的なデータの取得を待たずに、重要なデータの取得が完了したタイミングでページを表示させたい場合があります。例えばブログの記事のページへ遷移する場合、ユーザーにとって記事のコンテンツは重要なデータですが、それに付随するコメントやいいねの数はそれほど重要ではありません。このような場合にはコメントやいいねの数の取得を待たずに、記事のコンテンツが取得できたタイミングでページ遷移できるとユーザー体験が向上します。 この記事では React Router の loader を使用して重要なデータの完了したタイミングでページを表示する方法を試してみます。 通常通り loader を使用する場合 まずは特別なことを考えずに通常通り loader を使用してデータの取得してみましょう。以下のように <ArticlePage> コンポーネントを作成します。 import { LoaderFunction,

もくもく会で話している中で、「技術書を読んでも頭に入ってこないし、プログラミングスキルが上がらない」という話になり、そのよさげな説明を思いついたので共有します。 具体的な話としては「本を読んでもスキルアップした感じがしない。それで本をよむモチベがわかない。」というものでした。これは僕もとても共感します。バックエンドエンジニアでいくつか有名な本があり(例えばPoEAAやDDD本)、読まないといけないと思い手を出しました。しかし、何を言っているかわからずひたすらに苦痛で、読み切ることができませんでした。結局これらを読み終えることができたのは、業務経験を4年ほど積んだあとでした。 なぜ、本を読んでも苦痛なのか、頭に入ってこないかを、今振り返ってみると、「全体感」と「土地勘」という例えで説明できるのではと思いました。 まず、前提としてあなたが新しい土地に引っ越してきたとします。その地域のことは全然

青い長方形が表示されているだけですが、テクスチャ画像に表示を切り替えたり頂点の数を変えたり(四角を三角にしたり)する場所にコメントを入れてコネコネできるようにしています(リサイズ対応済み...のはず) 埋め込みcodepenの下に連ねている引用元の素晴らしい入門サイトから、バラバラとコードを繋ぎ合わせているため、コードの整合性や効率に言及できていません。「動いた〜〜やった〜〜」程度の実験場です。「ちょっとこのfragmentShaderの挙動試したいな〜」という時にすぐ動かせる場所がほしくて書いています。 webGL入門サイト webglfundamentals wgld.org ICSメディア オススメwebGL学習教材(動画) codemafiaさん shin-codeさん

はじめに 2022年11月10日にGitHub Codespaces が月60時間無料にするとアナウンスがありました。以前，Julia言語をweb上で使ってみたいと思っていたのですが，サーバをするか，有料のサービスしかなかったので，「これはできるのでは？」と思ってチャレンジです。ゴールはiPadからのアクセスです。 GitHub Codespacesでの設定 まずはGitHubのアカウントが必要です。サインインして，Codespacesで利用したいリポジトリのところで，CodeのところからCodespacesを選び作成します。アナウンスがあってすぐ始めようとしたのですが，そのときは「今準備しているから，ちょっと待って。」みたいな表示でした。1日くらいしたら，activeになりました。 ちょっと時間はかかりますが，VScodeが立ち上がります。下記の動画を参考にしました。 左下の歯車マークか

TL;DR レンズのキャッチコピー（通称：レンズポエム）をマルコフ連鎖で自動生成してみます。マルコフ連鎖はヘンテコな文を生成するモデルとしてよく知られています。アーティスティックなポエムを真面目に自動生成するのではなく、変な文を生成して遊んでみる、というのが本稿の趣旨です。 3個ほど手前の単語まで考慮すると、マルコフ連鎖でも意味の通るポエムを生成する確率が上がります。正直なところ、もっと頭の悪い文を生成すると予想していたので、意外ではあります。マルコフ連鎖、結構実用的かもしれない。 3/16に RNN によるポエム生成も追記しました。RNNでもそれなりに自然な感じのポエムが生成できます。 なお、データセットとソースコードは https://github.com/akabe/lens-poem で公開しています。 ※ 昔書いた記事を Zenn に移動したものなので、GPT-3 などの最新手法

はじめに CloudFront + S3 でホスティングしている Web ページで、S3にデプロイした時に CloudFront のキャッシュが効いて変更が反映されない事象がありました。CloudFront のキャッシュは画面上からでも削除できますが、毎回手動で対応する方法だと削除するのを忘れそうな気がするので、デプロイのフローの中でキャッシュの削除までできるようにします。 修正前の GitHub Actions のワークフロー やっていることはかなりシンプルで、ビルドとS3へのデプロイをしているだけです。 name: Deploy on: push env: AWS_ROLE_ARN: arn:aws:iam::${{secrets.AWS_ACCOUNT_ID}}:role/XXX permissions: id-token: write contents: read jobs: bu

高負荷にも耐えられる動的サイトを作成したい 本要件に対してAmazon S3 Selectを利用したサーバーレスアーキテクチャを提案します 今回とあるシステムのAmazon RDSのデータを元にした 一時的な高負荷を想定しておくべきサイトの構築案件がありました 負荷対策としてAmazon API Gatewayにてキャッシュを行うAmazon S3 Select + AWS LambdaのAPIを作成し、 APIと連携するフロントエンドをAmazon CloudFrontから配信するサーバレスサイト構築事例についてお話します

AWS Dev Day 2022 Japan登壇資料です。

動機 外資系のAmazonが展開している電子書籍Kindleでは比較的洋書の取り扱いが多いです。 Kindle Unlimitedに登録されている書籍も多く、Springerなんかも含まれているので活用しない手はありません。 そこでkindle-translatorをつくりました。 https://github.com/1plus1is3/kindle-translator これで一冊50万字あるKindleの洋書を1分で日本語PDFに変換できます。 キーボードの矢印キーでページ送りができるならKindleに限らずあらゆる電子書籍リーダおよびPDFビューワで使え、DeepLが対応している言語であれば英語以外の言語でも翻訳できます(仏→日とか)。 未経験からPythonエンジニアになって3ヶ月(うち1ヶ月は研修)が経ち、色々作れるようになった時点でつくったツールなので、改良すべき点もまだまだ

ジェフ・ヒューストンのブログより。 QUICトランスポート・プロトコル(RFC 9000)は、オリジナルのTCPトランスポート・プロトコルを改良したものに過ぎないという一般的な見解があります[1][2]。私は、この意見に同意し難く、私にとってQUICは、通信のプライバシー、セッション制御の完全性、柔軟性の面で、アプリケーションが利用できるトランスポート機能における重要な変化を象徴しています。QUICは、より多くの形式のアプリケーションの動作に本質的に役立つ、異なる通信モデルを体現しています。そうです。TCPよりも高速です。私の意見では、公衆インターネットは、いずれQUICがTCPに取って代わると思っています。ですから、私にとってQUICは、TCPに少し手を加えただけのものではありません。ここでは、TCPとQUICの両方について説明し、QUICがトランスポート・テーブルに加えた変更について見

ユーザーと物理的に近い位置（エッジ）にコンピューターを分散配置して処理を行う「エッジコンピューティング」が注目されるようになって久しい。しかし、エッジコンピューティングの恩恵を受けられる企業は限られている。多くのコンピューターから成る大規模なネットワークが必要になるためだ。 そうした企業には、自前のクラウドを持つ米Google（グーグル）や米Amazon.com（アマゾン・ドット・コム）などのいわゆる「GAFA」がある。例えばGoogleは、エッジでインターネットのクローリングを効率化していると考えられる。GAFA以外にも、動画配信サービスの米Netflix（ネットフリックス）が独自のCDN（コンテンツ・デリバリー・ネットワーク）を持ち、エッジでCDNをカスタマイズしているという。 企業などにCDNサービスを提供するCDN事業者も、世界規模のコンピューターネットワークを持つ。そこで各CDN

インターネット利用者の関心に合わせて表示するターゲティング（追跡型）広告で新たな手法が登場している。米グーグルや米メタは自社が持つ広告データと企業が持つ購買情報を組み合わせて広告への反応を分析する仕組みを開発した。日本でもサッポロビールやアサヒグループ食品が活用を始めた。プライバシーと広告効果を両立する手法の模索が続く。個人データは使うが、見られる範囲や分析方法は厳しく管理――。こんな特徴の手

こんにちは、THECOO株式会社のpoteboyと申します。普段は現職１人目のWEBフロントエンド開発者としてFaniconというファンコミュニティサービスの開発を行っております。 弊社では私が入社する以前までフロントエンド専任の開発者がおらず、サーバーサイドの開発者やAndroidの開発者がフロントエンドの開発業務を兼務していました。 専任がいなかったのは、Faniconが元々ネイティブベースのアプリで、WEBアプリの開発優先度を下げていたためです。 そのため、フロントエンドの開発環境に関しても万全とは言えず、2022年6月に私が入社し、9月には2人目のフロントエンド開発者となるTomoya氏が入社したタイミングで、2人で協力してFaniconフロントエンドの大改修を行なうこととなりました。 フロントエンド改修業務にはTypeScriptの導入、既存コンポーネントのVue３化、単体テスト

今回のテーマは「リンクギャップ」だ。 「リンクギャップ」とは、「競合相手にはリンクしているが君のサイトにはリンクしていない」リンクがあることを示す用語だ。 SERP（検索結果ページ）の上位に表示されるように競争力を高めるには、リンクギャップを埋める必要がある ―― つまり、競合に負けないようにするべきである。この点をめぐり、SEOやデジタルPRの分野では、その方法や理由について多くの議論が交わされている。 だが、あえてリンクギャップを生み出すことで、競争力のあるSEOに逆の方向から取り組んでみるのはどうだろうか？ この記事では、私が勤務するデジタルPRエージェンシーJBHで利用しているフレームワークを紹介しよう。私たちはこのフレームワークにより、クライアントの競合相手にリンクを張っていないサイトからリンクを獲得するという、超ニッチで関連性の高いデジタルPRキャンペーンを展開している。さらに

Prologue こんにちは、@dz_ こと、岩永かづみです。 GitHub Codespaces がいよいよ一般公開されました！推しの機能がやっと皆さんに利用してもらえるようになり、感無量です😊 これまで、GitHub Codespaces は GitHub Teams または Enterprise Cloud で先行利用が開始されていましたが、使い勝手がわからないと組織ではなかなか導入しにくい部分もあったかと思います。一般公開されたこれからは、その便利さに多くの人が納得し活用が進むことでしょう💡 私がどれくらい GitHub Codespaces を推しているかについては、こちらの記事をご参照ください✨ なお、上記の記事はベータリリース時点のものなので、本記事では一般公開された現時点の違いや注目点についてご紹介していきます！ 所属していないリポジトリでも起動できるようになった！ こ

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 米国家安全保障局（NSA）は米国時間11月10日、ソフトウェアのメモリー安全性強化に向けたガイダンスを公開した。同機関はその中で開発者らに対して、ハッカーらによるリモートコード実行（RCE）をはじめとするさまざまな攻撃からコードを保護するために、C＃やGo、Java、Ruby、Swift、Rustといったメモリー安全性の高い言語に移行するよう推奨している。 これらの言語の中では、Javaが企業向けアプリや「Android」アプリの開発で最も幅広く使用されている一方、Swiftは「iOS」アプリの開発環境に取り込まれている点もあって人気プログラミング言語の上位に入っている。また、RustはシステムプログラミングにおいてCやC＋＋の代替とし

具体的な並列処理に関しては、会社ブログなどで公開するとは思いますが、GitHub Actionsで並列処理を作っていてヒヤッとした話を書いておきます。 TL; DR 1Workflowの合計時間ではなく、1Jobごとの時間でBillable timeを算出 10sec程度で終わるJobを100並列にすると、Workflowの合計時間が20分程度だとしてもBillable timeは100分になる Jobを変に並列化するとすぐに無料枠が消費される Action実行後すぐにBillable timeを見ても0なので、必ず時間をおいて確認する GitHub Actionsの課金について About billing for GitHub Actions に詳細が書いてありますが、大まかにまとめると、以下のような特徴になります。 Public repositoryであれば基本無料（一部例外あり） I

電動自転車のスピード制限は、国によって違う。日本では時速24km/hまでに制限されている。 各国のスピード制限を見てみると。 中国　20km/hヨーロッパ・オーストラリア、ロシア、イスラエル 25km/hインド　30km/hイギリス・カナダ 32km/h米国では、32km/hのクラス3までOK。免許があれば45km/hまでokの州もある。そのため、電動自転車のモーターは、32km/hまで力を出せる性能を持っている。 出荷する国によって、モーターの制限速度を変えて販売している訳だ。そのため、電動自転車チューニングキットを使うと24km/h以上のスピードも出すことが可能となる。 タイムズ紙の報道では、電動自転車チューニングキットを販売している5つのWebサイトを特定。 特に、Amazonに焦点を当てており、151ポンド(約2万4千円)で販売し、5つ星中4.5の評価でリストされていた。 Amaz

ブロガー・著者・研究者。ブログLifehacking.jp管理人。著書に「ライフハック大全」「知的生活の設計」「リストの魔法」（KADOKAWA）など。理学博士。 @mehori イーロン・マスクによる買収で急激に変化しつつある巨大SNS「Twitter」の動きを解説する、堀正岳氏による集中連載の完結編である第3回は、モデレーション問題について。集中連載「揺れるTwitterの動きを理解する」の第1回、第2回はこちら。 連載第1回：イーロン・マスク氏はなぜTwitterの収益化を急ぐのか 連載第2回：なりすまし防止か有名人の証か。Twitterの認証バッジをめぐる経緯と混乱 英語圏ではTwitterを買収したイーロン・マスク氏のことを "Twitter's most important shitposter"「最も重要なクソツイッタラー」と紹介する人がいます。多少品がないとはいえ、この紹介

ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標 (登録番号 第6091713号) です。 ABJマークについて、詳しくはこちらを御覧ください。https://aebs.or.jp/

さまざまなチャレンジを通して得られた知見や、これから取り組んでいくチャレンジを紹介する技術カンファレンス「GREE Tech Conference 2022」。今回は「Beyond Expectations」をテーマに開催されました。ここで登壇したのは、株式会社WFSの伊藤氏と市川氏。『ヘブンバーンズレッド』における演出の最大化手法について発表しました。全2回。後半は、バトルスキルシステム作成事例について。前半はこちら。 『ヘブンバーンズレッド』で多く活用されているUnity Timeline 伊藤栄治氏：続きまして、伊藤から「Unity Timelineで作る！　『ヘブンバーンズレッド』バトルスキルシステム作成事例」について紹介します。よろしくお願いします。 本パートの目次です。初めに、Unity Timelineとは何かをざっくりと紹介し、そこから『ヘブンバーンズレッド』でTimeli

成果を求める組織において、チームの能力を引き出すために必要なのが「ファシリテーション力」です。今回は株式会社SmartMeetingと株式会社SmartHRの主催で、「チームの能力を引き出すファシリテーション」をテーマとしたセミナーの模様をお届けします。 登壇者は『世界で一番やさしい会議の教科書』『世界で一番やさしい会議の教科書　実践編』の著者・榊巻亮氏。 第2回目は、会議を変える8つの基本動作や、一番簡単で効果が出る基本動作の実践例などが語られました。 会議を変える8つの基本動作 榊巻亮氏（以下、榊巻）：一般的な会議の雰囲気は、こんな感じですよね。 これは、市議会議員さんがどこかのホームページに上げていたもので、オープンになっているのでお借りしています。偉い人がしゃべって、みんなはずっと資料を読んで「はあ」と聞く。 僕らがやりたいのはこういう雰囲気なんです。 みんなが顔を上げて、議論を見

「異常震域」とは…何が異常？ 異常震域とは、通常の地震は「震源の近く」であるほど揺れが大きくなるのに、「震源から遠く離れた場所」で揺れが大きくなる現象を言います。 震源は「伊勢湾」なのに「関東」が揺れる。 震源は「日本海」なのに揺れたのは「太平洋側」。 地下数百キロで発生する地震(深発地震)でみられる異常震域。「異常」と言われるとびっくりしてしまいますが、何が「異常」なのか。南海トラフの地震と関係あるのか？たびたび発生している“異常震域”のメカニズムと過去事例、かみ砕いて説明します。 何が「異常」なのか… “異常震域”といわれると何か異変が起きているのでは…と思ってしまいますが、地震現象としてはたびたび発生している(後述)ので異常ではありません。 ではなぜ異常といわれるのか。それは通常は「震源の近く」であるほど揺れが大きくなるのに、「震源から遠く離れた場所」で揺れが大きくなるからです。字の

カミナシのトリ (@toricls) です。みんな大好き Google Apps Script (GAS) の小ネタです。 TL;DR 業務で使っている Google カレンダーの 外部の方がいそうな予定 オフィスとかに出社が必要そうな(≒大好きな家から出なきゃいけなさそうな)予定 あたりに、自動で「色ラベル」を付けてくれるスクリプトを GAS で書きました。 以下のような感じで、いかにも他のと違って目立つよね！という感じに色を自動で付けてくれます。例えば僕のカレンダーだと、緑色のラベルを外部の方がいそうな予定(下のスクショだと「一次面接」)に、オレンジ色のラベルを家の外にでなきゃいけなさそうな予定(下のスクショは単なる飲み会)に設定するようにしています。 便利〜 いかにも便利そうですね。 (余談:「外部の方がいそうな予定」をハイライトしたかった理由はシンプルに遅刻やすっぽかしといった事故

こんにちは、フロントエンドエキスパートチームの @mugi_unoです！ kintone では フロントエンドの刷新プロジェクト（通称フロリア）が進行中です。 blog.cybozu.io kintone の開発では E2E 主体の自動テストを整備していましたが、 フロントエンドの刷新に合わせて、新たにフロントエンド側でのテストコードを積極的に書いています。 テストを書くことに不慣れなメンバーもいるため、日々 Pull Request 上でのレビューやペア・モブ作業を通じて、知見の共有が行われています。今回はフロントエンド刷新のテストを書いてきた中から、筆者が有用だと感じた知見やノウハウを紹介したいと思います。 目次 💡「実はそれ最初からパスしてるかもしれない」 期待する操作で期待する結果になることを厳密に検証する 他のテストケースによって前提条件を担保する 💡「テストコード上のロジッ

青子守歌 @aokomoriuta 計算力学系の水理学な土木工学屋。粒子法（MPS法）のオープンソース実装OpenMPS開発者で、GPGPUとかMPIとかで高速化する人。愛知県一宮市出身。重度のハルキスト＆槇原敬之ファン、中度のボドゲプレイヤー、軽度のシャーロキアン＆竜党。シマリス飼いです。a.k.a. ja.wikipedia sysop aokomoriuta.bitbucket.io 青子守歌 @aokomoriuta 某社が競プロ勢ばかり採用してて、どうやって業務回してるのかと思ってたら、聞いたところによると、顧客の課題を競プロ問題っぽく改変して渡す専門部隊がいて、現場は本当に競プロ解き続けてればいい業務環境が整えられてるらしく、凄まじさを感じた 2022-11-13 12:49:55 青子守歌 @aokomoriuta あ、もちろん弊社じゃないです。うちは逆に、顧客と現場の間に営

ビデオゲームの中には、その作り手特有の個性、つまり「作家性」を強く感じさせる作品があります。 小島秀夫の『メタルギア』シリーズや『デス・ストランディング』はその典型ですし、多くのインディーゲームもそれに当てはまります。2021年10月のNHKの番組「ゲームゲノム」で小島秀夫と『デス・ストランディング』が特集されたように、その作家性とゲーム内容を結びつけて評価を行うことも、現代では一般的です。 この記事では、1980年代、1990年代、そして2000年代以降という3つの時代に分けて、作家性の確立と発展の歴史を整理します。 「作家性」の夜明け〜1980年代 1980年代は、ビデオゲームを遊ぶ機器（パソコンやゲーム機）が身近になり、名が知られたクリエイターが出現するようになった時代です。加えて、グラフィック等のスペックが徐々に向上したことにより、だんだん「作り手の個性」をゲームに反映できるように

市野泰和 @yasu_zq_ichino きのう，生協でコピーカードを買ったときにもらった紙．ちょっとこれは歴史の転換点やん，みたいな気持ちになった．まあでも，たしかに，そりゃそうだよなあ．ちなみに，学生さんに，コピーカード持ってる？と尋ねると，「持ってないです，というか何ですかそれ？」という返事． pic.twitter.com/rrbdW4rRg5 2022-11-12 19:45:35

ハイクラス求人TOPIT記事一覧実践的Djangoプロジェクトの設計―開発・運用が楽になる設定ファイルを書こう！ アンチパターンとベストプラクティス 実践的Djangoプロジェクトの設計―開発・運用が楽になる設定ファイルを書こう！ アンチパターンとベストプラクティス Pythonで広く利用されているWebアプリケーションのフレームワークにDjangoがあります。Djangoで開発を始める際に、プロジェクトの設定ファイルをどのように記述すれば運用が楽になるのか。『Python実践レシピ』の著書もある筒井隆次（ryu22e）さんによる寄稿です。 Djangoは、Python製のWebアプリケーションフレームワークです。もともとニュースサイトを管理する目的で開発が始まり、2005年7月にOSSとしてリリースされました。 Python Software Foundation（PSF）による調査「P

画像生成AI「Stable Diffusion」が2022年8月に一般公開されて以降、高機能なUIや特定の画風に特化したモデルなどが有志によって続々と開発されています。新たに、1枚のイラストを追加学習するだけで、イラストの画風を模倣して高品質かつ多様な構図の画像を生成できる手法「「Advanced Prompt Tuning(APT)」が開発されました。 GitHub - 7eu7d7/DreamArtist-stable-diffusion: stable diffusion webui with advance prompt tuning https://github.com/7eu7d7/DreamArtist-stable-diffusion propose an advanced Prompt Tuning method (APT), can super dramatically

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 カナダのUniversity of Waterlooと米University of Illinois Urbana-Champaignによる研究チームが発表した「Non-cooperative wi-fi localization & its privacy implications」は、上空のドローンからWi-Fiを利用して壁越しに屋内を攻撃する手法を提案した研究報告だ。建物の近くを飛行し、住民のWi-Fiネットワークを利用して、数分のうちに建物内の全てのWi-Fi対応機器を識別して位置を特定することができるという。 「Wi-Peep」と呼ぶ今回のプライバシー攻撃は、家の上空にドローンを

プロの翻訳者によるブラインドテストでも、グーグル、アマゾン、マイクロソフトなどなみいる大手IT企業による競合製品を大きく引き離したことで話題になった機械翻訳ツール「DeepL」。 機械翻訳のブランドとしては最後発ながら、人工知能を活用したニュアンスの訳出や口語の翻訳、そして訳文出力のスピード感でユーザーの心をわし掴みにしている。2020年3月には日本語にも対応、日本人ユーザーも急増中だ。 来日中のヤロスワフ・クテロフスキーCEOに、コミュニケーション戦略研究家である岡本純子氏がインタビューした。前編：機械翻訳DeepL CEOが語る「行間を読むAI」「ニューロネットワークの美」に続き以下、お届けする。 「生きている間に結果が出る」仕事を ──コンピューター・サイエンスがご専門です。計算機のテクノロジーにはずっと情熱を感じてこられましたか？ はい。10歳くらいからプログラミングやコーディング

Design Tokens Generatorはデザイントークンを作成し、まとめてCSS変数にしてくれるWebアプリです。 デザイントークンとは？については以下のAdobe blogをご参照ください。

米Twitterが11月12日（現地時間）に契約社員を予告なしに大量解雇したと、米メディアPlatformerのケイシー・ニュートン氏が連投ツイートで報じた。米CNBCもTwitterの従業員から入手した情報に基づいて同様に報じた。 ニュートン氏によると、契約社員約5500人中、4400人が対象という。約8割に当たる。 これらの報道によると、解雇された契約社員のほとんどは通知を受けておらず、Twitterのメールアカウントが無効になっていることで初めて解雇を知ったという。契約社員の上司にも通知されていなかった。 Twitterで契約社員としてコンテンツモデレーションを担当していたというメリッサ・イングル氏は「土曜日の夜にTwitterからレイオフされた。何の説明もなく、ただすべてのアクセス権を剥奪された。よい週末を！」とツイートした。 ニュートン氏は「コンテンツモデレーションとインフラサー

ブラウザで開いているWebページを画像やスタイルシート、フォントなどを含めて1つのHTMLファイルとして保存してくれる機能拡張「SingleFile」のSafari版がリリースされています。詳細は以下から。 SingleFileシリーズはフランスのGildas Lormeauさんがオープンソースで開発しているブラウザ機能拡張で、現在ブラウザで開いているWebページを画像やスタイルシート、フレーム、フォントなどをまとめて1つのHTMLファイルとして保存してくれる機能がありますが、この機能拡張のSafari版「SingleFile for Safari」がMac App Storeでリリースされています。 SingleFile is a Safari extension that helps you to save an entire webpage including images, sty

Google Lensでテキストをスキャン いきなりですが、グーグルクローム関連の小ネタを３つ紹介。 Google Lensでテキストをスキャン 二窓検索機能 タブ検索 まず一つ目は、 現実世界にある文字・テキストを スマホのGoogle Lensのアプリで読み取り文字起こしして、 PCのGoogle Chromeに飛ばすというライフハック。 パソコンで作業してるときけっこう使えます。 まずはグーグルレンズで文字を読み込み、 場所・範囲を選択。 そして 上記画像の下部に「パソコンにコピー」ってあるのわかりますかね？？ これをタップすれば、Google Chromeにコピーされ、 あとは　PC上でCtrl+V コピペできるようになります。 例として上記画像の、サンタナのアルバム『キャラバンサライ』ライナーノーツから。 肉体は溶けて宇宙に変わる 宇宙は溶けて静寂の音に変わる 音は溶けてまばゆい

世の中にあふれる様々な商品やサービスの名称である商標。ほかと区別する役割を果たしているだけでなく、認知度やイメージが高ければそれだけで売り上げ増をもたらすことも期待できる。企業にとって大事なこの知的財産を第三者の勝手な使用から守る仕組みが、商標権だ。

Designship2022 スポンサーセッション「デザインエンジニアが語る、隣接領域を学ぶということ」 の登壇資料です。

ログラスにおけるコード品質でビジネスに貢献する仕組み・カルチャー / A system and culture that contributes to business through code quality in Loglass

サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3

Reject Conference - Vue Fes Japan Online 2022 での発表資料です。 https://vuejs-meetup.connpass.com/event/259621/ 2022年に新規サービスを開発するときに考える技術選定について発表します。 フロントエンドは TypeScript で開発するのが主流になってきていますが、Vue を採用した場合ほかにはどういった技術を使うのが良さそうでしょうか？ ## スライド内のリンク Frontend Weekly LT（社内勉強会）で「Vite」について LT しました https://devblog.thebase.in/entry/2021/07/29/113335 New Nuxt 3 Feature: Incremental Static Generation | Vue Mastery https:/

GitHubで最も人気の言語はJavaScriptで変わらず、急成長した言語はHashiCorpのHCL。GitHubが年次調査「Octoverse 2022」発表 GitHubは、この1年のGitHubの利用動向などをまとめた年次レポート「Octoverse 2022」を発表しました。 The @GitHub Octoverse 2022 is here and comes packed with information. What are the top programming languages? What countries have the most new developers? What are the Top Open Source projects? Be sure to check it out: https://t.co/s9YyztEcqu pic.twitter.

不朽のデザイン書「ノンデザイナーズ・デザインブック」 今年も2022年のキャンペーンが期間限定で開催です！ なんと応募者全員が、「Figmaで実践する デザイン4つの基本原則」の特典PDFをもらえる太っ腹キャンペーンです。毎回当ブログで紹介しているので、前回以前のPDFを入手している人は欠かせませんね。もちろん、今回が初めてでも大丈夫！ 応募の対象となる人は、「ノンデザイナーズ・デザインブック」の愛読者限定。 さっそく、PDFの入手方法から紹介します。 手順は、3ステップです。 Twitter、Instagram、Facebook、note、個人ブログなどで『ノンデザイナーズ・デザインブック』に関するコメントを投稿。その際ハッシュタグ「#ノンデザイナーズ・デザインブック」を入れてください。 特典申込みフォームに必要事項を入力し、送信。 ※ノンデザイナーズ・デザインブックを購入した方のみ（自

LINEの大規模なインフラを支えるクラウドプラットフォームエンジニアが所属しているチームの役割、仕事内容、ふだんの働き方、現在の課題について取り組みの事例を交えてお話しする「LINE クラウドプラットフォームエンジニア採用説明会」。ここで登壇したのは、Verda Product Managementチームに所属するChung Jin Hong氏。Verda Product Managementの責任分担と業務内容を発表しました。こちらは、英語でのプレゼンテーションを同時通訳した音声の書き起こしとなります。 Verda Product Managementチームのミッション Chung Jin Hong氏：みなさんこんにちは。Jinhong Chungと申します。Verda Product Managementについて、私たちのチームが実際に何をやっているのか、どういう責任と役割があるのかを

浪川氏に聞く“プロダクトマネジャーの学び場”の重要性 音大卒からエンジニアを経てPMコミュニティ主催へ “コミュニケーションのフラットさ”を重視し進んだ浪川舞氏のキャリア これからの時代に必要とされつつも、確立されていない部分の多いプロダクトマネージャー。そんなプロダクトマネジャーだからこそ必要になるのが、プロダクトマネージャー向けのコミュニティやプラットフォームです。今回は「devPM」や「開発PM勉強会」を主催されている浪川氏にインタビュー。まずは浪川氏のキャリアについてうかがいました。 音大卒からマーケター、エンジニアとして活動、そして独立へ ーーまずは浪川さんのご経歴を教えてください。 浪川舞氏（以下、浪川）：驚かれることも多いのですが、私は武蔵野音楽大学を卒業していて、もともとは「ピアノで食べていこう」という気持ちでピアノをしていました。そのため新卒でも音楽教室を運営する楽器店に

DeNAの多様に展開する事業や、それぞれの個性やライフステージに応じたフレキシブルな働き方、それらを受容するDeNAが根底に持つ考え方などを伝えるDeNA TechCon 2022 Autumn。ここでゲーム事業本部の伊藤氏が登壇。プロジェクトのスケジュール遅延に対して、プロジェクトマネージャーができる対策を紹介します。 伊藤氏の自己紹介 伊藤理恵氏（以下、伊藤）：それでは「スケジュール遅延に対して Project Manager ができること」の発表をします。私は伊藤理恵と申します。2011年にDeNAに入社して、ゲーム事業でサーバーサイドのエンジニアをしていました。2017年ごろにプロジェクトマネージャーに転向して以後、新規タイトルや運用タイトルといった複数のゲームタイトルに携わりました。 ゲーム事業ではチームの規模が大きいことも多く、1チームに複数人のPM（プロジェクトマネージャー）

『倒産した時の話をしようか』の著者であり、起業家のレジリエンス・ナラティヴのデザインを研究する関根諒介氏が、「再チャレンジ起業家が立ち上がるためには」というテーマでイベントに登壇。一度倒産を経験した起業家が困難に立ち向かいつつ、ポジティブに新たな挑戦をするためには何が必要か、株式会社taliki CCO原田岳氏との対談を通じて探ります。本記事では、倒産を経験した経営者が再起するための3つのポイントを解説します。 悩みがあっても、メンタルヘルスケアを利用しない経営者たち 関根諒介氏（以下、関根）：経営者が（相談事や本音を）語りづらいのはなぜかというと、弱さを見せられないからメンタルヘルスケアを利用しないという人が意外といます。「心の悩みを意識した経験はありますか？」に対して、6割が経験がありました。そのうち「利用しない」と答えたのが7割。 なんでそんなに使わないのかという話なんですが、自分自

テクノロジー時代のウェルビーイングを考えるマインドフルネスの国際カンファレンス「wisdom 2.0 Japan 2022」が開催されました。本記事では、早稲田大学教授入山章栄氏と華道家の山崎繭加氏、そしてWisdom2.0Japan共同創設者の荻野淳也氏が登壇した「『世界標準の経営理論』とWisdom〜コンパッション、マインドフルネスによる経営実現」のセッションの模様をお届けします。経営学と「マインドフルネス」の関係について入山氏から解説されました。 経営学における「マインドフルネス」の扱われ方 山崎繭加氏（以下、山崎）：入山先生、今日はよろしくお願いします。 入山章栄氏（以下、入山）：よろしくお願いします。 荻野淳也氏（以下、荻野）：お願いいたします。今日は「『世界標準の経営理論』とWisdom」ということで、まさにその2つの言葉を体現されている入山先生でいらっしゃいますが。 入山：い

健康管理システム「Carely（ケアリィ）」を開発・運営する株式会社iCARE主催のカンファレンス「Carely Sustainable Expo」が開催されました。第2回目となる今回は、「働くひとの健康データがサステナブルな組織をつくる」をテーマにさまざまな議論がなされました。本記事では、株式会社ADKホールディングスでウェルビーイング推進グループ長を務める金井慎一郎氏の講演の模様をお届けします。ADKグループの健康経営に向けた取り組みや、社員の健康情報をデータ管理することのメリット、そしてCarelyで蓄積したデータの活用法などさまざまなトピックが語られました。 ADKグループが目指す「健康経営」 金井慎一郎氏（以下、金井）：ご紹介いただきました、ADKホールディングス ピープルマネジメント部の金井と申します。本日はどうぞよろしくお願いいたします。これより「ADKホールディングス 健康

こんにちは。UIデザイナーのマスダです。 ずっと気になっていた『Design Systems』という本を読みました。 この記事は『Design Systems』の読書メモです。出典と記載された部分以外は私個人の解釈が含まれています。 デザインシステムとは？デジタルプロダクトの目的を達成するために守備一貫したルールで編成された、お互いに関連づけられたパターンとその実践方法 出典）『Design Systems』デザイン原則やデザインパターン、その使用方法などが含まれます。明確な定義はなく、達成したい目的などによってデザインシステムに含まれる内容は様々になるみたいです。 『Design Systems』では、デザインシステムの構成として、デザイン原則・機能パターン・認知パターンを紹介しています。 デザインシステム構築のメリットプロダクトの各媒体でブランドを統一できる パターン定義することでユー