ダイアログやハンバーガーメニューといったユーザーインタフェース（UI）は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか？ ダイアログを表示中に、裏側のコンテンツがスクロールできてしまった ダイアログを表示中に、Tabキーでキーボード操作を行うと裏側を操作できてしまった ▼裏側がスクロールできてしまう例 ▼裏側がキーボード操作できてしまう例 これらを解決するためには、手軽な正攻法はなく、複雑なJavaScriptの制御が必要になります。本記事では、ダイアログやハンバーガーメニュー等のモーダル系のUIに存在する気付きづらい問題点と、解決方法を紹介します。ダイアログとハンバーガーメニューはそれぞれ役割の異なるUIですが、

動画サービス「ニコニコ動画」などで親しまれてきた「ゆっくり茶番劇」が第三者に文字商標として登録された問題で、ドワンゴが5月23日に緊急記者会見を開いた。会見内の報道陣からの質疑応答に、ドワンゴはどう回答したのか。一問一答形式で紹介する。 質問　他の動画サービスでも、同様に商標登録の効力が発揮されてしまうのではないかとの懸念がある。他のサービスとはどんな話し合い、連携をしていくつもりか。 ドワンゴ　今回の事案は非常にスピード感が重要だと感じている。問題発生してから1週間以内に見解を示し、1週間余りで記者会見をしているが、恐らく他の会社と協議しているとこんなスピード感で対応できなかっただろう。他の動画プラットフォームとは連携できていない。われわれ（ドワンゴ）単独で、ZUNさんなど関係各所、法律事務所などと連携した。動画クリエイター全体の問題なので、われわれは常に門戸は開いている。一緒に検討した

YouTuber「柚葉」さん、「ゆっくり茶番劇」の商標登録を抹消申請　「誹謗中傷で本来の目的を全うすることが困難」 動画サービス「ニコニコ動画」などで親しまれてきた「ゆっくり茶番劇」が第三者に文字商標として登録された問題で、商標権者とみられるYouTuber「柚葉」さんが5月24日、自身の公式Twitterアカウントで、ゆっくり茶番劇の商標登録を抹消する申請を出したと発表した。柚葉さんは申請の理由について「関係者などに対する誹謗中傷および名誉棄損・虚偽・捏造された情報の流布により本来の目的を全うすることが困難となったため」と説明している。ただ、申請をしただけで、商標権の抹消はまだ確定していない。 柚葉さんは5月15日、ゆっくり茶番劇を商標登録した上で、年間10万円の使用料を請求すると自身の公式Twitterアカウントで発表した。だが、その後、動画投稿者らが培ってきた“文化”を独占し、“商標

怒りの人類史 作者:バーバラ H ローゼンウェイン 青土社 Amazon 「人類史」とは書いてあるが、内容は思想史のそれ。主に西洋で「怒り」という情動とはどのようにみなされてどのように扱われてきたか、ということが論じられている。 第一部では怒りを否定する思想の歴史、第二部では怒りを（条件付きで）肯定する思想の歴史が扱われて、第三部では自然科学や心理学などにおける怒りについての研究の変遷が描かれる。 最終章のひとつ手前の12章では、SNSのある現代社会における「怒り」の善し悪しについて論じられるのだが、著者はいちおうは中立っぽい風でありながらも、トランプ主義者や人種差別主義者たちの「怒り」を否定する一方で、フェミニストたちの「怒り」は肯定しているようだ。 ……正直に言うと、この章の書きぶりはなかなかにひどい。「思想史家として中立的でありたい」という意識のせいか、怒りに関して様々な哲学者が行な

ただしさに殺されないために～声なき者への社会論 作者:御田寺圭 大和書房 Amazon いま執筆を進めている「反ポリコレ本」の参考になるかと思って『ただしさに殺されないために〜声なき者への社会論』を読んでいるけれど、案の定、まったく面白くない。 Amazonレビューにもある通り、「身もふたもない現実」や「不都合な真実」、世の中に存在する残酷さや不条理さを指摘するだけであり、その現実や不条理さについて社会はどう向き合うべきか、個人はどうやって対処するべきか、といった前向きな提言や解決策はほぼない*1。 さらに言うと、この本のなかで提示されている「現実」や「真実」は実に恣意的に選択されている。たとえば、昨今では男性に比べて女性だけが解放されたり社会的に尊重されていたりすることを何度も取り上げて、そのことが（弱者である）男性に対してもたらす苦痛や苦悩や理不尽さといったものが繰り返し強調されるが、

