※本記事はアフィリエイトプログラムによる収益を得ています イラストレーターの吉田誠治（@yoshida_seiji）さんがTwitterに投稿した「空気遠近法の原理」がわかりやすいと人気です。背景画を描くときの参考になりそうです。 2つの空気遠近法を紹介します。ひとつめはレイリー散乱。遠くの物ほど青く見える現象です。空気中の微粒子などによって起こる現象で、湿度が低い欧米では遠景が青く見えます。 ふたつめはミー散乱。空気の濃いところほど白く見える現象です。空気中のチリや水蒸気など大きめの粒子によって起こります。湿度が高い日本では遠景が白くかすみます。 2種類の散乱による自然現象を見ていきましょう。レイリー散乱で、夕焼けが赤く見える現象を説明できます。昼は太陽の光が通過する大気の層が薄いので、青い光だけが散乱して青く見えます。一方、朝夕は大気の層が厚いので、散乱しやすい青い光は見る人に到達する
№1,391 洋画セレクション “ ブラック・ブック Black Book ” - 糸屯 ち ゃ ん の エ ン タ メ 通 信
■ 目 次 序章 はじめに 本編 ブラックブック Black Book 終章 糸屯ちゃんのおまけ - Blog Ranking Lists 序章 はじめに おはようございます！ ☕ MCのJǕИИУです 本日のテーマも、怒涛の 洋画セレクション です おはようございます _ _))ﾍﾟｺﾘﾝ アシスタントの真行寺です きょうは、通常の朝のアップです ☕ では、わたくしの方からお送りする 洋画セレクション のご紹介をさせて頂きます ブラックブック Black Book です！ 『ブラックブック』（蘭: Zwartboek、英: Black Book）は、2006年のオランダの戦争サスペンス映画 ポール・バーホーベン監督が母国オランダに戻って製作した作品で、出演はカリス・ファン・ハウテンとセバスチャン・コッホなど 第二次世界大戦時、ナチス占領下のオランダを舞台にしています PG-12指定に
nerman: AllenNLP と Optuna で作る固有表現抽出システム - クックパッド開発者ブログ
事業開発部の @himkt です．好きなニューラルネットは BiLSTM-CRF です． 普段はクックパッドアプリのつくれぽ検索機能の開発チームで自然言語処理をしています． 本稿では，レシピテキストからの料理用語抽出システム nerman について紹介します． nerman の由来は ner (固有表現抽出 = Named Entity Recognition) + man (する太郎) です． クックパッドに投稿されたレシピから料理に関する用語を自動抽出するシステムであり，AllenNLP と Optuna を組み合わせて作られています． （コードについてすべてを説明するのは難しいため，実際のコードを簡略化している箇所があります） 料理用語の自動抽出 料理レシピには様々な料理用語が出現します． 食材や調理器具はもちろん，調理動作や食材の分量なども料理用語とみなせます． 「切る」という調理
10万冊近いマンガのタイトルから巻数を取得する関数、巻数関数を作ったら思ったよりかなり大変だった話 - Qiita
マンガのタイトルから巻数を取得したい 自作サービスでマンガのタイトルから巻数を取りたくなった。マンガのタイトルで、巻数は何処に書いてあるか？例えば集英社の「HUNTER×HUNTER 1」。見ての通り最後に1と書いてある。つまりタイトルの最後に書かれている数字を取得すれば巻数が取れそうだ。ただし、出版社によってルールは若干違い、小学館は「名探偵コナン １」、講談社は「はじめの一歩（１）」、秋田書店は「ドカベン 第1巻」だ。 区切り文字の後の文字列から数字を抜き取ったものが巻数 ただ、巻数は何文字か分からない。それよりもタイトルと巻数の間に、空白や括弧のような区切り文字がある。出版社に合わせて、タイトルと巻数の区切り文字の後の文字列を取得すると、集英社と小学館は「1」、講談社は「１）」、秋田書店は「第1巻」という文字列が取れる。この文字列から正規表現などで数字だけを抜き取るようにすると無事タ
XY問題 - Wikipedia
XY問題とは「質問者が、本当に解決したい課題Xについて直接聞くのではなく、Yという二次的な課題を解決する方法を聞く」ことによって発生するコミュニケーション上の問題を指す語である。これはヘルプデスクや技術サポート、ソフトウェア工学、カスタマーサービスなどの現場でしばしば見られる。 質問者はYによってXを解決することができると考えているが、しかし、Yを解決してもXは解決しないか、またはYは解決方法としては不十分であることが多い。本質的な課題を曖昧にしたり二次的な問題を持ち込んだりすることは、回答者に不要な苦労をさせたり、または不十分な解決方法が示されることにつながる。 XY問題が発生する主な原因は、質問者が自力で問題を解決しようとしたときに、それを誤解して、小さな課題Yさえ解決できれば本当の課題Xは解決できると思い込むことである。XY問題の発生によって、回答者は質問者の抱えている問題を解決でき
はじめに こんにちは。LITALICOに入社して2年が経ちました@nhnmomongaです。この記事はLITALICOアドベントカレンダー2021の16日目の記事です。 私は普段Webアプリケーションのプログラマ（主にサーバサイド）として働いているのですが、前職はセキュリティベンダーで働いていたということもあり、CSIRTの一員としても活動しています。 そういった技術の仕事をしていると親戚から時々かけられる「あんた、パソコン詳しいんでしょ？」という雑なお言葉。この記事は、お正月実家に帰ったら家族や親戚のそんな一言から否応なくご家庭内のインシデントレスポンスに巻き込まれてしまったあなたへ捧げます。 想定読者 いつもは実家にいないが、年数回は家族が住む実家に帰る人。 親戚から「なんかパソコンに詳しい」と思われている人。 実家に帰ると「ルーターのファームウェアくらいはアップデートしておいてやるか
TypeScriptコンパイラの読み方
TypeScriptコンパイラリーディングをする上で、目当てのコードに辿りつくまでの手間を短縮するためのメモ書きです。コードリーディングの一般論や、TypeScriptコンパイラから読み取れる個別事象については極力省略しています。 TypeScriptの主要な処理系 多くのJavaScriptパーサーが拡張としてTypeScriptを読めるようになっています。また抽象構文木のフォーマットに事実上の標準があり、各パーサーはそれに従っています。AST Explorerでこれらのパーサーの出力を調べることができます。特に重要なのが以下の2つの処理系です。 TypeScript TypeScriptの型推論・リント・トランスパイル・モジュールバンドリング等ができる。 Babel TypeScriptのトランスパイルができる。 TypeScriptコンパイラの構成 libに標準ライブラリ (型定義フ
技育祭は「技術者を育てる」ことを目的としたエンジニアを目指す学生のための日本最大のオンラインカンファレンスです。「技育祭2023【春】」に登壇したのは、元2ちゃんねる管理人のひろゆき氏。エンジニアを目指す学生からの質問に答えました。全5回。3回目は、地頭とエンジニアリングの関係性について。前回はこちら。 想像もつかないような頭のおかしな仕様をやる人は天才 司会者：これもよくいただく質問ですが、ひろゆきさんが思う、エンジニアでこの人は天才だなって思う人は、例えばどんな方がいますか？ ひろゆき氏（以下、ひろゆき）：ドワンゴっていう会社で一緒にやっていた時に、僕だったら絶対やらない危ないことをやるけど、確かに合理的には正しいなっていう人がいて。 本来であれば、読み込む時にデータを全部テキストファイルから読み込んで、パースして、ってやるんですけど、それをインクルードファイルとして生成して……要は機
C# Advent Calendar 2021の参加記事となっています。去年は2個エントリーしたあげく、1個すっぽかした（！）という有様だったので、今年は反省してちゃんと書きます。 スクレイピングに関しては10年前にC#でスクレイピング:HTMLパース(Linq to Html)のためのSGMLReader利用法という記事でSGMLReaderを使ったやり方を紹介していたのですが、10年前ですよ、10年前！さすがにもう古臭くて、現在ではもっとずっと効率的に簡単にできるようになってます。 今回メインで使うのはAngleSharpというライブラリです。AngleSharp自体は2015年ぐらいからもう既に定番ライブラリとして、日本でも紹介記事が幾つかあります。が、いまいち踏み込んで書かれているものがない気がするので、今回はもう少しがっつりと紹介していきたいと思っています。それと直近Visual
執行役員 VP of Engineering 兼技術部長の @hsbt です。先週発売したモンスターハンターストーリーズ2をプレイしながら、「ティガレックスじゃなくてナルガ亜種出てよ〜」という感じにオトモンの卵探しに時間を費やしています。 今回は「ペパボさんには〜はありますか?」シリーズの第二弾として「ペパボさんではテックブログの執筆方針などはありますか?」という質問をもらったので、GMOペパボ(以下、ペパボ)でのテックブログの運営方針をこのエントリで紹介したいと思います。(第一弾は GMO ペパボでの Slack の使い方 2021 - ペパボテックブログ です) 運営方針 ペパボテックブログは 2015年11月17日にスタートしました。当時の執行役員CTO、現取締役CTOの @kentaro が書いたテックブログ開設の目論見について引用します。 日々の業務から得られた知見を少し立ち止ま
開こうぜ、感性の毛穴 監督は『四畳半神話大系』や『映像研には手を出すな!』の湯浅政明。 脚本をドラマ『逃げるは恥だが役に立つ』や『アンナチュラル』の野木亜紀子、キャラクター原案を松本大洋、音楽を『あまちゃん』の大友良英、原作は小説『ベルカ、吠えないのか？』や『平家物語』の現代語訳で知られる作家の古川日出男が手掛けるなど豪華な座組になっている。 しかし、豪華な座組によるアニメ映画といえば『バブル』を思い出してしまって逆に良くない。 www.shachikudayo.com そして『犬王』も期待してたほどでは……となってしまった。 製作陣は豪華だけど、故に上がってしまったハードルに対して作品が飛び越えられないって映画あるあるだと思う。 ここからはより詳細な感想を書いていきたい。 www.youtube.com 異形の子として生まれて蔑まれた犬王と、幼い頃に父と自らの視力を失った友魚。二人はバデ
【寄稿】独自言語のコンパイラをLLVM backendを用いて作る「ミニキャン言語を作ってみよう！」講義録 - Flatt Security Blog
はじめに 弊社Flatt Securityでは学生の学びを支援したいという想いから今回少額ではありますが高橋さんの留学を支援させていただき、そのご縁で弊社のYONEUCHI, Takashi (@lmt_swallow) | Twitterもスタッフを務めるセキュリティミニキャンプにおける素晴らしい講義の内容をテックブログに書いていただけることになりました。以下本文になります。 @00_ です。今年の夏のUC Berkeleyへの留学費用をFlatt Securityさんに支援して頂いた経緯で、セキュリティミニキャンプの講義内容についてテックブログで書くことになりました。 2019/09/28-2019/09/29 のセキュリティミニキャンプ山梨で「ミニキャン言語を作ってみよう！」の講座を行いました。この講座では、「ミニキャン言語（MC言語）」という独自言語のコンパイラを、自分がコミッタで
郵便受け通知の仕組みを作ろう！
スイッチサイエンスの入江田です。郵便受けに至急の届け物があって数日後に発見したりする問題を解決すべく、郵便受けに投函されたらスマホに通知する仕組みが欲しくなり作ってみました。 ほしいもの 郵便受けに投函物があることを家族のスマホに一斉通知したい 家族のだれかが取り出したりすることで空になったことも検知したい 既設の郵便受けにポン付けできる形 電池駆動で別途電源の確保が不要とする 電池の交換時期も通知可能にする コンセプト Copyright: https://www.maxpixel.net/photo-2462122 古き良きフラッグ付き郵便受け。フラッグが寝かしておくと、投函するとフラッグが立つ仕掛け。（例外として送りたい郵便物があることを配達員に伝達するために使うという地域もある） 上記の郵便受けをもとに以下の様な構造を考えてみました。 フラップが倒れたら投函物ありで、投函物を回収し
ベッドタウンとして人気を集めている千葉県印西市は、IT業界では大規模なデータンセンター（DC）が集う「DC銀座」として知られている。さらに現在、海外の大手クラウド事業者の需要を見越した「ハイパースケール」向けのDCが続々と新設されている。あまりの需要の多さに、電力会社も電力供給の増強へと動き出した。 千葉ニュータウンを擁する印西市は、自然豊かな環境が残っていることやショッピングセンターなど大型商業施設があることなどを理由に、住みよい街のランキングで上位に名を連ねることも多い。 しかしIT業界では、ベッドタウンとは別の顔を持つことで知られている。大規模なデータセンター（DC）が集積する「DC銀座」だ。米Amazon Web Services（AWS）などのDCがある場所として「INZAI」の地名は世界に知れ渡っている。 しかも最近は、北総鉄道・京成電鉄の千葉ニュータウン中央駅の周辺で、海外の
【AI漫画実験／第２回】画像ＡＩのSDXL＋加筆で、手描きに近い白黒漫画を作れないか実験してみた｜野火 城
これは「今までガチガチに手描きで漫画を描いてきた奴が、ＡＩをフルに作って従来の白黒漫画と同じフォーマットの原稿を作るとどうなるか」という実験の記録・第２弾です。 前回と、今まで製作したAI漫画のまとめ読みkindle（無料）はこちら。 前回は具体的なＡＩ＋クリスタ使用テクニックでしたが、今回は ・AI漫画のAIっぽい違和感の原因考察 ・手描きに近い自然な流れを作るにはどこをどう加筆修正したらいいか が中心の記事になります。 あとオマケで「ネームへの向上心を養うには」「AIに加筆する抵抗感」「AI導入への焦りについて」なども書きました。暇だったらどうぞ。 まずこれが今回描いた実験漫画です。 シリアスにしようと思ったのですが、良い具合にショートのシリアスネタが思いつかなかったのでまたコメディになりました。 今回の実験で試したのは ・AIがつけた影をそのまま生かしてトーン（グレースケール）化する
日本人旅行者の男（３０）が、児童ポルノのビデオや画像を持ち込もうとした疑いでオーストラリアで逮捕された。西部のパース空港に着いた際、スマートフォンの中に計５００本以上のビデオや画像を保存していたという。豪国境警備隊が４日、発表した。 発表によると、男は東京からの便で２日夜に到着。国境警備隊検査官の荷物検査の際に、スマホから２００本以上の児童ポルノのビデオや画像がみつかり、関税法違反（輸出入禁止物品の持ち込み）容疑で逮捕された。その後の捜査で、スマホの別のアプリの中に、さらに３００本以上のビデオが見つかった。 豪州では児童ポルノの輸出入で有罪になると、最長で１０年の禁錮刑、５２万５千豪ドル（約３９００万円）の罰金が科せられる。国境警備隊幹部は「子どもたちを性的虐待から守ることは、国境警備隊の優先事項のひとつ。検査官には外国人旅行者のスマホなどを調べる権限がある」と警告している。（シドニー＝小
はじめに はじめまして、ホットペッパービューティーコスメ（以下HPBC）にてフロントエンドエンジニアとして学生アルバイトをしている柏です。 Webサービスで普遍的にもとめられる指標にパフォーマンスがあります。素早く表示されるWebサービスはユーザー体験が良く、コンバージョンや直帰率などにも関係があると言われています。HPBCでは、チーム一丸となってパフォーマンスの改善に継続的に取り組んでいます。 6週間のアルバイト期間で、HPBCのBFF(Backend for Frontend)の性能改善に取り組ませていただき、結果としてレスポンスタイムを200ミリ秒程度短縮することができました。本記事では、その取り組みをテーマに計測を通してパフォーマンスのボトルネックを発見する方法、そして開発の速度を落とさずそれらを解消することについて、ご紹介します。 目次 HPBCの構成と課題 Cloud Trac
スクレイピングがやりたかったんだけど、サーバの管理がめんどくさくなったので、Googleスプレッドシートの上でスクレイピングを出来るようにした。 やりたいこと 献血で、400mlAB型の血液が不足してます、A型は今大丈夫です、みたいな情報が、献血センターのwebサイトに掲載されるようになった。 たとえば 宮城県赤十字血液センターの今週の献血状況。AB型の人は成分献血にするか、次の機会にしたほうが良いらしい。 これ以外の県も、各県の献血センターに掲載されている こういう情報をオープンにしてくれたのはとてもうれしいことなんだけど、webページに掲載されたって、ぼくらがわざわざ見に行かない限り気が付かない。できればこう、SNSで「今週の献血状況」みたいなことを発表してくれるといいよね。そしたら、「あ、AB型足りない？今週は余裕があるからじゃあぼく行くね」みたいなことが出来ていいと思うのよ。 ない
![[サーバレス] Googleスプレッドシートでスクレイピング - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/887726243bc177ea271bd5e4156739bf5152ac79/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUFDJUUzJTgyJUI5JTVEJTIwR29vZ2xlJUUzJTgyJUI5JUUzJTgzJTk3JUUzJTgzJUFDJUUzJTgzJTgzJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgxJUE3JUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFDJUUzJTgyJUE0JUUzJTgzJTk0JUUzJTgzJUIzJUUzJTgyJUIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jMDMxYmRhZGMzYzgxODQ4YzQ4OWVjOTIzYTk5NjgzNg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtb2d5YSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Y2Y1YTI5ZDlmNGVjNjYwMWRkYjAyNjZiM2UyMTMyMDg%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g6YGL5Za26ICF44Ku44Or44OJ%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D6702fb6f54a8fa3741edd3899a82a324)
PHP の各種キャッシュ機構でメモリが枯渇した場合の挙動を調べてみた｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
PHP の各種キャッシュ機構でメモリが枯渇した場合の挙動を調べてみた こんにちは。やまゆです。 弊社の主軸であるソーシャルゲーム開発においては、マスターデータの存在は欠かせません。 マスターデータとは、例えば下記のようなものがあります。 武器の名称・アイコン画像名・攻撃力・スキルIDガチャでどのカードが何%の確率で排出されるのか敵を倒した時の報酬ゲーム内イベントの開始日時と終了日時 このように、全ユーザーで共有される設定データのことをマスターと呼びます。 これらのデータは膨大で、運営を続けていくとアイテムの追加やイベントの追加により、だんだんサイズが肥大化していきます。また、頻繁にアクセスされることが予測されるため、処理上のボトルネックになる可能性が高いです。 そのため、サーバサイドでマスターデータを処理する際は毎回データベースへアクセスすることはせず、別の場所にキャッシュしておいて、基本
パース、アイレベル、三点透視……絵やイラストの背景って難しい！ 神絵師になりたいのに、この苦痛なだけの作業どうやったら上手く描けるの～！？ というわけで、久米田康治先生や畑健二郎先生などのアシスタントとして神背景を描いてきたMAEDAXさん（アシスタント背景美塾）にアドバイスやコツを聞いてきました。プロってすごい！ ▼スケール感の出し方 「ビルの一階は3ｍくらいなので、160cmの主人公のおおよそ倍の高さ」という感じで、基準となるものから他のものも大きさを決めるとよいでしょう ▼モブの身長 雑踏のモブも遠くに行くにしたがって遠近法で小さくなる。その際、身長が同じであれば、アイレベルに接する部位は同じである。例えば“手前の大きく描いた人物”の乳首がアイレベル上にあるとしたら、“遠くのゴマ粒みたいな人物”も乳首の高さはアイレベル上にあります ▼まず構図を考えよう 遊園地を「遊園地っぽく」見せて
Amazon Elasticsearch ServiceをつかったRDSのスロークエリの集計と監視 - クックパッド開発者ブログ
こんにちは、SREの菅原です。 クックパッドの多くのシステムは AWS 上で稼動しており、そのWebサービスの多くはデータベースにAmazon RDSを使っています。 WebサービスがDBを使う場合、ボトルネックになりやすいDBのパフォーマンスを落とさないためにスロークエリの監視はとても重要です。そこで、Amazon Elasticsearch Serviceを使ったスロークエリの集計・監視システムを構築したので、それについて紹介したいと思います。 ※今のところMySQLエンジンのみを対象としています システム構成 システムの構成は以下のようになります。 また、社内のシステムと完全に同じ訳ではありませんが、同様の構成のSAMプロジェクト（Elasticsearch Serviceに保存するまでの部分）をGitHubで公開しています。 https://github.com/winebarre
この記事は Cloudflare Workers and micro-frontends: made for one another のブログを理解するためのに Qwik の基本的な概念について理解することを目的とした記事です。 上記ブログに関しては、@laiso さんがわかりやすく解説してくれています。 本記事が、これらの記事やブログを読んで Qwik に付いて深堀りしたくなった方のお役に立てれば幸いです。 また、後日私の方でも、上記記事の解説や補足を何かしらの方法でまとめたいと思っています。 2022/10/26 追記 上の宣言通り、スクラップにまとめました。 What is Qwik ? Qwikは builder.io によって作られた、フロントエンドライブラリです。 SSRをデフォルトとし、Cloudflare Workers などでのエッジレンダリングにも対応しています。 js
あるきっかけでキャラクターイラストを10年以上ぶりに描いてみることにした まずはなにも考えず、ササーっとシャーペンを紙に走らせてみる 顔だけなら可愛くかけるやろ？萌えアニメや萌えマンガ見るの好きだし？と格闘するも微塵も可愛くならない 「お前はいったい今まで何を見て萌えと口にしていたんだ？萌えという言葉を二度と使うな！二度とだ！」 紙をクシャクシャぽーいとする ここまでで1時間 iPadで正解となる萌えイラストたちを集める どうせ正解を見ながら描くなら難しいポーズにしたろとパースの効いた3Dポーズも合わせて集める ここまでで1.5時間 顔はそれなり可愛く描けた(自画自賛)が、身体のポーズ(3Dポーズ)を紙に写し描くことが全然出来ない 正解はそこにあるのにどうして・・・ ここまでで2時間 身体を写し描けないならトレスすればいいじゃない！！というわけで3DポーズをiPadでサクサクとトレスする
LIFULLが主要サービスの(ほぼ)全てをKubernetesに移行するまで - LIFULL Creators Blog
技術開発部の相原です。好きな --feature-gates はServiceTopologyです。 この記事はLIFULLアドベントカレンダーの16日目です。 去年のエントリではIstio を本番環境に導入するまでと題して、私のチームが進めているアプリケーション実行基盤刷新プロジェクトでのIstioの導入についてお伝えしました。 移行に至るまでの経緯などはそのエントリをご覧ください。 あれからしばらくが経ち、ようやく主要サービスの(ほぼ)全てをKubernetesに移行することができましたので今回は移行を実現するまでに行った取り組みを紹介したいと思います。 移行にあたってやったこと 健全化 構成の見直し アプリケーションサーバの見直し Containerize SIGTERMへの対応 環境ごとの値を外から与えられるように 可観測性の向上 Prometheus Exporter実装による可
Mirrativ のWebフロントエンドで使っているライブラリを紹介する！ - Mirrativ Tech Blog
こんにちは、フロントエンドエンジニア 兼 バックエンドエンジニアの駒木です。 iOS / Android / バックエンドのライブラリ紹介に引き続き、MirrativのWebフロントエンドで使用しているライブラリをご紹介します！ JSフレームワーク: React with TypeScript / Vue.js 8割以上のアプリケーションはReact + TypeScriptで実装されていますが、数年前に立ち上げた一部のイベントページはVue.js + Vanilla JSで実装されています。 ビルド・バンドルツール: Vite / Parcel / webpack 2021年5月くらいからViteを利用し始め、以後立ち上げたプロジェクトはViteベースとなっています。 Vite 8割、Parcel + webpackが2割といったところでしょうか。 webpack → Parcel →
Kernel/VM探検隊は、カーネルやVM、およびその他なんでもIT技術の話題ジャンルについて誰でも何でも発表してワイワイ盛り上がろうという会です。monochrome氏は、Ruby処理系「monoruby」について発表しました。 高速な実行が可能なRuby処理系「monoruby」 monochrome氏（以下、monochrome）：monochromeといいます。今日は「機械語で書くRuby処理系のその後」ということで、前回の発表のその後を報告いたします。 自己紹介です。monochromeといいます。（スライドを示して）Twitterはこれです。最近、Twitterは治安が悪いので、Mastodonにアカウントを作りました。RustでRubyの処理系を作っています。プログラミング処理系、言語処理系が好きな人の集まりのSlackとか、最近はこの「Zulip」というアプリに移動して、こ
Go言語でstrftime・strptime相当の関数を提供するライブラリを実装しました。 t, _ := timefmt.Parse("2020/07/24 09:07:29", "%Y/%m/%d %H:%M:%S") fmt.Println(t) // 2020-07-24 09:07:29 +0000 UTC str := timefmt.Format(t, "%Y/%m/%d %H:%M:%S") fmt.Println(str) // 2020/07/24 09:07:29 str = timefmt.Format(t, "%a, %d %b %Y %T %z") fmt.Println(str) // Fri, 24 Jul 2020 09:07:29 +0000 なぜ作ったか Go言語の標準ライブラリには日時と文字列を変換する関数がありますが、2006年1月2日の15:04
かなり昔に Elasticsearch ベースの検索システム（Heineken）を作っていた。 Elasticsearch で部内 Wiki 検索高速化 - Speaker Deck 特に更新せず数年動かしていたのだけど、サーバーの置き換えに伴って Kubernetes に置きたいよねという話になり、ついでに Elasticsearch も新しくしたいよね、となった結果、現状のフロントエンドだと最新の Elasticsearch では動かないということがわかった。 nonylene.hatenablog.jp フロントエンドの改修が必要なわけだが、ここでフロントエンドの構成を見ると… FlowType create-react-app PureComponent Bootstrap 3 古すぎる！絶対アップデート難しいし触りたくない技術しかない。 フロントまわりの構成を変えたいとずっと思っ
皆さんこんにちは、とらのあなラボのY.Fです。 先日、弊社エンジニアが開発で関わっているCreatiaで、以下のお知らせが投稿されました。 【新機能のご案内】#クリエイティア にて、『パスワードレスログイン』機能をリリースいたしました。 パスワードの代わりに指紋や顔認証、PINコードを使って、スムーズかつ安全にクリエイティアにログインできるようになりました！ ▶詳細は下記記事をご参照くださいhttps://t.co/FzsVIAl7Sp— クリエイティア［Creatia］@ファンクラブ開設費無料！ (@creatia_cc) 2023年6月8日 弊社のサービスは、とらのあな通販やサークルポータル除いて、ほぼRuby on Railsを利用しています。 speakerdeck.com 今回の記事では、Ruby on Rails + WebAuthnについて、調べたことなどをまとめてみたいと思
Moon Jae-in the 19th President of Republic of Korea（Jeon Han, Ministry of Culture, Sports and Tourism Korean Culture and Information Service） , Illustration by The HEADLINE 国際芸術祭『あいちトリエンナーレ2019』の企画「表現の不自由展・その後」をめぐって、現在も議論が続いている。混乱の発端には、平和の少女像の存在もあった。 一部の政治家は、平和の少女像が展示されることを批判しており、たとえば松井一郎大阪市長は「我々の先祖がけだもの的に取り扱われるような展示物を展示されるのは違う」と述べ、河村たかし名古屋市長は「日本国民の心を踏みにじる行為」として展示の中止を求めた。 こうした言説は今にはじまったことではないが、改めて
BigQueryでSaaSのjsonデータを処理するSQLサンプル集 - 下町柚子黄昏記 by @yuzutas0
この記事の概要 SaaSのデータをBigQueryに統合することで業務改善を促進できる。 しかし、SaaSのデータの中身を見ると、BigQueryの関数では対応しにくい形式になっていることがある。 そこで、本稿では「こういうデータ形式だったらこういうSQLを書く」というサンプル集を掲載する。 目次 この記事の概要 目次 宣伝 実現したいこと SaaSデータの処理方法 SQLサンプル1: 純粋な配列だけのケース SQLサンプル2: 配列内にハッシュマップがあるケース SQLサンプル3: 配列宣言ナシでカンマ区切りのハッシュマップが突如始まるケース SQLサンプル4: 配列とハッシュが入り乱れるケース SQLサンプル5: JSONの中に親子構造があるケース SQLサンプル6: Objectを定義したくなるケース 最強のJSONパースの関数は作れるか jsonデータの処理をどこで行うか 最後に
AWS cronなタスクスケジュールをまとめてビジュアライズできるツールを作った - たまめも(tech)
www.npmjs.com AWSのcron式でcronvできるやつ作った。便利っぽい🥳 pic.twitter.com/Sqid4kAxS5— あらたま (@ar_tama) 2022年6月18日 経緯とか もともとcronvというツールがあって（めちゃくちゃ便利）、これはcrontabをビジュアライズしてくれる君なんですが、バッチサーバをEC2からECS Task Schedulerにお引越しさせるにあたって当然使えなくなり、何時に何が動くんだっけが一覧できてほしいよな〜EventBridgeのコンソールじゃようわからんしな〜ということで作ってみました。 ついでにベース時刻に+9:00なものを食わせることでJSTにも対応しています。心の目で+9時間しなくてよくなりますね。 しくみ aws events list-rules で出てくるjsonをパース cron式をaws-cron-p
※本記事はアフィリエイトプログラムによる収益を得ています RX-78-2ガンダムのコスプレが、「コスプレの概念を超えた」と好評です。クオリティーが高すぎて、もはや大きなガンプラにしか見えない。 今どきのガンプラをそのまま拡大したみたい ブルーディスティニー1号機やシナンジュなど、多くのモビルスーツコスプレに挑戦してきたくろぼうし（@zgokzogok）さんの新作。「MGガンダムVer.3.0」を参考に、配色やマーキングまで再現しています。 現時点での製作期間は約半年で、製作費は約7～8万円とのこと。スチレンボードを主な素材に、カッティングシートを貼って彩色しています。ラストシューティングポーズをとれるよう肩のパーツを分割したり、身長を出すために足首を高下駄状にしたり、細かい工夫も見もの。設定より大きなビームライフルは、アニメ特有の“うそパース”の再現にひと役買っています。 よく見ると足首の
大量のブログ記事を書くことなく、オーガニックトラフィックを増加させる方法 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
オーガニックトラフィックを増加させることは、いつの時代もSEO担当者の命題と言えるでしょう。既存のキーワードの順位を上げるための施策や、まだ上位表示されていないキーワードの発掘などは、定番の手法と言えます。しかし、今回の記事は、Webサイト自体の新しい機能を開発することでオーガニックトラフィックの増加につなげよう、という内容になります。単純に新機能を開発する、という話ではなく、ニーズの発掘や検索エンジンへの伝え方などのポイントもまとめられており、非常に興味深い内容となっています。 インハウスのSEO担当にせよ、SEOコンサルタントにせよ、オーガニックトラフィックを増加させる機会を探すことは、大きな課題と言えよう。しかし、新しいキーワードを調査し、自身のドメインの強さに合致した記事を作成するという従来の方法が、全てのWebサイトで通用するわけではない。 Quoraを例に挙げてみよう。Quor
私たちはウェブ制作会社なので、ブランディングが主テーマの仕事をすることは多くはありません。しかしながら、ウェブサイトにとってブランドやブランディングは避けて通れない、日常的なテーマでもあります。 私たちのメインクライアントである中規模BtoB企業の多くは、製品力・サービス力・営業力・販促力などで事業を拡大させてきています。その一方でブランドが体系的に整理されている企業はどちらかというと少数派です。短期的な成果に繋がりにくく、長期的な投資が必要になるブランディングの優先度を下げることは、成長期を駆け上がっていくところまでの戦略としては正しいといえます。 しかし、事業がある程度の規模まで成長して成熟期に差し掛かり、市場での影響力が高まり、社会との接点が増え、関与者も多様になり、コミュニケーションの総量が増えていくと、明確なブランドの指針がないことによって、様々な問題が発生するようになります。
LinuxカーネルがWebブラウザで動いたらどう考えても面白い んだけど、そこに至るまではなかなか難しい道のりになる。その第一歩として、Linuxカーネルのユーザーランド版であるLKL( https://github.com/lkl/linux )をWebAssemblyにコンパイルして、wasm2cでC言語に変換した上、Visual Studio 2022でコンパイルしてWindows上で実行してみた。 まだWebブラウザでは動いていないが、思ったよりは簡単にWasmに移植できた(個人の感想です) ウケが良ければMUSL libc移植編 → デバイスドライバ活用編 → Webブラウザ上動作編と続ける感じで。。 EDIT: Visual Studioのスクリーンショットを撮りなおし。 memory-control はanonymousなmapしか救えないので、ここ数年スパンではエミュレーシ
GoがApple Siliconにネイティブ対応したのでベンチマークをとってみました | フューチャー技術ブログ
Goアドベントカレンダーその5です。 ARMなMacが出るとWWDCで発表されてから首を長くしてまっていて、発表と同時にMacBook Proを買って、アプリケーションのARMネイティブ対応がされているかいろいろインストールして試してみたりしています。まだ発売されて2週間足らずですが（といっても、みんな開発キットをつかって以前から準備したようですが）、動作しているアプリケーションは多いです。発売後にも、Erlang、Node.jsあたりはmasterブランチにパッチが入りました。Goも、昨日パッチがマージされました。 業務利用が多い言語のうちの一つということで、手元のPCで軽くベンチマークをとってみました。使った機種は3つです。 2020モデルのM1のMacBook Pro 2020モデルの10th Gen Core i5のMacBook Air Ryzen 9 4900HSのASUSのZ
テックタッチアドベントカレンダー 18 日目担当の yokochin です。 今年になって JavaScript の新しいランタイムである Bun をよく目にするようになりました。 Node.js、Deno に続く JavaScript ランタイムの新勢力となるわけですが、それぞれどのように違うのか、それぞれが生まれた背景やコンセプトから理解していこう！というのがこの記事の趣旨です。 Node.js 開発の背景 余談：ブロッキングとSSR Node.js の後悔と Deno の登場 Deno のモジュールシステム そのほかの特徴 Bun の登場 Bun のパフォーマンス そのほかの特徴 JS ランタイムの互換性 Deno の Node.js 互換 Bun の Node.js 互換 終わりに Node.js 開発の背景 Node.js は 2009 年にリリースされ、現在最も広く使われている
こんにちは、遠藤大輔です。フリーのグラフィックデザイナーとして活動しつつ、ニューヨークにあるプラット・インスティテュートという美大でコミュニケーション・デザインを教えています。 この１０年ほど、グラフィックデザインやタイポグラフィのクラスを担当する中で、たくさんの素晴らしい本との出会いがありました。その中でも、これまで何度も学生たちに薦め、繰り返し授業で引用してきたデザインの定番書を５冊ご紹介したいと思います。 デザインの定番書といっても、明日から使える「レイアウトの組み方」や「フォトショップの使い方」などのハウツー本ではありません。デザインの「作り方」も大切ですが、今回は、デザインの「考え方」について書かれた本をお薦めしたいと思います。 これらの本を読むと、デザインの背後にある理論、つまりロジックがわかります。デザインがどういう構造や仕組みで機能しているのか、理解できるようになります。さ
富岳版XbyakがIntelの深層学習ライブラリoneDNNにmergeされる - Cybozu Inside Out | サイボウズエンジニアのブログ
初めに サイボウズ・ラボの光成です。 このたび、Intelの公式深層学習ライブラリoneDNNに、富士通が開発しているスーパーコンピュータ富岳向けのPull Requestがmergeされました。 その開発に関わることになった経緯を紹介します。 目次 概要 Xbyakとは 動機 Intelとの関わり 富士通との関わり 概要 富士通研究所はスーパーコンピュータ富岳で深層学習（ディープラーニング）を高速に処理するためのソフトウェアを開発してます。 そのためにIntelが開発している深層学習ライブラリoneDNNを富岳に移植して改良しています。 このたび、その成果の一部が本家のoneDNNに取り込まれました。 富岳はA64FXというArm v8-Aにベクトル演算機能SVEが追加されたCPUを持ちます。 oneDNNを富岳に移植するには、私が開発しているXbyakのA64FX用Xbyak_aarc
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
美しい背景画のコツ“空気遠近法”とは？ 「なぜ、遠くの山は青いのか」を知って絵に生かす技術が興味深い
正月実家に帰ったらインシデントレスポンスするはめになったおうち情シスのあなたへ - Qiita
「Fラン学生にエンジニアは難しい？」 ひろゆき氏が考える、地頭とエンジニアリングの関係性
neue cc - .NET 6とAngleSharpによるC#でのスクレイピング技法
ペパボテックブログの裏側 - Pepabo Tech Portal
アニメ映画『犬王』感想。想像したより微妙。それでもヒットして欲しい理由 - 社会の独房から
千葉・印西で巨大データセンターの建設ラッシュ、クラウド大手をひき付ける秘密
スマホに児童ポルノ映像や画像容疑 豪、日本人の男逮捕：朝日新聞デジタル
計測・検討・対処のプロセスでWebサービスのパフォーマンスを改善する
[サーバレス] Googleスプレッドシートでスクレイピング - Qiita
マンガの背景を描くのが苦痛だからプロに教えてもらった - イーアイデム「ジモコロ」
Qwikの基本概念である Resumable を理解する
絵が下手な人が久しぶりにキャラクターイラストを完成させるまで
Rustとアセンブリで実装された新たなRuby処理系 JITコンパイルをサポートして速く動く「monoruby」
Go言語で日時と文字列を相互変換するライブラリtimefmtを作りました - プログラムモグモグ
検索システムのフロントを SSR・Remix で作り直した - Unyablog.
RailsプロダクトへのWebAuthn導入に向けての取り組み - 虎の穴開発室ブログ
なぜ平和の少女像を「日本国民の心を踏みにじる行為」と感じる人びとがいるのか？ | The HEADLINE
「お前がガンダムだ」「コスプレの概念を超えた」 まるで“巨大ガンプラ”な手作りコスプレ、作者に話を聞いた
BtoB企業はブランディングとどう向き合うべきか？ | knowledge / baigie
WasmLinux: LinuxカーネルをWebAssemblyにする
JavaScriptランタイム事情 2022冬 - Techtouch Developers Blog
デザインの教科書【デザインの「考え方」を学べる厳選５冊】｜遠藤大輔