新卒向け研修資料「テスト文字列に”うんこ”と入れるな」を公開しました 代表の松井です。 弊社インフィニットループでは、近年「新卒ファースト」を合言葉に社内教育に力を入れています。 先日、主に新卒向け（それ以外の参加者も多くいましたが）に、「テスト文字列に”うんこ”と入れるな」という講義を行いましたので、その資料を公開します。 なぜ人は入力欄に「うんこ」と入れてしまうのでしょうか。 それはどういう経路で社外に漏れ、防ぐには何をすべきなのでしょうか。 タイトルはアレですが、内容は至って真面目に書いています。 悲しい事故を防ぐために「仕事中にはふざけないこと」など、新社会人に必要なメッセージを強く込めたつもりですので、ぜひ本資料をあなたの会社での研修にも役立てていただければと思います。 ツイート

原曲よりもイケてるカバー曲を知るのが好きで 俺が原曲よりもイケてるって思ってるカバー曲は １，フェイウォン　- 夢中人（原曲　クランベリーズ - dreams) ２，エルレガーデン - FunnyBunny (原曲 pillows - FunnyBunny ３， I Will Always Love You - Whitney Houston ( 原曲 ドリー・パートン - I Will Always Love You ４，鮎川麻弥 - Ζ・刻をこえて (原曲 Neil Sedaka - Better Days Are Coming って感じだけど、 オススメの曲はあるかね？

GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。 tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応していません。それらに対応し、不整合を修正するのが今回の取り組みです。 TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに TablesNGの取り組み 1. テーブルの行にposition: sticky 2. バック

こんにちは、スマートニュース株式会社の紀平です。 SmartNews のアプリ内では、最近 WebView を使った機能を多数公開しております。そのうちの一つにショッピングチャンネルという機能があるのですが、今日はそのショッピングチャンネルのタイムセール枠で以前発生した、謎のプチフリーズ問題の調査手法をご紹介します。 tl;dr 特定の Android 端末でプチフリーズが発生した 再描画領域を減らすことで現象は改善した Chrome の Tracing 機能を利用し、ブラウザのソースコードまで参照して、ついに根本原因まで突き止めた タイムセールで起こった問題 タイムセールは、SmartNews のショッピングチャンネル内において WebView で提供されている、期間限定のお得な商品をアグリゲーションした機能です。EC サイト各社のご協力の上にご提供しております。内部は HTML5 で開

margin-bottomではなくmargin-topを使う派である旨をツイートしたら理由を尋ねられたので、それに対する回答です。大きくは次の3つです。 末尾の要素の存在が任意である場合が多いため Stackレイアウトとの取り合わせやすさのため 隣接セレクターを使った場合分けができるようにするため CSS、基本コンポーネントの上にマージン取る派と、下にマージン取る派がいると思うですけど、自分は今までずっと下で。というのは、その方が直感的だと感じるからなんですけど、見出しの下って結構縮めるよね？それを上マージンでやると結構頭こんがらがらない？って思うんだけどどうなんだろう — Takazudo (@Takazudo) January 12, 2021 上です — 全部入りHTML太郎 (@_yuheiy) January 12, 2021 なぜですか? — u (@uknmr) Januar

イエソドのコアメンバー。中央が創業者で CEO の竹内秀行氏。 Image credit: Yesod 各種 SaaS のアカウント発行・権限設定を自動化するクラウドプラットフォーム「YESOD（イエソド）」 を開発・提供するイエソドは17日、プレシリーズ A ラウンドで DNX Ventures と ANRI から2億円を調達したと発表した。同社にとって、初めてのベンチャーキャピタルからの調達となる。 イエソドは2018年9月、竹内秀行氏（現在 CEO）らにより創業。竹内氏は東京工業大学大学院在学中に2社を起業、その後、ユーザベース（東証：3966）で SPEEDA、NewsPicks、FORCAS の基礎開発に携わった人物だ。現在は、ユーザベースのグループ各社のチーフテクノロジスト、UB Ventures のテクノロジーパートナーを兼任する。竹内氏は以前、Excel 上でデータ可視化を

大学在学中＆休学中に複数のIT系スタートアップでのインターンやベンチャーキャピタルでのリサーチバイトを経験後、フリーランスとして独立。現在は「TechCrunch Japan」などでスタートアップ企業のプロダクトや資金調達を中心としたインタビュー・執筆活動を行っている。 From DIAMOND SIGNAL スタートアップやDX（デジタルトランスフォーメーション）を進める大企業など、テクノロジーを武器に新たな産業を生み出さんとする「挑戦者」。彼ら・彼女にフォーカスして情報を届ける媒体「DIAMOND SIGNAL」から、オススメの記事を転載します。※DIAMOND SIGNALは2024年1月をもって、ダイヤモンド・オンラインと統合いたしました。すべての記事は本連載からお読みいただけます。 バックナンバー一覧 「各種SaaSを有効活用することで業務のコストは下がっていく反面、導入数が増え

SaaS統制プラットフォームのイエソド、プレシリーズAラウンドで総額2億円の資金調達を実施プロダクト開発/導入の加速に向けて、エンジニア/コンサルタントの採用を強化 「企業の人・組織・情報にまつわる非効率をなくす」をミッションに、散らばった人事・組織情報を統合し、各種SaaSのアカウント発行・権限設定を自動化するSaaS統制プラットフォーム「YESOD (https://yesod.co/)」 を提供する株式会社イエソド（本社：東京都千代田区、代表取締役：竹内 秀行、以下YESOD）は、プレシリーズAラウンドとして、DNX Ventures、ANRIらに対するCE型新株予約権の発行により、総額2億円の資金調達を実施したことをお知らせいたします。 ■本ラウンドの出資者 DNX Ventures ANRI ■資金調達の目的 【背景】 革新的なデジタル技術の発展を背景に、多くの企業にとってDXの

半年くらい前からは新しく作った自分のサイトに書いている。たぶんここはもう更新しないと思います。ありがとうはてなブログ。 CSS in JSライブラリのEmotionにはReact版とFramework agnostic版がある。なのでReact以外のビューライブラリと組み合わせたりバニラJSでも使ったりできるけど、Babelプラグインが実質必須なのでSingle File Componentsみたいなスタイルとは相性が悪い。 <script> import { css } from "emotion"; </script> <h1 class={css({ color: "pink" })}>Hello!</h1> EmotionのBabelプラグインはコードの最適化に加えてCSSのソースマップ生成を行う。Emotionが生成するクラス名はランダムなハッシュ値になって可読性がないので、デバ

デイヴィドソン死後に刊行された最後の論文集。以下の論文が収録されています。 第１部 真理 第 1論文　真理の復権 第 2論文　真理を定義しようとすることの愚かさ 第 3論文　方法と形而上学 第 4論文　意味・真理・証拠 第 5論文　真理の概念を追って 第 6論文　クワインの真理観とはどのようなものか 第２部 言語 第 7論文　墓碑銘のすてきな乱れ 第 8論文　言語の社会的側面 第 9論文　言語を通して見るということ 第10論文　ジェイムズ・ジョイスとハンプティ・ダンプティ 第11論文　第三の男 第12論文　文学的言語の居所を突きとめる 第３部 非法則的一元論 第13論文　思考する原因 第14論文　法則と原因 第４部 歴史的思考 第15論文　プラトンの哲学者 第16論文　ソクラテスの真理概念 第17論文　弁証と対話 第18論文　ガダマーとプラトンの『ピレボス』 第19論文　アリストテレスの行

こんにちは、技術書典のWeb担当 @vvakame です。 そしてこの記事の編集を担当した技術書典代表 @mhidaka です。 一年の大半という長きに渡り、燻っていましたが遂にアーキテクチャを刷新した新しいWeb UIをリリースしました！ 大規模変更となるためOpt-Inでの公開です。一週間くらい様子を見て問題がなさそうであれば移行Stepを進め、Opt-Outに切り替えます。 ここまで大きな変化が技術書典WebのUIに起こったことはありません。不安に感じるかもしれませんが、 ユーザーにとっては変化がないことのほうが改善が行われないリスクだと判断しました。今後もやきもきさせてしまうことがあるかもしれませんが、暖かく見守ってください。 今回は何もかもを作り直しており、さらなる前進のための基盤を整えました。 アーキテクチャの刷新は大変に大きな変更なのでUIの構造自体は旧来のものを維持していま

CSS Custom Properties（CSS Variables、CSS変数）の基礎からメリット・デメリット、Sass/Stylusなどのプリプロセッサ変数との使い分け、NES.cssを題材に実践的な事例を紹介。 https://twitter.com/bc_rikko

先週、小耳に挟んだのだが、リカルド・コッキとユリア・ザゴルイチェンコが引退するらしい。いや、もう引退したのかもしれない。ショウダンス界のスターコンビだ。とびきりのダンスを見せてきた。何度、堪能させてくれたことか。とくにロシア出身のユリアのタンゴやルンバやキレッキレッの創作ダンスが逸品だった。溜息が出た。 ぼくはダンスの業界に詳しくないが、あることが気になって５年に一度という程度だけれど、できるだけトップクラスのダンスを見るようにしてきた。あることというのは、父が「日本もダンスとケーキがうまくなったな」と言ったことである。昭和３７年（１９６３）くらいのことだと憶う。何かの拍子にポツンとそう言ったのだ。 それまで中川三郎の社交ダンス、中野ブラザーズのタップダンス、あるいは日劇ダンシングチームのダンサーなどが代表していたところへ、おそらくは《ウェストサイド・ストーリー》の影響だろうと思うのだが、

DIST.30 「一歩差がつくCSSテクニック」にてライトニングトークをさせていただく機会がありました。この記事はそこでお話しした内容をもとに書き起こしたものです。 私が業務で携わるのはおもに、メディアサイトやコーポレートサイトのようなページ数がたくさんあるサイトの制作です。そのようなサイトでは特に、ページのテンプレートやコンポーネントをいかに堅牢な設計にできるかが重要だと感じます。 連想されるトピックとしては「CSS設計」がありますが、私見としては、CSS設計はセレクタの書き方やコンポーネントの整理の方法について述べたものであって、いかにしてレイアウトを組み立てるかという議論にはあまり踏み込んでいません。 具体的には、どのように宣言を組み合わせるか、どのようにレスポンシブにするかのような曖昧な領域については、実装において必ず意識される部分であるにも関わらず言及される場面は少ないのではない

先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ

新卒 2 年目エンジニアの大津です！最近私と PHP がほぼ同い年だと知り、感慨深い気持ちを抱いています。 今回は私が PHP カンファレンスという、大きなカンファレンスで話すように至ったワケをお話したいと思います！ PHP カンファレンス 2019 に採択されました 私とPHPカンファレンス アウトプットを促す文化 最後に PHP カンファレンス 2019 に採択されました 2019 年 12 月 01 日（日）に PHP カンファレンス 2019 が開催されます！ phpcon.connpass.com phpcon.php.gr.jp 去年の参加人数は 1500 人を超え、 PHP に限らず日本で開催されている技術系カンファレンスでもかなり大きい部類に入ると言えます。 今回 「PHPer のためのテストコード入門」というテーマでプロポーザルを提出（登壇への応募）したところ採択され、登

アップデートの確認フロー npm-check-updatesを利用してアップデートを確認する アップデートの変更点をテンプレートに沿って記載する 終わりに こんにちは！ウィルゲートのフロントエンドエンジニア兼技術広報の小澤（@rikipedia_uw）です。 今回はフロントエンド開発に欠かせないnpm（Node Package Manager）ライブラリのアップデート確認方法をご紹介します。 アップデートの確認フロー 弊社で運用しているnpmライブラリにアップデートがあるかどうかの確認フローは大きく分けると以下の通りです。 npm-check-updatesを利用してアップデートを確認 アップデートの変更点をテンプレートに沿って記載 更新内容を確認しアップデートするかどうか議論 議論してアップデートする場合は対応 週次で実施してアップデートするかどうかを決定します。 npm-check-u