davitrice.hatenadiary.jp （６月２３日　２１：４５追記） 最初のタイトルには個人名を入れていましたが、記事のタイトルを「（個人名）が〜から相手にされない理由」にすることはあまりに個人攻撃的に過ぎるという指摘を受けて、同意しましたので、タイトルを修正しました。 （追記終わり） 先日にわたしが投稿した、御田寺圭の著書『ただしさに殺されないために~声なき者への社会論』への書評記事にはブクマやSNSなどで様々な反応があった。全体的には賛否両論という感じ。 みんなの反応を見て、反省すべきと思ったところはふたつ。 まずは、書評のタイトルと実際に論じている内容にズレがあり、ややミスリーディングになってしまったことだ。書評のタイトルを見ると「不都合な現実に対する解決策が書かれていないこと」が問題であると論じているように思われしまうかもしれないが、実際には、「提示される"不都合な現実

ローマ皇帝のメンタルトレーニング 作者:ドナルド・ロバートソン ＣＣＣメディアハウス Amazon 英語圏で定期的に出版されている、ストア哲学をライフハックや自己啓発に活かす方法を説くタイプの本だ*1。 本書の特徴のひとつは、数多くいるストア哲学者のなかでもローマ皇帝のマルクス・アウレリウスを主人公としていること。各章の前半では彼が人生で経験した様々な出来事や問題と当時のローマの世情や政局を描きつつ章のテーマとなる課題を示しながら、章の後半ではその課題に具体的に対処する方法が解説される（前半は歴史読み物風に「〜だ〜である」調、後半は解説書風に「〜です〜ます」調に訳し分けられているところも印象的）。 もうひとつの特徴は、著者が認知心理療法士であるということから類書よりもストア哲学と認知行動療法の共通点が強調されており、具体的なアドバイスも類書に比べて心理療法的で実践的であるというところだ。

Change Of Heart: What Psychology Can Teach Us About Spreading Social Change (English Edition) 作者:Cooney, Nick Amazon ニック・クーニーによる Change of Heart: What Psychology Can Teach Us About Spreading Social Change （『心を変える：社会変革を拡げるために心理学が教えてくれること』）を初めて読んだのは大学院生の頃だが、他にはないオリジナリティを持った本であるために印象が深く、これまでにもこのブログで折に触れて紹介してきた。いま書いている原稿の参考にするため、先日に改めて読み返したから、こちらでも内容を紹介しよう。 著者はこの本の他にも、効果的利他主義に関する本である How To Be Great A

国内最大級のボードゲーム販売店「すごろくや」では、オリジナルゲームの開発や海外製ゲームのローカライズ、小売店への卸、書籍出版、イベントやワークショップの企画運営など、販売以外にも、ボードゲームにまつわるさまざまな事業を手掛けています。 店舗を運営する株式会社すごろくやの創業者であり代表を務める丸田康司さんは、元テレビゲーム開発者。1991年から15年にわたり3つのゲームスタジオに所属し、『MOTHER2 ギーグの逆襲』『風来のシレンシリーズ』『ホームランド』などの開発を手掛けてきました。 そんな丸田さんがJR高円寺駅そばに「すごろくや」を開いたのは2006年のこと。なぜ、人気テレビゲームの開発者だった丸田さんは、ボードゲームの世界に足を踏み入れることになったのでしょうか？ 丸田康司さん。すごろくや2店舗の経営に加え、執筆や講演などにも積極的に携わっている 近代ボードゲームに衝撃を受けた、テ

画像出典: https://www.ipa.go.jp/files/000017316.pdf こんにちは。株式会社Flatt Security セキュリティエンジニアの奥山です。 本稿では、独立行政法人 情報処理推進機構(以下、IPA)が公開している資料「安全なウェブサイトの作り方」を紹介します。 「安全なウェブサイトの作り方」は、無料で公開されているにも関わらず、Webセキュリティを学ぶ上で非常に有用な資料です。これからWeb開発やセキュリティを勉強したいと考えている方はもちろん、まだ読んだことのない開発者の方々にも、ぜひ一度目を通していただけたらと思います。 一方、「安全なウェブサイトの作り方」では、一部にモダンなアプリケーションには最適化されていない情報や対象としていない範囲が存在します。それらについても本記事で一部、触れていきたいと考えていますので、資料を読む際の参考にしていただ

