横浜市水道局が日本システム規格株式会社(jspkk)のNMRパイプテクターを導入したので，関連する測定結果等に関わる文書全て，という範囲で，情報開示請求を行った結果，開示された文書。開示は2019年7月。 はじめに そもそもなぜ横浜市水道局がNMRパイプテクターに走ったのかというと，水道局のOBが作ったコンサル会社の（株）アクアエンジが代理店になって売り込みをかけたらしい(https://twitter.com/G_rolling/status/1142441632177872899)。横浜市の結果は，効果があったという宣伝に使われているが，全部開示されたものの30番台後半の資料を見ると，目視で錆の状況は変わらず，錆自体の分析をしても設置の上流側と下流側で目立った変化はない（数ヶ月以上設置した後）と読み取れる。設置したすぐ後の結果が良さそうだったので，そのときの結果が宣伝に使われたのだろう
ランサムウェアがシャットダウンされたPCをリモートから Wake-On-Lan(WOL)で強制起動させ暗号化する手口の話→ソースコードでの解説が凄い
📕「マルウエアの教科書」著者 | 吉川孝志 | 増補改訂版🌟発売中 @MalwareBibleJP 【登録不要&無料公開】ランサムウェア攻撃グループ同士の繋がりやリブランドなどをまとめた一覧図（マップ）の最新版(PDF)を公開しました。 ぜひご自由にダウンロードしご活用ください。 前回バージョンの公開が2023年末でしたので、実に半年ぶりの更新になってしまいましたが、マップのサイズを2倍に拡大し、新たに50以上の攻撃グループに関する関連情報を新規追加・更新するなど、様々な改良を加え大幅アップデートしました。 ⚫︎「ランサムウェア/ 攻撃グループの変遷と繋がり − MBSD Ransomware Map Rev.2.20」 ⭐️新規＆変更点： ●全体のレイアウトとサイズを大幅に見直し、情報をより見やすく整理しました。 ●攻撃グループ同士の関連性が一目でわかるようにデザインを視覚的に刷新。
デジタル庁は、現行のマイナンバーカードの後継にあたる「次期個人番号カード」のデザインイメージを公開した。券面から性別の記載を省いたほか、色や柄、レイアウトを調整し「日本の国民カードにふさわしい、誰もが持ちたくなる魅力的なデザイン」を実現するという。導入目標時期は2026年。 デザインは次期カードを議論するタスクフォースが取りまとめた。新カードでは生年月日の記載を和暦から西暦に変更するほか、氏名についてもローマ字を表面に併記できるようにする。また、発行主体を明確化するために「日本国 JAPAN」の記載も検討する。性別については「実務上問題ない」との判断からICチップ内での記載に留める。 このほか、現行カードでは4つ存在する暗証番号を2つに集約。将来的にはスマートフォンの生体認証などを活用することで、暗証番号を不要にする。 新旧カード切り替えに伴う、窓口などでのハードウェア交換は不要と見込まれ
※多くのご指摘を受け、記事の内容はほとんど変えていないのですが、順番を入れ替え話がつながるように加筆修正をし、一部見出しを変更して再構成を行いました。なお、文末に変更への経緯等を記載しています（10月29日 10:40） 10月26日に、こんなツイートが投稿されました。 当店の麦味噌が『味噌』と名乗れなくなりそうです。 当店は創業昭和33年、当時から製法は変えておりません。それが、今年の8月末に保健所などの方々が来られて指導文書が手交されました。 納得出来なかったので、要望書を愛媛県に提出しました。 もしよかったら、拡散していだけると幸いです。 pic.twitter.com/I5wgcaeQdO — 井伊商店 (@uwajima_iimiso) 2022年10月26日 愛媛県の井伊商店さんの麦味噌が「味噌」と名乗るなといきなり言われたというもの。いったいこれはどういう意味なのか、ちょっと
『マンガ ドラゴンクエストへの道』は、エニックスが出版事業に参入してまだ日が浅い1990年2月に出版された。 同時期の「モンスター物語」などと同じB5判で、280ページ以上もある長編だ。 中身はご存じだろうが、堀井雄二と中村光一がエニックスと出会い、ドラクエ1を開発するまでの経緯をマンガにしたもの。 有名な本だ。 現在も本書は一線級の資料として扱われており、ときにはゲーム史の参考文献として使用されていることもある。 本の中にはフィクションともノンフィクションとも書いてないのだが、大部分は事実に沿って構成されているが、もちろん一部は脚色も入っているという見方が一般的である。 そこに罠があったという話を、今回やっていこうと思う。 いろいろあったが、結局入手するしかないという考えに至り、こうなった。 のち91年にガンガンコミックスから再編集版が出ているが、単純にオリジナル版のほうが内容が多いよう
1 はじめに 内閣府が2024年2月に発表した各国の名目GDPでは、日本はドイツに追い抜かれた。かつて日本は米国に次ぐ世界第二位の経済大国だったが、2010年に中国に抜かれ、2024年ドイツに抜かれ、第四位になった。沈没する日本を象徴しているようだ。日本の労働生産性は、ポーランドや東欧・バルト海とほぼ同水準まで落ちている。 GDPは、国のなかで作り出される「付加価値」の合計である。付加価値を作り出すのは企業活動なので、日本企業は約30年間、作り出す付加価値がほとんど変わらなかったが、ドイツ企業が作る付加価値は増え続け、そして今般、その合計が日本を越えた。日本企業は約30年間、成長せず、現状維持を続けたということを意味している。 日本の若者は決して怠けている訳ではない。夜遅くまで残業し、必死で働いている。だが、企業が作り出す付加価値が一向に増えないのは、経営者の責任であり、行政・政治の責任で
概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP
はじめに Markdownって便利ですよね？ README.md、PR や Issue の本文やコメント、Qiita や Zenn はもちろん、Google Docs や Trello や Notion や Jupyter Notebook でも使えるみたいです。もっといろいろな文書を Markdown で書ければいいのになあ、あらゆる文書のソースコードを Markdown にできればいいのになあ。 さあ、Markdown の可能性を広げましょう！ 本記事では「スライド」と「(電子)書籍」をMarkdownで書く方法をご紹介したいと思います。もちろん、VSCodeでMarkdownを効率よく便利に書いていくためのチップスもご紹介していきますよ。 ご参考スライド VS Code Conference Japan 2021 で発表した際の以下スライドもご参照ください。 もちろんこのスライドもV
MozillaがAIでWebサイトを自動制作してくれる「Solo」を公開。基本的な情報を基に、説明文からレイアウト、適切なフリー画像の選択までおまかせ
Mozillaは、基本的な情報を入力するとAIが自動的にWebサイトのデザインを作成し、Webサイトの公開まで可能なサービス「Solo」を公開しました。 Soloは基本的に個人事業主が自分のビジネスのためのWebサイトを構築することを想定してWebサイトを作ってくれます。その理由をMozillaは次のように説明しています。 In 2023, website creation is still hard. While choosing a template is straightforward, sourcing images, writing content, and making a visually appealing site are really time-consuming. Add the requirements for showcasing reviews, schedul
フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン（コース）や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か？ まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ
リソースの読み込みを助けるウェブブラウザ API の世界
ウェブブラウザはネットワークから様々なリソースを集め、それらを処理して組み合わせてウェブページをレンダリングします。リソースが揃わないとレンダリングできないので、この一連の処理のどこかが遅れるとページの表示も遅くなります。レンダリングをすみやかに開始できるようにウェブブラウザはリソースの取得やその処理を最適化するための API を提供しています。本記事ではそれらを網羅的に紹介し、ウェブアプリの性能改善を図る上でどのようなブラウザ機能が使えるのかを知ってもらうことを目的としています。各機能の具体的な適用事例については他の記事に委ねます。 本記事の内容は記事公開時点での情報に基づいており、閲覧時点では既に古くなっている可能性があります。最新の正確な情報は一次情報源を参照してください。また特定のブラウザ実装について言及する場合は、断りがない限り Chrome を想定しています。誤りや補足、質問な
これは5年かけて JavaScript の技術スタックの間をうろつき、無駄な時間を過ごし、迷い、そしてなんとかローンチにこぎつけた体験の記録です。 自己紹介 初めまして。私は小さなモバイルアプリ開発会社を運営しているエンジニアです。 プログラミングを始めたのと同じくらいのときから、趣味で作曲活動をしています。 今日の作曲は DAW と呼ばれる大型のソフトウェアを利用することがスタンダードになっています。しかしたくさんのプラグインをマシンにインストールしなければならないことや、すぐに立ち上がる作曲ソフトが無いことにフラストレーションを覚え、軽量な MIDI シーケンサーアプリを好んで使っていました。 しかしそれらの多くは Windows2000 の時代から存在し、アップデートされず、その上 Windows 10 以降 MIDI の再生はまともにサポートされなくなりました。 その問題を解決する
PCのキーボードは、現在に至るまでのベースとなったIBM PCの頃から大きく変わっていない。いまだにPS/2コネクタを持つマザーボードも存在し、変換コネクタを使うと当時のIBM PCのキーボードを接続して利用できる。 一方で今の時代は、USBやBluetoothといった接続方式を使うキーボードも存在する。あらためてWindowsのキーボードはどうなっているのかを見ていく。今回はユーザーがキーボードを押してから、アプリケーションにそれが通知されるまでを概観する。各所に細かい話はあるのだが、なるべく全体を見るようにしたい。 Windowsのキーボード入力の仕組み。USB/BluetoothでPS/2の大きく2つのハードウェアに分けられ、双方が押されたキーをWindowsスキャンコードで表現して、kbdclass.sysで処理する。この時点では、どのキーも単なるコードでしかないが、その後、レイア
商用利用無料！ 浮世絵専門のイラスト素材、鳥獣戯画・花鳥画・美人画・妖怪・神仏・植物など4,300種類！ -Ukiyoe Stock
浮世絵の素材を使いたいなという時にぴったり、浮世絵専門のイラスト素材を紹介します。 イラストは商用利用無料、クレジット不要、加工OKの太っ腹ライセンス、登録など面倒なことは一切不要でダウンロードできます。 Ukiyoe Stock 「浮世絵をもっと身近に」をコンセプトに、浮世絵をデータ化し、商用無料のフリーイラスト素材として配布しているサイトです。元絵はすべてパブリックドメインで、それをデジタル化し、利用しやすいように着色やレイアウト補正されています。 商用利用無料 クレジット不要 加工OK 素材のフォーマットは.png ※有料版として.epsや.aiがあります。 ライセンスは、「ダウンロードしたデータをそのまま配布・販売しなければ大体なにしてもいいよ」とのこと。詳しくはご利用規約をご覧ください。
書庫に移動式書架のある家を建てたら、35000冊の本が劇的に探しやすくなった【趣味と家】 - MY HOME STORY │スーモカウンター注文住宅
神奈川県藤沢市に書庫付きの注文住宅を建てたsuzukoさん。書庫内にはなんと「移動式書架」を導入しました。 個人宅には珍しい移動式書架ですが、そのおかげで35000冊にのぼるコレクションを、本棚より効率よく収納できるようになったそう。さらにはデータベース化することで蔵書を探しやすくなったといいます。 音楽やマンガなど、圧倒的な熱量を注ぐ「好きなもの」をおもちの方に、こだわりの住まいをご紹介いただく「趣味と家」第16回です。 こんにちは、suzukoと申します。 私は物心ついたころから漫画が好きで、王道の少年漫画・少女漫画から始まり、社会人になってからは給与という燃料を得て、さらにいろいろなジャンルの漫画を楽しんできました。 漫画を読む趣味の延長線上で出合ったのが「同人誌」。最近はコミックマーケット（コミケ）という名前も広く知られるようになりましたが、こうした即売会にも通うようになり、好きな
紙幣ダサいについて
ブコメを見ていて驚いたのが、「ダサい」という表現を使っている人があまりにも多いことだった。 言語化能力が高いと思われる人たちが多いと思っていたが、「ダサい」の一言で断じておしまい。 ポジティブな感想ならともかく、その雑な処理は「キモい」で済ませるまとめ主と大差ないだろう。むしろ俺はどちらかと言えば感情に素直でより個人的な「キモい」の表現の方が好感が持てる。「ダサい」はより俯瞰して客観的な視点を気取っている分、タチが悪い点だけブクマカらしいかもしれない。 せめてどうダサく、それがどう致命的なのか、ダサさがもたらす弊害には触れるのが最低限の礼儀だろう。 「100字で書くには狭すぎる」とか言いそうだが、それなら無言でブクマすればいい。プロの仕事に「〜それはともかくダサい」などとインスタントな暴言で溜飲を下げる、非対称性がこそが猛烈にダサいことに気が付くことはないのだろう。 「ダサい」とは何だろう
気がつけばブランドやメーカーで選ぶ大人になっていた。 世界の複雑さは人間の認知能力を超えているので。 俺が買うべきものは、きっと誰かが知っている。 Amazonで上手く買い物するには 『ドングリFM』#822で、「上手くAmazonで買い物をする方法」についての話があった。 Amazonは便利だが、近年はマーケットプレイスにクソみたいな商品が溢れかえり、慣れない人が値段とレビューを見て買うと失敗してしまう。だから上の番組でも紹介されたサクラチェッカーに需要があるし、Togetterでも定期的にクソ商品を見極めるまとめが作られる*1。 そんな「Amazonが使いにくくなった」という嘆きに対し、「Amazonの外で商品を選び、Amazonの役割は購入のみにすれば良い」という解が番組で提示される。そうすればマーケットプレイスのハズレを引くことは無い。中でもよく知っている分野の商品ならば、「決まっ
CSSでよく使用する単位といえば、px, em, remをはじめ、最近ではvh, vwなどだと思います。特にレスポンシブ対応のレイアウト・コンポーネントを実装する時には、ビューポート相対単位のvh, vwが非常に便利です。 CSSはメディアクエリの登場で進化したように、コンテナクエリの登場でさらに進化しようとしています。新しい単位「コンテナ単位（qh, qw）」は、コンテナのサイズをベースにする相対単位です。 コンテナ単位を使用すると、下記のようにコンテナの幅をベースにした値でfont-sizeを定義したり、同一ページ内で異なる幅のカラム（コンテンツとサイドバー、2カラムと3カラム）に同じコンポーネントやテキストを異なるサイズで配置したり、異なる幅のカラムでスペースの量を変えたりできます。 ビューポート単位では、同一ページだとビューポートの基準値は同じなので、こういうことはできません。 C
恥の多い生涯を送って来ました。 システムを開発していると、本当に多くの恥が生まれます。たとえば、こんな恥です。 テーブルの名前を付けミスったりは日常茶飯事。私が付けた変な名前が、自社の営業どころか他社のユーザーにまで浸透してたりもする。例えば、唐突に商品マスタに出てくる「グルーピングタグ」というカラムとか。（まじで意味不明） いま商品マスタと呼ばれているマスタの物理名が「kiosk_pricings」とか。日本語でおｋ。kiosk_pricings.grouping_tagってなんだよ。 「pricing」テーブルにはpriceカラムがあるが、全てのレコードで0になっていて、システムでは一切使っていないとか。（そのうち消したい） システムで使われている"正解"はkiosk_pricings.priceでした〜。 親子関係を間違えた事もある。チケットと決済の親子関係を入れ替えたりもした。 ま
井上俊之が語る『君たちはどう生きるか』- ロングインタビュー by Matteo Watzky | Oct 20, 2023 | インタビュー | 0 comments Fullfrontal.moeでは、宮崎駿監督の新作『君たちはどう生きるか』について、もっと知りたい、情報を共有したいとずっと考えていました。そのため、映画のスタッフにインタビューするのは当然のことだった。そこで、伝説のアニメーター、井上俊之にインタビューをいただきました。 井上俊之は、日本アニメーションで最も偉大な職人の一人であり、最も作画の歴史に詳しい人物の一人でもある。井上氏は、『アキラ』、『攻殻機動隊』、『千年女優』、『電脳コイル』、『おおかみこどもの雨と雪』など、日本アニメーションの最高傑作のいくつかに参加していましたが、『魔女の宅急便』と『君たちはどう生きるか』の間にに宮崎監督と仕事をしたことはない。 そこで今
HTML/CSSの知識を習得しても、いざWebサイトを構築しようとすると手が止まってしまう。それは知識の体系化ができていないから、と語るのが『HTML/CSSブロックコーディング』の著者である笠井枝理依さんです。笠井さんは本書で、そうした悩みを解決する手法としてサイトの要素をブロック単位で分解してコーディングしていくブロックコーディングを解説しています。今回は本書からWebサイトをブロックに分解する方法を紹介します。 本書は『HTML/CSSブロックコーディング デザインをすらすら再現できる』の「Ch01 モックアップをブロック分解」を抜粋したものです。掲載にあたって編集しています。 モックアップとは モックアップとは皆さんが考えるところの「デザイン」であり､日本では「デザインカンプ」と呼ばれることもよくあります。Webページがどのように表示されるのか､実際にブラウザで表示される場合と遜色
「かっこいいウェブサイト」とはどのようなものでしょう？ ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう？」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう？」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか！」と身近に感じられるようにな
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
【SEO対策】Googleの200の上位表示アルゴリズムを一挙公開！！ - Evergreen Blog ～弱者のためのファン創造コンテンツマーケティング～
GoogleのSEO対策をする上で、アルゴリズムを理解しておくことは非常に重要です。 Googleのアルゴリズムについて「キーワード」や「被リンク」など、 代表的なものを解説したサイトは多数見つかります。 しかし、200近く存在するといわれているGoogleのアルゴリズムについて、 詳細な情報を発信しているサイトはほとんどありません。 もっと具体的な情報がわかれば、SEO対策もしやすくなりますよね ちょっとした差かもしれませんが、細かいSEO対策をするとしないとで、 ライバルサイトと差をつけることができます。 Googleは検索順位を決めるのに機械的に処理しています。 コンテンツの質がまったく同じなら、 アルゴリズムの細かい指標が基準となって、ランキングが決められます。 今の時代、代表的なアルゴリズムは皆対策しているので、 ライバルと差別化するのが難しいです。 ライバルがSEO対策できてい
これを読むと確かなデザイン力が身につく！ 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック
控えめに言って、これはかなりお勧めのデザイン書です！ レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最初は興味があまりなかったのですが、中を見てみたら、間違いに気がつきました。本書は「伝わるビジュアル」づくりを身につけられるデザイン書、ノンデザイナーから中堅デザイナーにお勧めします！ 本書はC96の『PowerPoint Re-Master』を継承しつつ、ゼロから再構成された新刊書。全文がリライトされ、解説も大幅に増強、「誰もがビジュアル-コミュニケーション-デザインができる」世界を目指し、ノンデザイナーが「伝わる」デザインを学べる解説書です。 全ページが非常にかっこよく美しくデザインされているの
映画『攻殻機動隊 SAC_2045 最後の人間』の初日舞台挨拶が新宿ピカデリーにて11月23日に開催され、声優を務めた田中敦子、大塚明夫、山寺宏一、潘めぐみが登壇した。 『攻殻機動隊』シリーズは、1989年に士郎正宗が『ヤングマガジン増刊 海賊版』（講談社）にて原作コミックを発表して以来、押井守監督による『GHOST IN THE SHELL / 攻殻機動隊』をはじめ、さまざまなシリーズが制作されてきた。その最新作となる『攻殻機動隊SAC_2045』は、『攻殻機動隊 S.A.C.』シリーズを手がけた神山健治と、『APPLESEED』シリーズを手がけた荒牧伸志によるダブル監督体制。これまでの『攻殻機動隊』のアニメーションを制作してきたProduction I.Gと、SOLA DIGITAL ARTSの共同制作によるアニメーションシリーズだ。シーズン1は2020年4月より、シーズン2は2022
「デザイナーだけがデザインをする時代は古い」「デザインにセンスはない」と語るのは、Udemyの「UI/UXの改善を進めるための基礎講座」などで人気を誇る、UI/UXデザイナーの濱野将氏。生成AI時代において、デザインをビジネスをつなげるためのポイントや、UI/UXの基礎を解説します。 UI/UXデザイナーが教えるデザインの基本 濱野将氏：それでは、僕からは「ビジネスを実現する『デザイン』の基本」をお話しさせていただきます。よろしくお願いします。 今日のアジェンダはこんな感じです。「デザインの必要性」「デザイナーだけがデザインする時代はもう古い」「UI/UXについて」。今回はAIがテーマなので「AIを使ったプロジェクトの進め方」も少し紹介させていただきたいなと思っております。 簡単に自己紹介をさせてください。株式会社IMAKE代表の濱野と申します。職業はUI/UXデザイナーで、講師もさせてい
『個人開発がやりたくなる本』を自費出版しました #技術書典 - 下町柚子黄昏記 by @yuzutas0
ご挨拶 自称企画屋・コンセプトデザイナーの@yuzutas0です。 執筆者一同をはじめとして、 アンケートに回答してくださった皆様、各所で書籍を紹介してくださった皆様、 その他何らかの形でご協力いただいた皆様、本当にありがとうございました。 さて、発売から間が空きましたが、 裏話をツイートしたところ反響をいただけたので、ブログに制作秘話をまとめます。 個人開発者や技術書典参加者のヒントになれば幸いです。 『個人開発がやりたくなる本』の経緯・裏話をブログにまとめようと思ったけど、細部まで語りだしたらキリがないことに気付いた。1時間枠で登壇できる内容・分量だ……。 pic.twitter.com/Qr9PcHF46c— ゆずたそ (@yuzutas0) May 3, 2019 もくじ ご挨拶 もくじ 1. はじめに 1-1. 免責・謝罪・注意・お願い 1-2. 書籍概要 1-3. この取り組み
HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern HTML email (tables no longer required) by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLメールの実装でもっとも頭を悩ませている問題 今日、HTMLメールをどのように実装すべきか？ 電子メール用のAMPについて 終わりに はじめに MailChimpによるHTMLメール実装のベストプラクティ
2021年秋ごろ、副業のような形で Next.js による新規フロントエンド開発のお手伝いをさせていただくことになりました。プライベートの空き時間でフロントエンドの学習をし、今はひとまず開発できるようになってきた気がするので、これまで学んできたことをご紹介します。 基本の TypeScript, React, Next.js だけでなく、GraphQL の周辺ツールやテストについても学習しました。 これまで 当時、Web 系の受託開発会社にて主に Ruby on Rails でバックエンドの開発をしていました。TypeScript, React は学生の頃から趣味で書いていました。 テストは、Rails での開発なら RSpec や Capybara で書いていましたが、JS ではほぼやったことがありませんでした。GraphQL は全くの未経験でした。 やったこと React チュートリア
ハローワークの求人情報をスクレイピング（Python + Selenium + BeautifulSoup） - ai_makerの日記
この記事は、以下のハローワークインターネットサービスから求人情報を自動で取得する試みを記録したものです: www.hellowork.mhlw.go.jp まずは、ソースコードと実行結果をお見せし、後ほどこの記事を書いた経緯などを話します。 ソースコード：HelloWork_Scraping_ST.py from selenium import webdriver from selenium.webdriver.support.ui import Select import time from bs4 import BeautifulSoup import re # ハローワークインターネットサービスのURL url = "https://www.hellowork.mhlw.go.jp/" # 以下からご自分で使用しているChromeのバージョンに合ったChromeDriverをダウンロ
Flashエミュレーター「Ruffle」はなぜ本家Flashの問題点を解決できるのか - 緑SM64のいろいろメモ
Adobe Flash Playerがセキュリティの問題などから2020年末に終了することが発表され、Flashで作られたゲームなどのコンテンツをなんとか次世代につなげようという試みがいくつか出てきています。 それらの中でも注目を集めているのが、ブラウザ上で動くFlashエミュレータRuffleです。 ruffle.rs Ruffleはユーザーがブラウザの拡張機能やデスクトップアプリとして利用可能なほか、Webサイト管理者側がWebサイト側に設置すればユーザーが特に何もしなくてもFlashコンテンツを再生することが可能です。 つまり、ユーザーかWebサイト管理者側のどちらか一方が導入していれば、Flashコンテンツを再生することができます。 開発は急速に進められており、多くのFlashアニメーションが再生可能なだけでなく、最近では「くまのプーさんのホームランダービー！」「ハム将棋」などの人
テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置（position: absolute;）を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめに ケース1: カードのオーバーレイ ケース2: カードのタグ ケース3: ヒーローセクション ケース4: display: contents; ケース5: カードアイテムの並べ替え ケース6: 中央寄せ ケース7: 画像のアス
今から5年以上前の2016年に登場以来、着実に進化を続けてきたアップルによるSwiftプログラミング環境アプリ「Swift Playgrounds」のメジャーバージョン4が登場した。 今回のバージョンの最大の特長は、iPad上で作成したアプリを「App Storeを通じて全世界に向けて公開するまでの機能」を内蔵したことだ。SwiftUIなど、iOSやiPadOSのアプリを作成するための本物のフレームワークをそのまま利用でき、本物のアプリを作成できる。言うまでもなくアップルの純正アプリで、誰でも無料で利用できる。さっそく使ってみよう。 iMovie、GarageBandに続くアマチュア用高機能アプリ 当初は教育用の色彩の強かったSwift Playgroundsは、iPadだけでプログラミングの学習からアプリの開発、公開まで完結する、ハンディな「アプリ開発環境」となった。アップルの純正アプリ
垂直方向のマージンにはmargin-topを優先的に使う理由
margin-bottomではなくmargin-topを使う派である旨をツイートしたら理由を尋ねられたので、それに対する回答です。大きくは次の3つです。 末尾の要素の存在が任意である場合が多いため Stackレイアウトとの取り合わせやすさのため 隣接セレクターを使った場合分けができるようにするため CSS、基本コンポーネントの上にマージン取る派と、下にマージン取る派がいると思うですけど、自分は今までずっと下で。というのは、その方が直感的だと感じるからなんですけど、見出しの下って結構縮めるよね？それを上マージンでやると結構頭こんがらがらない？って思うんだけどどうなんだろう — Takazudo (@Takazudo) January 12, 2021 上です — 全部入りHTML太郎 (@_yuheiy) January 12, 2021 なぜですか? — u (@uknmr) Januar
ゲーム、食事、睡眠のすべてが完結する「ゲーミングベッド」が発売中。永久にゲームをプレイし続けられる環境が話題に
ゲーム、食事、睡眠のすべてが完結する「ゲーミングベッド」が発売中。永久にゲームをプレイし続けられる環境が話題に ゲーミングデスクやチェアなどの販売を行っているサイト「Bauhutte」が、「予算10万円。ゲーミングデスクの最強レイアウト12選」内で紹介した「ゲーミングベッド」が話題となっている。 以下画像の「応用編ゲーミングベッド」は合計で126300円と、予算を超える値段となってしまっているが、ゲーム、食事、睡眠のすべてがここに完結する。まさに、永久機関と呼べる代物だ。 （画像はBauhutte公式サイトより） 朝起きて、ベッドからデスクに移動する面倒をなくすために組まれた「ゲーミングベッド」であるが、健康面に明らか心配を感じる読者もいるだろう。そんな読者におすすめする「サイクリングゲーミング」と呼ばれるゲーミングデスクも、「Bauhutte」は提案している。 （画像はBauhutte公
無料でEPUBやPDFのほか7万以上の書籍を自由に読めてWindows・Linux・macOSなどで同期できる電子書籍リーダー「Librum」レビュー
オープンソースの電子書籍リーダーソフト「Librum」は、PDFや電子書籍ファイルであるEPUB・MOBIのデータを読み込んで本棚として共有できるほか、7万冊以上の無料書籍を自由にダウンロードして複数端末で読書進度も合わせて共有できます。 librumreader.com/ https://librumreader.com/ Librumの公式ページにアクセスし、「Download」をクリック。今回はWindowsからダウンロードしていますが、Windows、GNU/Linux、macOSに対応しており、iOSとAndroidは後日対応予定とのこと。 ダウンロードした「librum-windows-0.11.0-installer.exe」をダブルクリックして開きます。 インストーラーが開いてライセンスが表示されるので、「I accept the agreement」にチェックを入れて「N
4台のラズパイでk8sクラスタを組んだ
ラックについて 今回買ったラックは、なぜかネジを締めるとWIFIが繋がらなくなる事象が発生した。多分金属製だからと思われる。 面白いことに、手をラックの近くに置くとWIFIがつながる。（繋がらない場合もある） すべてのラズパイがWIFI接続というわけではなくmasterのみなのであんまり影響がないが、本事象は完全に想定外だったのでラック選びは要注意。 ラックの組み立て 説明書あったが、ネジの種類のラベルが貼っていなくて全然分からなかった。 ので、公式が動画を出しているのでこちらを参考に組み立てた。 なぜかネジが足りなかったり余ったりしているが、ガタガタしていないので一旦気にしない。 OSをSSDにインストール OSは「Ubuntu Server 22.04.2 LTS(64bit)」を使う。 歯車のところからWIFIやssh、キーボードレイアウトなど設定をよしなにやる。 Mac側の接続
この記事は松尾公也さんの「HHKBのControlキーはなぜAの左なんだぜ」のフォローアップ記事である、というか、フォローアップしてくれと松尾さんに頼まれて書いたら斜め上に行ってしまった記事である。ちなみに筆者はあまりキーボードに造詣が深くないので、間違った記載などあったらTwitterなどでご指摘いただければ幸いだ。 まず事実確認を さて本題、「Aの左にControlがあるのはなぜなんだぜ？」で松尾さんはIBMの101キーボードとかDECのVT100をその例に挙げているが、実は両方とも間違いである。まずはこのあたりの正誤関係を明らかにしておきたい。 そもそもSunのType-3キーボードでCtrl（Control）がAの横にあるのは、ある意味先祖返りである。Type-2もかなり近い（なにせこの世代はCapsLockがない）が、その前のType-1は後述するVT100にキーボード配置が合わ
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
横浜市水道局から開示された文書一覧(2019/07/21) — Y.Amo(apj) Lab
次期マイナンバーカードのデザイン公開--「マイナカード」の名称廃止も検討
井伊商店さんの麦味噌が味噌と名乗れない問題についてちょっと解説 - 醤油手帖
『ドラゴンクエストへの道』再検証 - 神殿岸2
コラム・寄稿「なぜドイツ人にできることが日本人にできないのか」
フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita
VSCode + Markdownでスライドや書籍も書いちゃおう！ - Qiita
CSSフレームワークBulmaについて - 一休.com Developers Blog
5年かけて作ったウェブアプリを Hacker News に投稿し、最初の1ドルを得た話
Windows 10におけるキーボードの秘密 (1/2)
ブランドやメーカーで買う大人になってしまった - 本しゃぶり
CSSの新しい単位がすごく便利！コンテナベースの相対単位「コンテナ単位（qw, qh）」の基礎知識と使い方
どうやって技術的負債の雪だるまを生み出し、それを返済してきたか - 5年半越しの設計論
井上俊之が語る『君たちはどう生きるか』- ロングインタビュー - fullfrontal.moe
自力でWebサイトを作れるようになるブロックコーディングとは？ HTML/CSSの脱初心者を目指して
トレンドウェブサイトから学べ！ JavaScriptで作る本格スクロール演出 - ICS MEDIA
2021年のウェブ標準とブラウザ | gihyo.jp
田中敦子、『攻殻機動隊』の歩みを振り返る 「いつでも皆さんのそばにいます」
デザインにセンスは必要ない、大切なのは「情報を整理」する力 Udemyの人気講師が教える、UI/UXデザインの基礎
HTMLメールの最近の実装方法を解説、tableは不要になりました
バックエンドエンジニアが Next.js でモダンなフロントエンド開発を始めるにあたり学習したこと
モダンCSSによる絶対配置（position: absolute;）の削減
アップル無料プログラミングアプリ「Swift Playgrounds」教育用から脱皮しiPadだけでアプリ開発から公開まで (1/4)
「Aの左」に位置するキーに文化を見る キーボード配列とコンピュータの歴史
リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA