並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 204件

新着順 人気順

classの検索結果1 - 40 件 / 204件

classに関するエントリは204件あります。 学習教育大学 などが関連タグです。 人気エントリには 『リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」』などがあります。
  • リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」

    PCやスマホを使って、英語学習を時短にする便利なサービスやツールなどを紹介する連載。今回は、初心者から上級者まで、幅広くリスニング能力を向上できる「ELLLO」をご紹介します。 ELLLOは、「English Listening Lesson Library Online」の略で、読んで字のごとく、英語のリスニング学習に特化したオンライン学習サイト。3000以上という多くの無料のレッスンが用意されており、幅広いレベルの学習者が利用できる。もともと、日本で英語教師だったTodd Beuckens氏が創設したサイトで、2004年にスタートしたサイトだ。 メインの学習コンテンツは、ひたすら英語の音声を聞くというもの。スクリプトも用意されているため、聞き取れなかった場合も内容は把握できる。理想的なのは、スクリプトを見なくても聞き取れるようになることだ。 メインコンテンツとなるリスニングレッスンは、

      リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」
    • ハーバード大のプログラミング講座を日本語化 無料で学べる「CS50.jp」公開

      米ハーバード大が無償公開しているプログラミング入門講座を日本語に訳したWebサイト「CS50.jp」が公開された。プログラミング教育ベンチャーのLABOTが、「コロナ禍などで大学のキャンパスの環境が不安定になる中、多くの学ぶ意欲がある学生に、良質な教材に母語でアクセスしてほしい」と翻訳作業を進めてきたという。 公開したのは、ハーバード大コンピューターサイエンス学部のデビッド・J・マラン教授が、無料オンライン教育サービス「edX」で公開している人気講座「CS50」のうち、コンピュータサイエンス入門と、Python・JavaScriptを使ったプログラミング講座を日本語訳したもの。YouTubeの英語教材とあわせ、日本語のテキストで学べる。 CS50は、非営利で再配布・改変可能なクリエイティブ・コモンズライセンス(CC BY-NC-SA 4.0)で公開されており、非営利なら改編や再配布が可能だ

        ハーバード大のプログラミング講座を日本語化 無料で学べる「CS50.jp」公開
      • 東大が無料公開している超良質なPython/Data Science/Cloud教材まとめ (*随時更新) - Digital, digital and digital

        東京大学がちょっとびっくりするくらいの超良質な教材を無料公開していたので、まとめました Python入門講座 東大のPython入門が無料公開されています。scikit-learnといった機械学習関連についても説明されています。ホントいいです Pythonプログラミング入門 東京大学 数理・情報教育研究センター: utokyo-ipp.github.io 東大のPython本も非常にオススメです Pythonによるプログラミング入門 東京大学教養学部テキスト: アルゴリズムと情報科学の基礎を学ぶ https://amzn.to/2oSw4ws Pythonプログラミング入門 - 東京大学 数理・情報教育研究センター Google Colabで学習出来るようになっています。練習問題も豊富です https://colab.research.google.com/github/utokyo-ip

          東大が無料公開している超良質なPython/Data Science/Cloud教材まとめ (*随時更新) - Digital, digital and digital
        • 米ハーバード大学のプログラミング授業「CS50x」日本語訳が無料公開

          米ハーバード大学がオンラインで無料公開している、PythonやJavaScriptのプログラミング学習とコンピューターサイエンスの入門講座の日本語訳ページ「CS50.jp」が無償公開されました。2022年8月31日に2022年度最新版の日本語化が完了しました。講義動画の日本語字幕の翻訳化を順次すすめています。学生向けですが、年代にかかわらず、コロナ禍で学習環境やキャリアに悩んでいる誰もが学ぶことができます。 ハーバード大学のCS50xとは ハーバード大学のCS50xとは、日本語翻訳ページ「CS50.jp」によると、コンピューターサイエンスとプログラミング技術を紹介するオンラインコースです。この講義がオンライン上で無償公開されており、世界で282万人が履修登録しています。 edX - CS50s Introduction to Computer Science 学べる内容はPythonのプロ

            米ハーバード大学のプログラミング授業「CS50x」日本語訳が無料公開
          • 高校レベルの数学から大学の教養数学くらいまでを独学/学び直した - razokulover publog

            去年の12月頃から数学の学び直しを始めた。 職業柄少し専門的な、特に機械学習の方面の書籍などに手を出し始めると数式からは逃れられなかったりする。とはいえ元々自分は高校時代は文系で数学1A2Bまでしか履修していない。そのせいか少し数学へ苦手意識があり「図でわかるOO」とか「数学無しでもわかるOO」のような直感的に理解出来る解説に逃げることが多かった。実務上はそれで問題ないにしてもこのまま厳密な理解から逃げているのも良くないなと感じたのでもう少し先の数学に取り掛かることにした。 巷には数学の学び直しについての記事が既にたくさんある。それに自分の場合は何かの受験に成功した!とか難関の資格を取得した!というような華々しい結末を迎えている状態ではない。そんな中で自分が何か書いて誰の役にたつかもわからないが、少なくとも自分と似たようなバックグランドを持つ人には意味のある内容になるかもしれないので、どの

              高校レベルの数学から大学の教養数学くらいまでを独学/学び直した - razokulover publog
            • 日本から捨てられた土地で生まれて

              この話をフィクションと思われてもいい。嘘松認定されてもいい。誰かの目に触れるだけで嬉しいから。 私は北国の相当の田舎で生まれた。コンビニも車がなければ行けない場所にあるようなところだ。当然電車なんて走っていない。ファミレスもないし、地方都市の象徴と言われているイオンなんてものはない。地方都市とも言えない部類の地域だった。 私は小さい頃から勉強ができた。少なくても幼稚園の頃にはひらがなはかけたし、繰り上がりの足し算も誰にも教えられずにできた。漢字は一度見たらすぐに覚えた。だから読んでいた物語に出てくるような高学年向けの漢字も2、3年生の頃には書くことはできた。周りがなぜ同じようにできなかったか理解できなかった。 そんな私を親も当然理解できなかった。周りの大人は中卒と高卒しかいなかった。学校を出れば男は工場だの大工だの漁師だの農家だのになるもの、女はさっさと結婚して子供を2、3人は生むのが当た

                日本から捨てられた土地で生まれて
              • 無料で読める、東大/京大の「Python教科書」電子書籍

                本稿は、2021年5月26日に公開した記事を、2023年11月13日の最新情報に合わせて改訂したものです。東大と京大のどちらも2023年版が公開されています。 プログラミング言語Pythonを習得したい場合、まずは教科書型のコンテンツなどで一通りの基礎知識を学ぶ必要があるだろう。そういった目的に合うコンテンツは、書籍を含めてさまざまなものがある。本稿ではその中でも、東京大学もしくは京都大学の授業で使われており信頼性が高い電子書籍、しかも無料で入手可能なものを紹介する。 東大/京大の「Python教科書」電子書籍 東京大学『Pythonプログラミング入門』

                  無料で読める、東大/京大の「Python教科書」電子書籍
                • 統計の入門講座が無料に、京大メソッドでデータサイエンス関連教員が担当 | Ledge.ai

                  サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

                    統計の入門講座が無料に、京大メソッドでデータサイエンス関連教員が担当 | Ledge.ai
                  • Pythonのオブジェクト指向プログラミングを完全理解 - Qiita

                    1. オブジェクト指向の起源 2003年チューリング賞の受賞者アラン・ケイさんはよくオブジェクト指向プログラミングの父と称されます。ご本人も憚ることなく、幾度、公の場で発明権を宣言しています。しかし、ケイさんは「C++」や「Java」などの現代のオブジェクト指向言語を蔑ろにしています。これらの言語は「Simula 67」という言語を受け継いだもので、私が作った「Smalltalk」と関係ないのだとケイさんは考えています。 オブジェクト指向という名称は確かにアラン・ケイさんに由来するものです。しかし、C++とJavaで使われている現代のオブジェクト指向は当初のと結構違います。ケイさん自身もこれらの言語を後継者として認めないです。では、ケイさん曰くC++とJavaの親であるSimula 67という言語はどんな言語でしょうか。ここで、簡単なサンプルコードを見てみましょう。 Class Recta

                      Pythonのオブジェクト指向プログラミングを完全理解 - Qiita
                    • 「うちにはお金がない」母の言葉を本気で信じていた

                      「お金持ち」というのは、フィクションやバラエティ番組の特集に出てくるような、豪邸に住み、ブランド物を身に着け、湯水のように金を使う人達の事だと思っていた。 きっとそういう人たちは、”何億”だとかそういう、学校で習ったけれど想像もつかないような莫大な単位の額のお金を稼いでいる。自分とは違う、遠い世界に住む人たちだ。 人口一万人足らずの町に生まれ、公立の学校に通い、田んぼに囲まれた片道4キロの通学路の途中で今日の夕飯はなんだろうとお腹を空かせながら考える。休日の友達との娯楽と言えば、街の方のショッピングセンターでプリクラを撮ること。そんなあまりにも在り来たりな日常を送っていた私にとって「お金持ち」というのは遠い存在だった。 私は田舎町の寺で一人目の子として生まれた。父親は大学教授で、母親は実家が呉服屋の専業主婦。祖父母は元々教師をやっていたようだ。 私の両親は母親の方がしっかりしていて気が強か

                        「うちにはお金がない」母の言葉を本気で信じていた
                      • 霞が関バイオレット on Twitter: "この夏の人事異動で、俺は東京を離れた。激務とパワハラで心身を壊し第一線を退いてはいたが、遂に霞が関にも居場所を喪い、名実共に衛星軌道に乗ったわけだ。そんな慌ただしさの中でツイッターを開けずにいたが、生活も落ち着き、久々にログインし… https://t.co/3znpcpDeTD"

                        この夏の人事異動で、俺は東京を離れた。激務とパワハラで心身を壊し第一線を退いてはいたが、遂に霞が関にも居場所を喪い、名実共に衛星軌道に乗ったわけだ。そんな慌ただしさの中でツイッターを開けずにいたが、生活も落ち着き、久々にログインし… https://t.co/3znpcpDeTD

                          霞が関バイオレット on Twitter: "この夏の人事異動で、俺は東京を離れた。激務とパワハラで心身を壊し第一線を退いてはいたが、遂に霞が関にも居場所を喪い、名実共に衛星軌道に乗ったわけだ。そんな慌ただしさの中でツイッターを開けずにいたが、生活も落ち着き、久々にログインし… https://t.co/3znpcpDeTD"
                        • 【まとめ】大学が公開している有益な資料 - Qiita

                          はじめに 今回は各大学が公開している、エンジニア向けの資料をまとめていきます。 東京大学 ChatGPT活用法 ChatGPTの基礎的な内容から実際にどのように活用すべきかが解説されている。 Pythonプログラミング入門 Pythonについて環境構築から始まり、基本文法、応用的な使い方まで分かりやすく解説されている。 AWS入門 ハンズオン形式でAWSの学習ができる。 AI・データサイエンスの活用事例 データサイエンスやAIの活用事例を学べる。 人工知能・深層学習を学ぶためのロードマップ AIやデータサイエンスの具体的な活用事例が学べる。 京都大学 プログラミング演習 Python 統計学 統計学やデータ分析、検定を学べる。 慶應大学 ChatGPTの活用資料 ChatGPTを用いた開発方法が学べる。 東京工業大学 機械学習 筑波大学 データベース データベースの基本から正規化や設計とい

                            【まとめ】大学が公開している有益な資料 - Qiita
                          • 開発体験を変える! Chrome DevTools Tips 7選 - Qiita

                            最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう! 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で

                              開発体験を変える! Chrome DevTools Tips 7選 - Qiita
                            • パーフェクトRails著者が解説するdeviseの現代的なユーザー認証のモデル構成について - joker1007’s diary

                              最近、パーフェクトRuby on Railsの増補改訂版をリリースさせていただいた身なので、久しぶりにRailsについて書いてみようと思う。 まあ、書籍の宣伝みたいなものです。 数日前に、noteというサービスでWebフロント側に投稿者のIPアドレスが露出するという漏洩事故が起きました。これがどれぐらい問題かは一旦置いておいて、何故こういうことになるのか、そしてRailsでよく使われるdeviseという認証機構作成ライブラリのより良い使い方について話をしていきます。 (noteがRailsを使っているか、ここで話をするdeviseを採用しているかは定かではないので、ここから先の話はその事故とは直接関係ありません。Railsだったとしても恐らく使ってないか変な使い方してると思うんですが、理由は後述) 何故こんなことが起きるのか そもそも、フロント側に何故IPアドレスを送ってんだ、という話です

                                パーフェクトRails著者が解説するdeviseの現代的なユーザー認証のモデル構成について - joker1007’s diary
                              • 1. 機械学習概論と単回帰 (1) | 筑波大学オープンコースウェア|TSUKUBA OCW

                                計算機による自律的な学習を目指す機械学習や, 大規模情報源からの知識発見を実現するデータマイニングの理論について, 教師付き学習, 教師なし学習を中心に理解する.

                                  1. 機械学習概論と単回帰 (1) | 筑波大学オープンコースウェア|TSUKUBA OCW
                                • 映画『家族を想うとき』が冷静に見られなかった - やしお

                                  ケン・ローチ監督の『家族を想うとき』(Sorry We Missed You)は、どうしようもなく個人的な記憶が喚起されて冷静に見ることが難しい映画だった。忘れていた、完全に忘れていたわけではないけれど、日常的に意識したり思い出すことの少なくなっていた「お金がないと余裕がなくなって日常がキリキリと苦しくなっていくあの感覚」がよみがえって、12年前の両親との暮らしの記憶が一気に立ち現れて冷静でいられなくなるのだった。 (この映画は「ネタバレ」とは無縁のお話だとは思うけれど、内容について以下で触れているので一応ここで断っておく。) イギリスで暮らす一家の日常が描かれる。ホームレスにはならない程度の貧困にあえいでいる。父親は配送ドライバー、母親は訪問介護の職業に就いている。職にあぶれている訳ではなく、二人とも真面目に働いているし職業意識も高い。15歳くらいの長男は友人グループとのグラフィティにハ

                                    映画『家族を想うとき』が冷静に見られなかった - やしお
                                  • 「親ガチャ」は存在していて、個人の努力で解決するものじゃない派 - 斗比主閲子の姑日記

                                    本当かどうか分からないんですが、親ガチャって言葉が流行っているらしくて。意味は、ソーシャルゲームのガチャになぞらえて、どんな親の下に生まれるかもガチャガチャみたいで運の要素があり、それでスタートが随分違うってことっぽいです。 最近はうちの子どもたちもガチャの概念を覚えていて、「最初にいいカードが引けないならリセマラするといいってYouTuberが言ってたよ」とウマ娘をやっている私に教えてくれたりしました。リセマラはリセットマラソンで、ゲーム内でいいアイテム・カードが出るまでリセットを繰り返すという意味です。 この親ガチャという言葉がそれなりに支持を得ているのは、日本社会で経済格差・教育格差の固定化があり、親の学歴・経済状況次第で子どもの人生が大きく決まってしまうという社会背景があると分析する人がいるとか、いないとか。 中には、「親ガチャなんて存在しない」とか「親ガチャと嘆くのは甘え」みたい

                                      「親ガチャ」は存在していて、個人の努力で解決するものじゃない派 - 斗比主閲子の姑日記
                                    • 無料の統計学講座が開講、多変量データの解析法を学べる | Ledge.ai

                                      画像は『「統計学Ⅲ:多変量データ解析法」講座PV ~ gacco:無料で学べる大学講座』より オンライン講座サイト「gacco(ガッコ)」では2021年1月14日から、日本統計学会と日本行動計量学会の協力のもとに作成した「統計学Ⅲ:多変量データ解析法」が開講される。受講料は無料。 『「統計学Ⅲ:多変量データ解析法」講座PV ~ gacco:無料で学べる大学講座』より 実際のデータは複数個の測定項目からなる多変量データであることが多く、そのようなデータの統計解析手法の学習は、統計手法の現実問題への応用で極めて重要なものと言える。本講座では、多変量解析法を実際のデータに適用する際の注意点や実際の応用例を中心に学習できる。 『「統計学Ⅲ:多変量データ解析法」講座PV ~ gacco:無料で学べる大学講座』より 講師は、横浜市立大学データサイエンス学部教授の岩崎学氏、大阪大学大学院人間科学研究科

                                        無料の統計学講座が開講、多変量データの解析法を学べる | Ledge.ai
                                      • オブジェクト指向はコードを複雑に読みにくくする - きしだのHatena

                                        「オブジェクト指向するとプログラムが読めなくなるから禁止」のような話は昔からあって、新しい技術についてこれない人を揶揄するようなニュアンスで使われていましたが、実際にはこれはオブジェクト指向迷路にうんざりした現場での率直な意見だと思います。 オブジェクト指向は、まじめにやるほどプログラムを読みにくくするという性質をもっています。 ※ 使い方次第というコメントついてますが、だからこそちゃんと性質をしっておく必要があると思います。 オブジェクト指向の代表的な指針を3つあげると次のようなものがあります。 オブジェクト同士の連携としてプログラムを組む 単一責務の原則 インタフェースと実装の分離 まず、オブジェクト同士の連携でプログラムを組むと、コードが飛びまくって追いにくくなります。そして単一責務の原則により、小さいクラスが大量に生成されて、追いにくさがさらにあがっていきます。 ダイクストラ先生が

                                          オブジェクト指向はコードを複雑に読みにくくする - きしだのHatena
                                        • 貧しいのは本人のせい?エリートに広がる「自己責任論」、越えるには

                                          貧しい人びとが自己責任論に陥ってしまう理由 エリート階級に浸透する「自己責任論」 自己責任論から脱却するには 生活が苦しい人のための政策を考えるとき、必ずと言っていいほどネックになるのが「自己責任論」です。“貧しいのは本人の責任”、“努力しなかった本人が悪い”。日本に広く行き渡ってしまった考え方ですが、格差問題に詳しい社会学者の橋本健二・早稲田大学教授によると、特に高学歴・高収入の人はこう考える傾向が強いそうです。どうすれば自己責任論を乗り越え、本格的な貧困対策に取り組めるのか。橋本さんに聞きました。 貧困は自己責任じゃない ――世の中に「貧困」を「自己責任」とする考え方が広まっているようで、残念です。 ものごとを選択する余地がある場合に限り、人びとは責任を問われるべきです。たとえば、パート主婦や専門・管理職をのぞいた非正規労働者をわたしはアンダークラスと呼んでいます。収入が低く、雇用が不

                                            貧しいのは本人のせい?エリートに広がる「自己責任論」、越えるには
                                          • 効率よくコーディングを進めるためにChatGPTを使ってみよう

                                            この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 ChatGPTとは ChatGPTはOpenAIが開発した対話型のチャットボットです。質問を入力すると質問に対する回答が出力されます。 今回はChatGPTを使って、効率よくコーディングを進めてみます。 headタグ内のコードをChatGPTで生成しよう HTMLの大枠をChatGPTを使ってコーディングしてみよう グロナビをChatGPTで生成してみよう ボタンをホバーした時のCSSをChatGPTで生成してみよう H

                                              効率よくコーディングを進めるためにChatGPTを使ってみよう
                                            • 科学技術広報研究会 臨時休校対応特別企画

                                              2022年3月にウェブサイトを全面的にリニューアルしました。新しいサイトのURLはこちらです。ブックマークなどされている方は、お手数おかけしますが、ぜひ再登録をお願いします。 👉 https://jacst.gitlab.io/kids/ 新サイトではページの上部にメニューバーを設置し、目的別にコンテンツにアクセスできるようにしてあります。 みなさんの興味のある動画が少しでも探しやすくなっていれば幸いです🌟

                                              • シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css

                                                シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利用するのもありかもしれません。 new.css new.css -GitHub new.cssの特徴 new.cssのデモ new.cssの使い方 new.cssの特徴 new.cssは、HTMLのみを使用してモダンなWebサイトを作成するためのclassレスのフレームワークです。HTMLの実用的なデフォルトのスタイルを活かし、美しく見えるようにスタイルされています。 超軽量4.8KbのCSSフレームワーク。 用意するのは、HTMLファイルのみ。 マークダウンで生成されたHTMLのレンダリング。 シンプルなブログや自己紹介ページに最適。 MITライセンスで、商用プロジェクト

                                                  シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
                                                • 仮想DOMは本当に“速い”のか? DOM操作の新しい考え方を、フレームワークを実装して理解しよう|ハイクラス転職・求人情報サイト AMBI(アンビ)

                                                  仮想DOMは本当に“速い”のか? DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される「仮想DOM」について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ(bc_rikko)さんが解説します。 はじめまして、ダーシノ(@bc_rikko)です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか? そういったフレームワークで使われている、仮想DOMについて知っていますか? 「聞いたことない」「聞いたことはあるけど、どう実装されているかは知らない」「熟知している」。いろいろなレベルの方がい

                                                    仮想DOMは本当に“速い”のか? DOM操作の新しい考え方を、フレームワークを実装して理解しよう|ハイクラス転職・求人情報サイト AMBI(アンビ)
                                                  • This is The Entire Computer Science Curriculum in 1000 YouTube Videos

                                                    This is The Entire Computer Science Curriculum in 1000 YouTube Videos In this article, we are going to create an entire Computer Science curriculum using only YouTube videos. The Computer Science curriculum is going to cover every skill essential for a Computer Science Engineer that has expertise in Artificial Intelligence and its subfields, like: Machine Learning, Deep Learning, Computer Vision,

                                                      This is The Entire Computer Science Curriculum in 1000 YouTube Videos
                                                    • 東京大学に入学する前に知っておいた方がいいことはなんですか?→卒業生からの回答に涙が止まらない「ループ3週目で爆笑した」「自分が1周目になるんだよ」

                                                      yt @ho231 @itoukaityou 湘南方面に行くと、爽やかイケメン小僧が多いのも、その理屈かと思ってます。 サーファー=爽やかイケメン、の子供。 もちろんそうじゃない人もいますが、割合の話です。 2022-11-26 11:15:49

                                                        東京大学に入学する前に知っておいた方がいいことはなんですか?→卒業生からの回答に涙が止まらない「ループ3週目で爆笑した」「自分が1周目になるんだよ」
                                                      • HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir

                                                        シンプルなHTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリを紹介します。 デスクトップではホバー時のエフェクトとして、スマホではフォーカス時のエフェクトとして適用されるので、どちらでも楽しめます。 Izmir Izmir -GitHub Izmirの特徴 Izmirのデモ Izmirの使い方 Izmirの特徴 画像をホバーすると多彩なアニメーションを適用します。 エフェクトを組み合わせることで、2000通り以上のエフェクトを使用可能。 20種類のボーダーエフェクト、9種類の画像エフェクト、12種類のテキストエフェクト。 オーバーレイのスタイル、アニメーションの遅延、テキストのレイアウトなど、classも豊富。 アクセシブル(デスクトップはホバー、スマホはフォーカス)。 2Kbの超軽量ライブラリ。 実装・カスタマイズ用のドキュメント完備

                                                          HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
                                                        • デジタル庁でjQueryが何をしているのか - laiso

                                                          TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か?」と疑念がとなえられていたので、これも追求してゆきたい どのような変更があったのか システム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて

                                                            デジタル庁でjQueryが何をしているのか - laiso
                                                          • MarkdownをPDFに変換する「md-to-pdf」は痒いところに手が届く素敵ツール | DevelopersIO

                                                            Markdown to PDF Markdownで書きたいけど、PDFで出力したい という機会はエンジニアはよく出くわすと思います。 「Markdown to PDF」といえばGitBook CLIが有名ですが、こちらはメンテナンスがストップされているため推奨されません(環境依存による不具合などが解決されない)。 GitBookほど多機能でなくても良いですが、綺麗にいい感じに出力したい…!と探し回っていたところ md-to-pdf が最も私の要件に合致したので使ってみました。 そんな私の要件はこちら。 CLIから出力したい ページ内リンクが作れる ページ分割ができる ページ数表示が簡単にできる 全体に対して簡単にテーマをCSSで適用できる いざという時にはHTML+CSSでカスタマイズができる それに対して md-to-pdf は以下のような機能があります。 ディレクトリ内のMarkdow

                                                              MarkdownをPDFに変換する「md-to-pdf」は痒いところに手が届く素敵ツール | DevelopersIO
                                                            • 「フロムを日本の企業だと思えるか」という海外スレの抜粋記事に「武器補正のランクの最上位にSを持ってくるのは日本だけ」という面白い指摘があった

                                                              ACID BAKERY @cid_bakery 当の「海外」ではフロムを日本の企業だと思えるのか、という海外スレの抜粋を読んだことがあり(いま探したが見つからず)、その中に面白い指摘がありました。「自分は一発で日本の企業だとわかったよ。武器補正のランクがC、B、A、と来て最上位にSを持ってくる。こういうことをやるのは日本だけ」 2022-03-31 20:12:05

                                                                「フロムを日本の企業だと思えるか」という海外スレの抜粋記事に「武器補正のランクの最上位にSを持ってくるのは日本だけ」という面白い指摘があった
                                                              • 老後2000万円報告書で発覚した“富裕層の税率が高い”のウソ - ライブドアニュース

                                                                2019年6月21日 11時0分 by ライブドアニュース編集部 ざっくり言うと 日本の所得税は累進課税だが、実際にはさまざまな控除がある さらに、富裕層の所得の多くを占める株の売却益や配当にかかる税率は一律 富裕層になればなるほど、所得にかかる税率は低くなっていくことになる 「マクロ経済スライドを止めてしまうという考えは、馬鹿げた案だと思う」 「老後資金2,000万円報告書」に端を発した年金問題。6月19日に行われた党首討論でも、与野党が激論を戦わせた。物価の上昇にあわせた年金額の上昇を抑制することで、実質的に年金を減らしていく「マクロ経済スライド」。その廃止を求めた日本共産党の志位和夫委員長に対し、安倍晋三首相は年金制度を破綻させる「馬鹿げた案」と一蹴した。財源が足りないので、年金の減額も10月の消費税増税もやむを得ない。そう思っている人も多いだろう。 「株でたいへんな儲けをあげている

                                                                  老後2000万円報告書で発覚した“富裕層の税率が高い”のウソ - ライブドアニュース
                                                                • 現代のオブジェクト指向の class の割れ窓化と宣言的プログラミング

                                                                  オブジェクト指向には、カメラがやっとついたころのガラケーのイメージがある - きしだの Hatena の件。基本的には同意。ただちょっと切り口が違うので自分の意見を言っておく。ただ、このテーマで何度か書こうとして失敗していて、今回も成功しているとはいえない。 宣言的プログラミングの時代 現代の主流は「宣言的プログラミング」であると思っている。これはリソースの宣言と、その状態遷移の手続きや振る舞いの付与が中心にある。 宣言型プログラミング - Wikipedia その代表的な例がフロントエンドの React と、バックエンドの k8s で、どちらも時系列に基づいた状態の宣言と、フレームワーク側による状態遷移処理、 Reconcillation(調停) が基礎にある。 フロントエンドとバックエンドという両極端な世界で、この変化が起きたのがこの時代を反映したものであると思う。 例えば、jQuer

                                                                    現代のオブジェクト指向の class の割れ窓化と宣言的プログラミング
                                                                  • シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css

                                                                    その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量(4kB)CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM

                                                                      シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
                                                                    • 無料で読める統計学・機械学習周辺のチュートリアル論文や講義ノート10本 - Qiita

                                                                      はじめに 千葉大学/Nospareの米倉です.今回は,統計学・機械学習周辺で,僕が良いと思ったチュートリアル/サーベイ論文と講義ノートを簡単なコメント付きで紹介したいと思います.チュートリアル論文やサーベイ論文は,そのトピックの解説や教育面にフォーカスしていて,何か勉強したり,網羅的に把握するときに非常に便利だと個人的に思います.また公開されている講義ノートの中には非常に勉強になるものが多くあります.内容は僕が興味があるトピックに偏っています.またすべて無料で読めます.(教科書等の海賊版みたいなのは載せていません) 10本の紹介 Nickl "STATISTICAL THEORY" Nicklの統計学の講義ノートです.いわゆるM推定量の漸近的性質に加え,バーンスタイン・フォンミーゼズ定理等も証明付きで解説されており,上級レベルの数理統計学を学ぶのに重宝すると思います. Doucet and

                                                                        無料で読める統計学・機械学習周辺のチュートリアル論文や講義ノート10本 - Qiita
                                                                      • OSはどうやってP-coreとE-coreを使い分けているのか - Blog posts by @retrage

                                                                        Alder Lake以降のIntel CPUでは、P-coreとE-coreの2種類のコアが搭載されている。 P-coreは性能重視、E-coreは省電力重視という位置づけで、OSがうまくこれらのコアを使い分けることで、消費電力と性能の両立が図られている。 ここまでの話は広く知られているが、実際にどのようにしてOSに対してコアの使い分けをさせているのかの実装レベルでの解説は (少なくとも日本語では) ほぼ存在しないようなので調べてみた。 OSから見たP-coreとE-core OSの役割の一つとしてプロセススケジューリングがあり、どのプロセスをいつどれぐらいの期間どのCPUコアで実行するかを決める。OSができるだけ効率よくプロセスをスケジューリングするためには、CPUコアの性能や消費電力の違いを考慮したスケジューリングが必要になる。そこで、Intel CPUではOSに対して次の2つの情報を

                                                                          OSはどうやってP-coreとE-coreを使い分けているのか - Blog posts by @retrage
                                                                        • 使いやすさを重視したHTMLスクレイピングライブラリを作った - 純粋関数型雑記帳

                                                                          TL:DR レポジトリ https://github.com/tanakh/easy-scraper ドキュメント 背景 このところ訳あってRustでHTMLからデータを抽出するコードを書いていたのですが、 既存のスクレイピングライブラリが(個人的には)どれもいまいち使いやすくないなあと思っていました。 HTMLから望みのデータを取り出すのはいろいろやり方があるかと思いますが、 ツリーを自力でトラバースするのはさすがにあまりにも面倒です。 近頃人気のライブラリを見てみますと、CSSセレクターで目的のノードを選択して、 その周辺のノードをたどるコードを書いて、 欲しい情報を取り出すという感じのものが多いようです。 RustにもHTMLのDOMツリーをCSSセレクターで検索して見つかったノードをイテレーターで返してくれたりする、 scraperというライブラリがあります。 例えば、<li>要素

                                                                            使いやすさを重視したHTMLスクレイピングライブラリを作った - 純粋関数型雑記帳
                                                                          • HTMLメールの最近の実装方法を解説、tableは不要になりました

                                                                            HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern HTML email (tables no longer required) by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLメールの実装でもっとも頭を悩ませている問題 今日、HTMLメールをどのように実装すべきか? 電子メール用のAMPについて 終わりに はじめに MailChimpによるHTMLメール実装のベストプラクティ

                                                                              HTMLメールの最近の実装方法を解説、tableは不要になりました
                                                                            • 垂直方向のマージンにはmargin-topを優先的に使う理由

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

                                                                                垂直方向のマージンにはmargin-topを優先的に使う理由
                                                                              • 萩生田大臣「身の丈」発言を聞いて「教育格差」の研究者が考えたこと(松岡 亮二) @gendai_biz

                                                                                萩生田大臣「身の丈」発言を聞いて「教育格差」の研究者が考えたこと 大学入試改革が、格差を拡大する可能性 「身の丈」発言と謝罪 萩生田光一文部科学大臣の「身の丈」発言に注目が集まっています。 発言があったのは生放送のBSテレビ討論番組。2020年度実施の大学入学共通テストの概要が紹介され、新しく導入される民間英語試験によって受験生の間に「格差」が生じるリスクが取り上げられました。 シンプルに言えば、費用の異なる民間英語試験を2回まで受けることが可能という制度設計や、試験会場が満遍なく準備されていない状況が「不公平」を生むという指摘です。経済的に恵まれていない家庭では試験の受けられる回数も減るだろうし、試験会場から遠方の地域に住む受験生は試験を受けづらいというわけです(交通費の負担も大きくなります)。大臣はこう反論しました。 「そういう議論もね、正直あります。ありますけれど、じゃあそれ言ったら

                                                                                  萩生田大臣「身の丈」発言を聞いて「教育格差」の研究者が考えたこと(松岡 亮二) @gendai_biz
                                                                                • 「まともな会社で働いた事ない」45歳男性の闘争

                                                                                  コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕

                                                                                    「まともな会社で働いた事ない」45歳男性の闘争

                                                                                  新着記事