fujipon.hatenablog.com 前回のエントリには、それなりの数の反応をいただきました。ありがとうございます。 b.hatena.ne.jp 叩かれるのは気分が良いものではないので、基本的にブックマークコメントは見ないようにしています。今回は見てしまって、「ああ……」と少し落ち込みはしましたが、こればかりは仕方がない。池に石を投げれば波紋ができるのは摂理ですし、それが嫌なら石を投げなければいい。 こういう話は、誰かの「逆鱗」に触れやすいものであり、だからこそ、多くの人に読まれやすい、という面もありますし。 個人的には、ブログを長く続けるコツというのは「自分と他人に期待しない」ことと、「トライアンドエラーを深刻になりすぎない程度に楽しむ」こと、そして、「ほんの少し収益化しておく」ことだと思っています。 久しぶりに書いたので、僕も少し感覚が鈍っていたし、調子にも乗っていたのだと思

はじめに こんにちは、OSS推進チームのsatです。本記事はサイボウズが5年間取り組んできたOSSへの寄付をする取り組みについて紹介します。具体的には寄付をする理由、どのようなポリシーで寄付額や各プロジェクトへの寄付額の配分をするのかについて共有します。 なぜ寄付をするのか サイボウズでは様々なOSSを利用していることもあり、以前お伝えしたようにオープンソースソフトウェアポリシーというものを定めています。 blog.cybozu.io cybozu-oss-policy.readthedocs.io この文書の中で、次のような記述があります。 本規程の第二の目的は、当社がオープンソースコミュニティにおける良き一員であるために必要な規定を定めることである。 この「良き一員」となるためにOSSに貢献するには様々な方法があります。直接的にはバグ報告、修正、機能追加、ドキュメント追加などによって人

みなさんこんにちは。油そばと同居したいテクニカルコミュニケーションチームの近藤です。油そば先輩に一生ついていきます。 この記事は、頑張って作った機能解説動画が、いかにして多くの製品利用者に見てもらえるようになったか 〜制作編〜の続きです。先に「制作編」を読んでいただくと、「改善編」がより理解しやすく、興味深く読んでもらえること、間違いなしです！ 公開すれば終わり、ではない 制作編では、動画に取り組むようになったきっかけや制作環境、ルールなどをお話ししました。チームを超え、いろんな人を巻き込みつつ、無事Garoonのワークフロー動画を公開することができたわけですが、動画を公開したら終わりというわけにはいきません。動画制作のあるあるな悩みなど、その後も数々の試練が待っていました。 ここでは、作った動画をより多くの人に見てもらうための工夫についてお話ししたいと思います。 サクッと最後まで見れる長

People Experienceチーム*1の酒井（@sakay_y）です。 2022年もエンジニア新人研修を行いましたので、軽い紹介と、講義資料および一部講義動画を公開いたします。 2022年のエンジニア研修について 講義資料公開（2022年版） モバイルアプリ開発 サイボウズのアジャイル・クオリティ MySQL - テストデータが偏るということ モブに早く慣れたい人のためのガイド テクニカルライティングの基本 ソフトウェアテスト セキュリティ ソフトウェアライセンス 社内限定の講義や昨年と同じ講義について 最後に 2022年のエンジニア研修について 研修のコンセプトは例年とほぼ同じです。 誰に 新入社員メンバーに 何と言ってもらう 基礎的な知識/技術/ツールを学べた！ 開発/運用本部のチーム/人を知ることができた！ スケジュールは以下のとおりです。（一部は、予定になります。） 講義期間

full-count.jp イチロー選手、往生際が悪いなあ…… 正直、僕はそう思っていました。 年齢的にも、これからパフォーマンスが劇的に改善していくことはないだろうし、チームには、出番を求めている、イチローよりも若くて結果を残している選手がいる。にもかかわらず、「人寄せパンダ」のように、特別枠で日本での開幕戦にベンチ入りし、9番ライトでスタメン出場するイチロー。 こういうのって、僕がイメージするイチローなら、もっとも嫌いそうな起用法のはず。 案の定、巨人との親善試合でも、アスレチックスとの開幕戦でも、ヒットは1本も出ませんでした。 昨日の交代時のスタンディングオベーションと、チームメイトとの抱擁。もう、これで十分じゃないか。 ……とか言いつつも、僕は、自分とほとんど同じくらいの年齢の、このスーパースターの終わりを「見届けたい」という衝動に駆られて、テレビを観ていたのです。 イチローは、最

