デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
国連のアントニオ・グテーレス事務総長（７２）が新型コロナ禍を「戦時中」との見解を表明し、東京五輪の開催中止につながる可能性が出てきた。 フランスメディア「キャピタル」は、２４日に行われた世界保健総会の開会式でグテーレス事務総長が「我々には戦時体制が必要だ」と呼びかけたことを大々的に報道。「我々はウイルスと戦争をしているんだ。戦時体制の論理と緊急性が必要だ」と続けて力説したという。 同メディアがこの発言に注目したのは、東京五輪への風向きが変わる可能性があるからだ。 「多くの専門家によると、新型コロナウイルスはアジアで公式発表よりもはるかに多くの命を奪っている。感染拡大の第４波に直面している日本は東京五輪があと２か月足らずで開幕するが、ワクチン接種の遅さが批判を浴びている。２回接種した人が米国では４０％、フランスでは１５％であるのに対して、日本はわずか２％だ」と日本の危機的状況を強調する。 日
書籍「作ろう！CPU」
各ボードの詳細はこちらをご参照下さい。 この他にも、スイッチとLEDがそれぞれ4個以上搭載されているFPGAボードなら、ほぼ確実に動くと思われます。 いろいろな方への紹介文 本書の主な想定読者は、電気や回路や CPU について何も知らない方です。 しかし回路に詳しい方々からも、「こんな考え方があるのか！」という驚きの声を多数いただいております。 筆者として、本当に嬉しい限りです。 様々なバックグラウンドの方に楽しんでいただくために、以下に10通りの紹介文をひねり出したので、興味のある項目に目を通してもらえると幸いです。 電気や回路を全然知らない方へ プログラマーの方へ 情報学科の学生さんへ 論理回路を教えておられる先生方へ FPGAに挫折した経験のある方へ ハードウェア記述言語に詳しい方へ アナログ回路に詳しい方へ 物理に詳しい方へ 数学に詳しい方へ 人間の欲望を重視する方へ 電気や回路を
文字列を反転させたい｜nona
こんにちは。徒然なるままにTweetを眺めていたら、Tanakaさんがこのようなことを呟いていました。 そういやRustのStringにreverseメソッドないなと思ったけど、まあよく考えたらUTF-8で文字逆転させるとか地獄のような話になるしそもそも長さが変わるケースとかあったりしそうで怖いわな･･･(´･_･`) — Hideyuki Tanaka (@tanakh) May 1, 2021 背景等はよくわからないですが、文字列の反転というのは確かに難しい問題ですし、どう難しいのかというのを、ちょっと真面目に考えて解説してみました。というノートです。 本文での表記についてこれから文字とそのバイト表現の話をしていきます。文字のエンコードの方式で同じ数値でも色々意味が分かれてしまいますので、本文では以下のように表記することにします。 Unicodeコードポイント（以下、単にコードポイント
発端の生徒告発はうそ 風刺画の授業、実は欠席―昨年１０月の仏教諭殺害テロ 2021年03月25日20時31分 殺害されたサミュエル・パティ教諭を追悼するためパリのレピュブリック広場に集まった人々＝２０２０年１０月（ＡＦＰ時事） 【パリ時事】パリ近郊の中学校で昨年１０月、イスラム教の預言者ムハンマドの風刺画を授業の教材にしたサミュエル・パティ教諭＝当時（４７）＝が首を切られて殺害された事件で、発端となった女子生徒の告発が虚偽だったことがフランスの報道で明らかになった。「優しい先生」と評判だった教諭の命を奪うだけでなく、イスラム教徒が多い国々とフランスの対立を招いた虚言に、やりきれない思いが広がっている。 「優しい先生」、学校に衝撃 一部保護者は授業に反発か―パリ近郊テロ ８日付の仏紙パリジャンによれば、女子生徒は問題の授業を欠席していた。しかし、自身の父親に対し、教諭が風刺画を見せる前にイス
初代市長の心臓を発見、言い伝え通り噴水内に ベルギー
ベルギー東部ベルビエの初代市長の心臓が入った小箱が、市内の噴水から見つかった/Musées de Verviers （ＣＮＮ） ベルギー東部ベルビエの当局はこのほど、市内の噴水で改修作業を行っていた際、初代市長の心臓が収められた小箱を発見したと明らかにした。同市では１世紀あまりの間、噴水内に市長の心臓が隠されているとの言い伝えが信じられていた。 当局者によると、ピエール・ダビド初代市長の心臓は８月、小箱に密閉された状態で見つかった。 ダビド氏は１７９８年から１８３９年に死亡するまで市政を担った。ＣＮＮ系列局ＲＴＬの報道によれば、心臓は当初、市庁舎に保管されていたものの、１８８０年代に入って当局者が移転を決定。箱に収めたうえで、市中心部にある噴水の中に隠したという。 箱は未開封だが、ダビド氏の名前が刻まれているのが確認できる。発見後は市内の博物館で、公文書や他の所蔵品とともに展示されている。
東京は主要な金融センターとしての地位を再び確立するために何年も苦しんできたが、東京を取り巻く環境の「初期設定」が変わり、消去法で東京が残っていることが救いになるかもしれない。 かつて金融界の中心地であった東京は先月、ある銀行業センター番付で、アジアのライバルであるソウルや北京、深圳に後れを取り、トップ20から陥落した。東京市場が30年前に絶頂期を迎えていたころ、金融界の地図に辛うじて記されていた深圳は現在９位だ。 外国人トレーダーを呼び込むためのさまざまな試みは、東京都の小池百合子知事らでは解決が難しい現実に直面している。香港やシンガポールに比べて高い税率や、日常生活や行政で用いられる言語が英語ではなく日本語だということ、それに煩雑で迷路のようなお役所仕事は東京に不利に働く。 ただ、東京が魅力的な都市になりつつあることを示す兆しもある。資産家ケン・グリフィン氏のヘッジファンド、シタデルは世
2018年モデルの13インチ MacBook Proには、Thunderbolt 3対応のUSB Type-Cポートが4つ搭載されているだけで、LANケーブルを接続するには有線LANアダプターが別途必要になります。そんな13インチMacBook Proを使っているソフトウェアエンジニアのデニス・シューベルトさんが、これまで使ってきた3つの有線LANアダプター分解した上で見えてきた問題点を解説しています。 USB-C hubs and my slow descent into madness - Dennis Schubert https://overengineer.dev/blog/2021/04/25/usb-c-hub-madness.html ◆1台目：Satechi Multiport Adapter V2 シューベルトさんが最初に購入したのが、アメリカのメーカー・Satechi
はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで たくさん種類があるのは、ご存知ではないでしょうか？ でも、"擬似クラス" 何個言えますか？と聞かれると数個くらいしか思い出せないと言う方は多いのではないでしょうか？ もしかしたら、15個以上言えたら、CSS玄人と言えるかも知れません。 この記事では、たくさん種類があるのは知っているけど、詳しくはわからない "擬似クラス" が、 何種類あるか、どんな擬似クラスがあるかをまとめました。 知らなかった "擬似クラス" の数を数えながら、読んでいただけると嬉しいです。 擬似クラス 擬似クラスとは？ 擬似クラスとは、セレクタのあとにつけることで、 指定した要素の状態に応じて
ルクセンブルク政府主催の展覧会で入賞した作品が、写真を反転してアレンジしたものだったことがわかり、写真家が作品を制作した美術学生を著作権侵害で訴えています。2022年12月の第一審判決は「写真の独創性が不十分だった」として写真家の訴えを退けるものでしたが、2024年5月、著作権侵害を認める判決が第二審で下りました。 RTL Today - Legal blow for Luxembourg painter: Court rules in favour of US photographer in plagiarism lawsuit against Jeff Dieschburg https://today.rtl.lu/news/luxembourg/a/2193723.html Luxembourg Copyright Case Against Jeff Dieschburg - Jin
同じARMだからといってポン付けでは動かんぞ定期 / 他6件のコメント https://t.co/ZW4ffdQP88 “「M1搭載MacでArm版Windows 10は動作可能。すべてマイクロソフト次第」アップル幹部が語る - Engadget 日本版” (23 users) https://t.co/aia65JYL5V— Takumi Sueda (@puhitaku) 2020年11月21日 追記: いろいろあって面白かったので、頂いたコメントの返信を末尾に追記しました 追記2: Engadget 日本版が閉鎖するため、上記記事「M1搭載MacでArm版Windows 10は動作可能。すべてマイクロソフト次第」アップル幹部が語るの魚拓を貼っておきます megalodon.jp 昨今の買収劇に始まり、というかそれ以前から、ARM (Arm) という固有名詞はコンピューターを語る上では
jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能
jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能 複雑なHTMLやCSSを記述しなくとも、簡単にWebページをデザインできるフレームワーク「Bootstrap」の最新版、「Bootstrap 5」正式版がリリースされました。 One more time, we're gonna celebrate—Bootstrap 5 has officially arrived! New accordion and offcanvas components, no more jQuery, no more IE, RTL support, new utilities and utilities API, new examples, new docs, and so much more! https://t.co/yWnJv
【東京五輪】賠償金なしでの開催中止に後押しか 国連事務総長がコロナ禍〝戦時見解〟（東スポWeb） - Yahoo!ニュース
国連のアントニオ・グテーレス事務総長（７２）が新型コロナ禍を「戦時中」との見解を表明し、東京五輪の開催中止につながる可能性が出てきた。 【写真】〝五輪中止〟Ｔシャツが再びバカ売れ！ フランスメディア「キャピタル」は、２４日に行われた世界保健総会の開会式でグテーレス事務総長が「我々には戦時体制が必要だ」と呼びかけたことを大々的に報道。「我々はウイルスと戦争をしているんだ。戦時体制の論理と緊急性が必要だ」と続けて力説したという。 同メディアがこの発言に注目したのは、東京五輪への風向きが変わる可能性があるからだ。 「多くの専門家によると、新型コロナウイルスはアジアで公式発表よりもはるかに多くの命を奪っている。感染拡大の第４波に直面している日本は東京五輪があと２か月足らずで開幕するが、ワクチン接種の遅さが批判を浴びている。２回接種した人が米国では４０％、フランスでは１５％であるのに対して、日本はわ
jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発
jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発 JavaScriptのUIフレームワークであるjQuery UIと、モバイルアプリケーション向けフレームワークであるjQuery Mobileは今後新規機能の開発が行われず、jQuery UIについてはメンテナンスへ移行、jQuery MobileについてはDeprecated（利用を推奨せず）になることがOpenJS Foundationから正式に発表されました。 jQuery UIは2007年に登場、jQuery Mobileは2011年に登場しました。一時期はWebサイトなどで広く使われ、関連書籍なども数多く出版された主要なライブラリ群の開発が正式に終わることになります。 ただしjQuery本体の開発は引き続き積極的に行われていくとのことです。 Follo
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
オランダに中国の「警察署」か 当局が調査
オランダ・ハーグにある中国大使館（2021年3月22日撮影、資料写真）。(c)Bart Maat / ANP / AFP 【10月26日 AFP】オランダ外務省は26日、中国がオランダ国内に法的に認められない「警察署」2か所を設置し、反体制派の取り締まりに利用しているとの報道を受け、調査していると明らかにした。 民放RTLと調査報道サイト「フォロー・ザ・マネー（Follow the Money）」は、首都アムステルダムと第2の都市ロッテルダム（Rotterdam）に外交支援を行うとする中国の「警察署」が2018年に設置されたものの、オランダ当局へは申告されていなかったと報じた。さらに、同国に在住する中国人の証言を基に、中国当局が自国の反体制派を取り締まるためにこうした「警察署」を利用していると伝えている。 今回の報道は、スペインの人権団体「セーフガード・ディフェンダーズ（Safeguard
Raspberry PiでADS-Bを受信してFR24のBusinessアカウントを無料化する - 新スクの淵から
表題の通りですが、なんのこっちゃいという話を補足しながら忘備録がてら書いておきます。 ・Summary 1.なるべく低廉に（重要）ADS-Bを受信してFR24にFeedし、年間約500USドル相当のFR24有料アカウントを無料化する（→けして遠くの飛行機からADS-Bを受信しようというレベルの高い試みではない） 2.すでにセットアップ済みで電源を入れると宅内LANを経由しインターネットに繋がるRaspberry Pi4が自宅に存在しているのでこれを利用する（→なるべく低廉に） 3.セットアップ手順についてはいくつかのサイトをほっつき歩いたのち、なぜか動いた（おい）ものを採用した ・概略 飛行機雲が尾を引くような、空を飛んでいる飛行機を眺めたことはあるでしょうか。ちょうど頭上を通過していく飛行機がどこから来て、どこへ飛んで行くのか、気になりませんか？ そんなアナタにピッタリのサービスがFli
より詳細な内容は公式ブログの記事にまとまっているので、日本語に翻訳して紹介していきます。 Bootstrap5公式Blog記事(日本語訳) Bootstrap5を正式公開しました！3つのアルファ版、3つのベータ版、数か月の開発を経て、最初の安定版としてメジャーバージョンをリリースします。Bootstrapのユーザー及びコントリビューター、メンテナーとすばらしいコミュニティによって実現しました。ここに来るのを手伝ってくれたすべての人に感謝します！ 新しいロゴ 新コンポーネント：Offcanvas 新しいアコーディオン 新しくなったフォーム チェックボックスとラジオボタン フローティングラベル 新しいファイル入力 シンプルになったレイアウト RTL対応 刷新されたユーティリティ 新しいユーティリティAPI 新しいユーティリティ スペーシングユーティリティ 新しいスニペット例 グリッドとレイアウ
こんにちは。カミナシにて業務委託としてフロントエンドを担当している田村(@junkboy0315)です。皆さんはフロントエンドのテスト、どのように取り組んでいますか？フロントのテストはなかなか難しいですよね。 バックエンドのテストには、「入力、出力、永続化されたデータ」の3つを検証するという基本セオリーがあります。しかし、フロントエンドのテストは、その粒度や手法が多様で、とっつきにくいと感じる方も多いのではないでしょうか。 カミナシでもフロントエンドのテストは以前は十分とは言えない状態でしたが、これまで継続的に改善を重ねてきました。今回は、その変遷についてお話ししようと思います。 夜明け前 カミナシのコードベースでは、元々ユニットテストがある程度整備されていました。これらは主に複雑な計算処理を行い結果を返す関数などに対して実施されていました。 しかし、画面全体の機能を網羅する包括的なテスト
ドイツ軍特殊部隊を一部解体へ、隊員多数が極右主義者か
ＫＳＫの一部解体を自ら命じたと明かしたドイツのクランプカレンバウアー国防相/Sean Gallup/Getty Images （ＣＮＮ） ドイツ陸軍の精鋭組織とされる特殊部隊「ＫＳＫ」の一部中隊に極右思想を信奉する隊員が多数いる疑いがあるとして同中隊の解体が決まったことが２日までにわかった。 この問題に通じる消息筋がＣＮＮに明らかにした。解体の公式発表は１日の見通しとなっている。 軍事情報サービス企業「ジェーンズ」によると、ＫＳＫは１９９０年代、米軍の特殊作戦軍などを参考に創設。陸軍の特殊部隊を束ねる統合軍ともなっている。 仏ＡＦＰ通信によると、隊員数は約１４００人で、対テロ作戦や人質事件の解決などが主要任務。 クランプカレンバウアー国防相は先月３０日、地元紙「南ドイツ新聞」にＫＳＫの一部解体は自ら命じたと明かしてもいた。ＡＦＰ通信によると、指揮系統を一部逸脱するような動きが見られたことを
スクロールバーのデザインをCSSでカスタマイズする方法を紹介します。 ページ全体のスクロールバー（ブラウザに表示されるやつ）はデフォルトのままでよいですが、ページ内のスクロールコンテンツなどではUIのデザインと一貫したスクロールバーを実装する必要があるかもしれません。 スクロールバーをカスタマイズする時のCSSの古い構文と新しい構文での違い、スクロールバーのさまざまなデザインの実装方法、アクセシビリティにおける注意点など、徹底解説されています。 Custom Scrollbars In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スクロールバーの構成要素 スクロールバーのデザインをカスタマイズする カスタムスクロールバーのスコープを指定する スクロールバーのデザインをカスタ
Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features. Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features. For a tour of some of the coolest new features, check out the “What’s new in Tailwind CSS v3.0” video on our
はじめまして､デジタルペンテスト部2年目のれーじです｡ 1年目はIoTペネトレ､2年目の現在はスマホアプリ診断を担当しています｡先輩も後輩も化物みたいな人しかいないため､足を引っ張らないように必死です｡ 先日友人から｢フリーwifiとかって危ないって聞くけど実際どうなの？｣と聞かれました｡｢危ないよ！｣と即答したのはいいものの具体的にどう危ないかの説明に困ったため､それを機にwifiハッキングについて少し勉強し､実験した内容をブログにしました｡ はじめてのブログですので色々ご容赦ください｡ これからの内容は絶対に自身の環境以外で試さないでください｡｢不正アクセス禁止法｣に引っかかる可能性があります｡ wifiハッキングって何するの？ 隣の家のwifiを不正利用 実験環境 事前準備 kaliにwifiインタフェースを認識させる｡ 実験内容(手順) wifiインタフェースをMonitor mo
Kernel/VM探検隊はカーネルや仮想マシンなどを代表とした、低レイヤーな話題でワイワイ盛り上がるマニアックな勉強会です。msyksphinz氏は、自作エミュレータで得た学びについて発表しました。全2回。前半は、自作エミュレータの実装とその結果について。 実機が存在しなくてもエミュレータを使えば動きの中身が見える msyksphinz氏（以下、msyksphinz）：「Rustで作るフルスクラッチQEMU型エミュレータ」と題して、発表をします。 簡単に自己紹介をさせてください。Twitterだとこういうアカウントでいろいろと活動しています。趣味で「FPGA開発日記」というブログを書いていて、RISC-V、FPGA、CPU、低レイヤプログラミングなど、興味のあるものの記事を書いています。本業はハードウェア開発エンジニアをしていて、汎用CPUの設計などの仕事をしています。 今回はRustとい
はじめに ひょんなことから React 公式ドキュメント日本語版のメンテナをやらせていただいています smikitky です。 この記事は、React 公式ドキュメントの翻訳作業が GitHub ベースでどのように行われているのかを解説したものです。ドキュメントの翻訳には色々な方法がありますが、React の現アプローチは非常に上手く行っていると個人的に考えています。部分的には似たアプローチを説明している既存記事も探せばありますが、少し詳しめに書くことで事前の不安を取り除き、「思ったより簡単そうだから、自分もあのライブラリのドキュメント翻訳をやってオープンソースに貢献してみよう」と思えるようになることを目標にしています。 想定読者は Git、GitHub、Markdown（ないし類似の軽量マークアップ言語）、および基本的な HTML の仕組みがわかる開発者です。何らかの静的サイトジェネレー
CSSでマージンを与える際に、margin-left, margin-rightのように物理プロパティを使用している思います。もちろん問題はないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会も増えてくると思います。 CSSの論理プロパティの基礎知識、inlineとblockの仕様、論理として使用できるプロパティ、論理プロパティの実装例を紹介します。 Digging Into CSS Logical Properties by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに writing-modeによるinlineとblockの違い inlineとはどういう意味ですか？ startとendを正しく理解する 論理として使用できるプロパティは何ですか？ 論理プ
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。 Tailwind CSSの便利UIコンポーネントまとめTailwind UIMagic UIDyna UIAnimataPrelineMamba UIFlowbiteDaisy UISailboat UIMeraki UITail-KitReact AriaWicked BlocksTailwind Starter KitWindstaticMyna UITailwind StampHype
※前編がこちらにあります 目次 icon links inputs keyboard navigation navigation menu modals prefers-reduced-* “skip” links SVGs tabs tables toggle switches tools tooltips video/audio players アクセシブルなインプット 2019年、WebAIMは上位100万件のWebサイトのアクセシビリティを分析し、エラーがないページの推定割合は1%未満というショッキングな結論に到達しました。アシスティブテクノロジー（支援技術）に頼っている人にとってインクルーシブで使いやすいサイトを作成するには、セマンティックHTMLの基礎を正しく理解する必要があります。Oscar Braunertのインクルーシブなインプットに関する記事は、彼の「小さく始めて共有・
人生で影響を受けた本100冊。英語(77) 安全(45) LaTeX(9) 図(47) - Qiita
はじめに 下記には、typewriterまたはcomputerのkeyboardで全文写経した本は数冊（すべて英語）あります。 輪講で全部読んだ本、日本語と英語でも読んだ本などもそれぞれ１０冊以上あります。 100回以上読んだ本が10冊以上あるような気がします。 影響を受けた本というよりは、愛読書かもしれません。 引用は、 https://bookmeter.com/users/121023 https://booklog.jp/users/kaizen https://www.amazon.co.jp/gp/profile/amzn1.account.AEZYBP27E36GZCMSST2PPBAVS3LQ/ref=cm_cr_dp_d_gw_tr に掲載している自分で書いたreviewです。 最初にあるところに記録し、それからamazonに転載し、10,000冊になった頃にNo.1 R
Bootstrap 5
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Bootstrap 5 has officially landed! After three alphas, three betas, and several months of hard work, we’re shipping the first stable release of our new major version. It’s been a wild ride made possible by our maintainers and the amazing community that uses and contrib
キャリアって何だ？ 自分らしい強みを活かし、蓄積することで、到達するありたい姿 Will：何がしたいのか Can：何ができるのか Must：何を求められているのか スキルの寿命は短くなり、キャリアの形成期間は長期化の傾向にある。 自らのキャリアアンカーを知る 長期的な方向性の道しるべとして「キャリアアンカー」を活用する。 エドガー・H・シャイン（Edgar Henry Schein）博士によって提唱されたキャリア理論 築き上げてきたキャリアに基づいた、生涯にわたってぶれない自己欲求・または自己が望む価値観 まずは「セルフアセスメント（40問）」を実施し自分のタイプを把握しておく 8つの分類（専門・職能別 / 全般管理 / 保障・安定 / 起業家的創造性 / 自律と独立 / 社会への貢献 / ワークライフバランス / 純粋なチャレンジ） ※注意：8つの分類とは違うキャリアアンカーを持つ人もい
モダンiOSナビゲーションパターン 日本語訳
モダンiOSナビゲーションパターン 日本語訳Modern iOS Navigation Patterns (Japanese Text Ver.) この資料は、Frank Rausch 氏による Modern iOS Navigation Patterns の、日本語訳版です。オリジナル版 “2023-03-07” を基にし、CC BY-NC-SA 4.0 ライセンスによって公開しています。 オリジナルを日本語に訳すにあたり、なるべく元の表現を尊重するように心がけていますが、一部の表現については、訳者による解釈の補足や文言調整を加えています。 目次 目次 はじめに 1. 構造的なナビゲーション ドリルダウン (Drill-Down) フラット (Flat) ピラミッド (Pyramid) ハブ・アンド・スポーク (Hub-and-Spoke)2 2. オーバーレイ型ナビゲーション 強いモー
ドン・キホーテの新作UMPC NANOTE P8は楽しくて実用的（CPU高速化、M.2実装も） - 信頼できる発行元
2021年4月20日、ドン・キホーテのプライベートブランド 情熱価格よりNANOTE P8が発売された。Windows 10搭載の7インチのUMPCで、昨年発売されたNANOTEの後継機種という位置づけになる。 www.donki.com 筆者は大のUMPC好きで、過去には工人舎のPAや富士通のWindows7ケータイF-07Cを持っていた。現在はGPD WIN2*1を使っている。 UMPCと言えば昔は「究極の携帯性」のためにパソコンとしての実用性が犠牲になりがちで、しかも低性能の割に高価だった。最近はSoCを始めとした集積化技術やCPUの省電力化、スマホやタブレットの技術の転用で並のノートPCほどの性能を持つものまで存在するほどになった。 今回紹介するNANOTE P8は低価格ながらも様々な部分が「許せるレベル」に落とし込まれている「他人に薦めやすいUMPC」だ。買って1日触った感想と、
近年アニメ文化への関心が急速に高まるサウジアラビアで、 10月27日（木）から29日（土）までの3日間、 「サウジ・アニメ・エキスポ2022」が開催されました。 初開催の2019年以来3年ぶりの開催となった今回は、 多数の来場者が見込まれていた事から、 会場面積が前回の約1.5倍となっています。 このイベントはサウジアラビア政府が主催で、 前回は女性がコスプレを行う場合は、 女性専用エリア内のみに限定されていました。 しかし今回は全ての会場で肌を出せるなど、規制が緩和。 背景には、アニメ文化に対する理解が進んだ事や、 自身も大の漫画・アニメファンであり、 エンターテインメント産業を含めた経済の多様化を目指す、 ムハンマド皇太子殿下の思惑があるとされています。 関連投稿には、より多様性が広がった、 現地の雰囲気を絶賛する声が殺到していました。 寄せられていた反応をまとめましたので、ごらんくだ
Custom Scrollbars In CSS
Custom scrollbars are getting more popular nowadays, and I’m very keen to dig into them. There are different reasons why to customize a scrollbar. For example, the default scrollbar can make an app UI look inconsistent across multiple operating systems, and here we can get the benefit of having a unified style. I have always been interested in learning about how to customize a scrollbar in CSS but
ナビゲーションを実装する時、アイテムを左端に詰めて配置したいけど、1つだけ右端に配置したい、そんな時はFlexboxでオートマージン（margin: auto;）を使用すると簡単です。また、論理プロパティの効果的な使い方にも触れられているので、勉強になります。 How Auto Margins Work in Flexbox Flexboxにおけるオートマージンの仕組みをさらに詳しく知りたい方は下記の記事も参考になると思います。 CSS Flexboxで配置する時に知っておくと便利！オートマージン（margin: auto;）の仕組みと効果的な使い方 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxでのオートマージンの仕組み Flexboxのオートマージンについてmagic of flexbox and auto
WebKit Features in Safari 16.4
Mar 27, 2023 by Patrick Angle, Marcos Caceres, Razvan Caliman, Jon Davis, Brady Eidson, Timothy Hatcher, Ryosuke Niwa, and Jen Simmons ContentsWeb Push on iOS and iPadOSImprovements for Web AppsWeb ComponentsCSSHTMLJavaScript and WebAssemblyWeb APIImages, Video, and AudioWKWebViewDeveloper ToolingWeb InspectorSafari Web ExtensionsSafari Content BlockersNew Restrictions in Lockdown ModeMore Improve
Checkboxland
Checkboxland Render anything as HTML checkboxes Overview Checkboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so you can add your own APIs. Checkboxland is dependency-free, framework-agnostic, and fun! 🙃 Why does this even exist? Here's some background. Limitations H
Note: As of 2022/10/25 the information in this series is slightly outdated. See Part 5 for more up to date information. The Car⌗ Last summer I bought a 2021 Hyundai Ioniq SEL. It is a nice fuel-efficient hybrid with a decent amount of features like wireless Android Auto/Apple CarPlay, wireless phone charging, heated seats, & a sunroof. One thing I particularly liked about this vehicle was the In-V
*Nuxt.js 3で使う場合、一部のUIフレームワークは外部ライブラリが必要 結論 なんでもいい、早めに成果物をみたい：Quasar Element+ レスポンシブサイトを構築したい：Quasar 高度なカスタマイズができるUIフレームワークを使いたい：TailwindCSS PrimeVue スマートフォンサイトだけを構築したい：Vant IOS、Android、EXEアプリを作りたい：Quasar 補足 Vuetify 3はリリースしたばかりなので、結論に含まれていません クロスプラットフォームについて本記事は特に話しません SEOに気になれば、Nuxt.jsがおすすめです。SPAアプリは生まれた時からSEOに弱いです 🔰 学習の初心者へ： Vuetify 2がおすすめです。参考資料が多くて、Vuetify 2の場合は公式サイトで日本語のドキュメントもありますので、勉強しやすいと思
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
【東京五輪】賠償金なしでの開催中止に後押しか 国連事務総長がコロナ禍〝戦時見解〟 | 東スポWEB
発端の生徒告発はうそ 風刺画の授業、実は欠席―昨年１０月の仏教諭殺害テロ：時事ドットコム
【コラム】米富豪３人が東京見直す動き、何かの始まりか－リーディー
MacBookで使える「USB-Cハブ付き有線LANアダプター」3種類を分解して浮かび上がった問題点とは？
【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita
写真を反転した絵で展覧会に入賞した作品をめぐる裁判で二審は写真家勝訴の判決
「ARM」という単語の意味を啓蒙する記事 - Zopfcode Essay
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
Bootstrap5がリリースされました！
理想のフロントエンドテストをたずねて三千里 - カミナシ エンジニアブログ
CSSでスクロールバーのデザインをCSSでカスタマイズする方法を徹底解説 -古いCSSと新しいCSSでの実装のポイント
Tailwind CSS v3.0 - Tailwind CSS
簡単なwifiハッキング あなたの家は大丈夫？ - ラック・セキュリティごった煮ブログ
フルスクラッチでQEMU型自作エミュレータはどう作る？ Rustを使った自作バイナリ変換型シミュレータ
オープンソースドキュメント翻訳プラットフォームとしての GitHub (React 日本語ドキュメントの例)
CSSの論理プロパティの使い方を徹底解説、margin-block-start, margin-inline-endなど
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
アクセシブルなフロントエンドコンポーネントの完全ガイド - 後編 | POSTD
サイバーセキュリティ領域で生き抜くためのキャリア論 - Qiita
海外「日本には感謝しかない」 アニメの影響でサウジアラビアの女性達がより自由に
CSS Flexboxでナビゲーションを実装する時に役立つ、オートマージン（margin: auto;）の便利な使い方
How I Hacked my Car
Vue3のUIフレームワーク／UIライブラリ紹介と比較 - Qiita