2022年2月28日、トヨタ自動車は部品仕入取引先の小島プレス工業のシステム障害を受けて国内の全ライン停止を公表しました。ここでは関連する情報をまとめます。 初めてとみられる国内全工場停止 トヨタが停止対象としたラインは日本国内全14工場、28ラインで国内全工場の停止は初めてとみられる。*1 停止期間は2022年3月1日の1日間(1直・2直とも対象)。トヨタ車を生産するラインのある日野自動車、ダイハツ工業も停止対象の工場が含まれる。さらに北米やアジアなど海外の工場にも影響が波及するかは調査中としている。*2 トヨタ自動車が工場稼働を停止した理由はサプライヤーの小島プレス工業のシステム障害により部品供給が滞ったため。小島プレス工業は車のインテリア・エクステリアに関連する樹脂部品の製造を行っている。*3 3月1日の国内14工場1日間停止による影響は約1万3000台。これは2022年1月の月間生

前回記事において、米国の新興事業者である米Dish Network（以下、Dish）が、米Amazon Web Services（AWS）のパブリッククラウドをフルに活用した5G（第5世代移動通信システム）インフラをつくる動きを紹介した。Dishは新規参入事業者であり、多少リスクがあってもチャレンジングな判断をする理由はわかる。 だがAT&Tは実に約1億8000万契約という顧客を抱える世界有数の通信事業者だ。巨大な顧客基盤を持った通信事業者が、自前のコアネットワーク設備を捨てて、顧客のトラフィックをすべてパブリッククラウド上で処理するという決断をしたのである。 AT&Tは「顧客のニーズを満たす大規模なネットワークサービスの提供に集中しながら、生産性とコスト効率を向上できる」としている。 コスト効率性が高いパブリッククラウドの魅力は、世界有数の通信事業者にとっても抗し難いのか。AT&Tの決断

2022年1月14日、ラックはフリーマーケットで販売されていたハードディスクに過去使われていた社内文書が含まれていたとして関係者へ謝罪しました。ここでは関連する情報をまとめます。 中古ハードディスクに社内情報 メルカリで購入した外付けのハードディスクにラックの社内文書が含まれていたとして、報告者からメールが届いたことが発端。*1 ラックは報告者との接触を希望するも断られたため内容把握の提示を要求。報告者からは一部文書のスクリーンキャプチャされた画像が送られた。提出された画像を元に社内調査が行われ、問題のハードディスクドライブはラックの元社員が私物として自宅PCのバックアップに使っていたものと判明した。 元社員は業務PC入れ替えの際、規則に反しながらDropboxを使って業務PCから自宅PCにデータ転送を行っていたと説明している。なお現在ラックではアクセス制限が行われておりストレージサービス

こんにちは、dotstudioのデザイナー・ちゃちゃまる（@chachmaru）です！ 第一回目では - 動的サイトと静的サイトの違い - Hugoの使い方 - Hugoディレクトリの中身 を説明しました。 本連載の第二回目では、とりあえずトップページに記事を表示させ、ローカル環境でテストしてみるところまで進めていきたいと思います！なお、この記事ではHugoに直接関係のない部分（基本的なHTMLやCSSの記述など）の解説は省いていきますのでご了承ください。 また、僕自身も手探りのため、コードや理解に間違っている部分や改善すべき点など多数あると思います。お気づきの方は、こっそりGithub issueの方で報告していただけたら幸いです。 それでは早速やっていきましょう！ 記事を作成するHugoを使った操作は、基本前回と同じようにターミナル内で行います。アプリケーション > ユーティリティ >

プログラミングアプリ「Springin'」（スプリンギン）などを提供するしくみデザインは6月23日、商用利用OKの無償音楽素材サイト「Springin’ Sound Stock」を公開した。戦闘ゲームの攻撃音や、8bitサウンドの効果音、システム音、乗り物の音など、600点以上をそろえた。 過去のプログラミングコンテスト使用音源など、同社のサウンドデザイナーが手掛けた音源を中心に提供。「つくる楽しさを知り、誰でもクリエイターになってほしいという願い」から公開したという。 誰でも無料で使うことができ、スプリンギンでの利用だけでなく、動画制作やイベントなどの商用利用も可能だ。 関連記事 タップやフリックなどのシステム操作音のフリー素材、電通が公開　商用利用も可能 電通は、タップやフリック、文字入力などの操作を想定したオリジナルのシステム操作音をフリー素材として公開した。「SND」と名付けられた

アワード詳細 DOTOWNの粗ドット素材を使った無駄なゲーム、「ムダゲー」を大募集します！ あなただけの「つくるたのしさ」に振り切っちゃったゲーム、思わず笑っちゃうゲームをお待ちしてます！ 粗ドットにあなた自身の「おもろ！たのし！」という想いを乗せて、「いいな！」をうみだしてください。 さらに、中間審査、最終審査はゲストに前田高志さんをお迎えした公開審査会で実施予定。 「鬼フィードバック」をもらえる貴重なチャンス、たくさんのご応募お待ちしております！ 期間 3月3日（木） 〜 5月8日（日） 景品など 応募者全員 500コイン（※応募条件を満たしていない作品は対象外となります） 賞の種類 最優秀賞 1作品 優秀賞 5作品 特別賞 20作品 副賞 最優秀賞 ムダに豪華なグッズセット、アップロード枠 3枠 優秀賞 上記から本1点 + ナッスリマンシール 、アップロード枠 2枠 特別賞 アップロ

企業や団体のテーマに 合わせて作品を応募 スプリンギンでは、企業や団体とコラボしたコンテストを定期的に開催しています。毎回異なるテーマで作品を広く募集するので、自分がチャレンジしたいコンテストへ気軽に応募することができます。 プロや企業に 見てもらえるチャンス コンテストのなかには、自分の作った作品が企業のプロモーションに採用されることも。スプリンギンユーザー以外のより広い世界の人に自分の作品を見てもらうチャンスです！

これを待ち望んでいた人も多いと思います。 ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！ 幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。 比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。 New syntax for range media queries in Chrome 104 by Rachel Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づいて翻訳しています。 Chrome 104 メディアクエリの範囲指定の新しい構文 メディアクエリの範囲指定で、比較演算子を使用できる Chrome 104 メディアクエリの範囲指定の新しい構文 メディアクエリはレ

Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。 実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。 スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表示したり、スクロール位置に基づくプログレスバーやパララックスも簡単に実装できます。 ScrollBtween ScrollBtween -GitHub ScrollBtweenの特徴 ScrollBtweenのデモ ScrollBtweenの使い方 ScrollBtweenの特徴 ScrollBtweenは、Webページのドキュメント（任意のDOM要素）をスクロール位置に関連してCSSのさまざまなプロパティの値を変化（トゥイーン）させるスクリプトです。ネ

デザインは見た目を整えることだけが仕事ではありません。ユーザーが抱えている課題、ニーズや要望を明らかにし、それらをどのように形にして解決するかが求めれています。 デザインをするために必要なリサーチ手法やデータの統計・分析法、可視化手法、デザインの検証方法などがコンパクトにまとめられた解説書を紹介します。プロジェクトでどのフェーズに取り入れるとよいのかなども分かります。 デザイナーをはじめ、プロジェクトのリーダー、そしてプロジェクトに携わるすべての人におすすめです。 本書は「要点で学ぶ」シリーズの最新刊、プロダクトやサービスを制作する時に必要なリサーチやデザインの手法がコンパクトにまとまっています。最近のトレンドを反映した方法から古典的な方法まで網羅されており、「こんな方法もあったのか！」と新しい発見があると思います。 このシリーズはほかにも、「要点で学ぶ、ロゴの法則150」「要点で学ぶ、色

商用でも無料、かわいくておしゃれなイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。 ほぼすべてがクレジット表記は必要無しなので、使いやすいと思います。 イラストセンター 個人・商用プロジェクトで無料で利用できます。 現在10,000点以上、分かりやすくて使いやすいイラストが揃っています。カテゴリも豊富で、だいたいのものが揃っています。野菜や果物など、同じテイストでたくさんあるのもいいですね。料理もたくさんの種類があります。一度に利用できるイラストの数は20点までとなっており、詳しくは利用規約をご覧ください。

無料 BGM・効果音のフリー音源素材 誰でも 報告不要で 商用利用無料！ 今すぐ使える BGM・効果音 1,000点以上！ 動画制作やイベントに もちろんスプリンギン アプリでも利用可