並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 81件

新着順 人気順

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

classに関するエントリは81件あります。 css開発教育 などが関連タグです。 人気エントリには 『KyotoU Channel』などがあります。
  • KyotoU Channel

    約2万3千人の学生が在籍する京都大学。京都市と宇治市にある3つのキャンパスで、どんな学生生活を送っているのでしょうか。学生が語る動画を集めました。 12月10日、スウェーデン・ストックホルムでノーベル賞授賞式が行われ、北川進理事・副学長が化学賞を、坂口志文名誉教授が生理学・医学賞を受賞しました。 2人は6日から開催されたノーベルウィークで、ノーベル博物館の訪問や記念講演などの関連行事に参加し、多くの祝福を受けました。 KyotoU Channelでは、京大ゆかりの受賞者のインタビュー映像や講演動画を特集しています。ぜひご覧ください。

      KyotoU Channel
    • 統計の入門講座が無料に、京大メソッドでデータサイエンス関連教員が担当 | Ledge.ai

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

        統計の入門講座が無料に、京大メソッドでデータサイエンス関連教員が担当 | Ledge.ai
      • 霞が関バイオレット 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
          • 新人AI禁止令と、その結果の答え合わせ - Qiita

            はじめに こんにちは、和田です。いえらぶGROUPで開発部の執行役員を務めています。 弊社も例に漏れず、今年はAI活用に非常に注力してきました。Cursorを全エンジニアに導入し、テックリードにはClaude Codeを配布、業務効率化・実装スピード強化・精度向上を進めてきました。 そんな会社で、私はある新人エンジニアに対して「AIの使用を禁止する」という判断を下しました。 先日ちょっと話題になってましたね、こちらの彼の話です。 社内でも圧倒的なAI推進派の私がなぜそのような判断をしたのか。そして3ヶ月後、その新人はどう変わったのか。この記事では、私の目線からのある種答え合わせ的なつもりで経緯と結果をまとめてみました。 最初は「AIをどんどん使わせていた」 新人が入社した当初、私は彼にもCursorを使わせていました。なんならClaude Codeも使わせていました。理由はシンプルです。

              新人AI禁止令と、その結果の答え合わせ - Qiita
            • 「親ガチャ」は存在していて、個人の努力で解決するものじゃない派 - 斗比主閲子の姑日記

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

                「親ガチャ」は存在していて、個人の努力で解決するものじゃない派 - 斗比主閲子の姑日記
              • オブジェクト指向はコードを複雑に読みにくくする - きしだのHatena

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

                  オブジェクト指向はコードを複雑に読みにくくする - きしだのHatena
                • 効率よくコーディングを進めるためにChatGPTを使ってみよう

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

                    効率よくコーディングを進めるためにChatGPTを使ってみよう
                  • 東京大学に入学する前に知っておいた方がいいことはなんですか?→卒業生からの回答に涙が止まらない「ループ3週目で爆笑した」「自分が1周目になるんだよ」

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

                      東京大学に入学する前に知っておいた方がいいことはなんですか?→卒業生からの回答に涙が止まらない「ループ3週目で爆笑した」「自分が1周目になるんだよ」
                    • デジタル庁でjQueryが何をしているのか - laiso

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

                        デジタル庁でjQueryが何をしているのか - laiso
                      • 「フロムを日本の企業だと思えるか」という海外スレの抜粋記事に「武器補正のランクの最上位にSを持ってくるのは日本だけ」という面白い指摘があった

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

                          「フロムを日本の企業だと思えるか」という海外スレの抜粋記事に「武器補正のランクの最上位にSを持ってくるのは日本だけ」という面白い指摘があった
                        • シンプルな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
                          • 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メールの最近の実装方法を解説、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は不要になりました
                              • 「まともな会社で働いた事ない」45歳男性の闘争

                                コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 なお、Microsoft Edgeをご利用のお客様はプライバシー設定が影響している可能性があるため「追跡防止を有効にする」の設定を「バランス(推奨)」にしてご利用をお願いいたします。詳細は下記のFAQページをご参照ください。 https://help.toyokeizai.net/hc/ja/articles/33846290888345 ✕

                                  「まともな会社で働いた事ない」45歳男性の闘争
                                • 紙っぽいかわいいWebサイト作りたい - Qiita

                                  かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き! 思いついたら追加する 「版ズレ」風 版ズレ = 印刷の際に、色の版がズレて出力されてしまう現象。(アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます) 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする (疑似要素でやりたかったけど乗算上手くいかなかった・・) ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

                                    紙っぽいかわいいWebサイト作りたい - Qiita
                                  • TypeScriptで学ぶ!SOLID原則

                                    はじめに 皆さんこんにちは、株式会社エムアイ・ラボのエンジニアです! 今回はソフトウェア設計のSOLID原則について学習したので、弊社のメインの開発言語であるTypeScriptのサンプルコードを使って共有できればと思います。 SOLID原則は、オブジェクト思考プログラミングにおいて、ソフトウェアがメンテナンスしやすく、拡張や変更に強いソフトウェア設計を行うための原則です。 SOLID原則にはSOLIDの頭文字をそれぞれとった、5つの原則があります。 単一責任の原則(Single Responsibility Principle) 単一責任の原則とは、クラスが一つの機能や責任を持つべきで、クラスが変更される理由は一つであるべきというです。 クラスが一つの機能や責任のみを持つようにすることにより、コードは再利用可能でテストが容易になります。 単一責任の原則を遵守している例 以下のBirdクラ

                                      TypeScriptで学ぶ!SOLID原則
                                    • Web Animations APIのcompositeが凄過ぎてすごいからみんな見てくれ - Qiita

                                      この記事はようやくSafariでもフルサポートされそうなWeb Animations APIのcomposite(効果の組成)って機能がすごいよ!!って、ただそれだけを伝えたい記事です。平たくいうと複数のアニメーションを簡単キレイに合成できる機能なのですが、通常のWebのコーディングでもよく出てくる辛さを解決してくれる結構すごいヤツなのです。 ▼ こういうアニメーション作るのもだいぶん楽になります Web Animations APIで星空パーティクル 単にCSSのアニメーションをJSで描けるよってだけではあるんだけど、ライブラリなしでそこそこ簡単にインタラクティブなもの作れるって意味ではうれしい。主要ブラウザ全部で使える。https://t.co/8H8zXfc5NL pic.twitter.com/bfTERJPxIX — ゆき@ティアF47a (@yuneco) October 11

                                        Web Animations APIのcompositeが凄過ぎてすごいからみんな見てくれ - Qiita
                                      • HTMLはシンプルなまま、Webサイトの見栄えをよくするclassレスの超軽量CSSフレームワーク -Almond.css

                                        HTMLはシンプルなままで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 ポートフォリオやブログなどをさくっと作成したい時に便利です。少し手を加えて、CSSリセットとして利用するのもありかもしれません。 Almond.CSS -GitHub Almond.CSSの特徴 Almond.CSSのデモ Almond.CSSの使い方 Almond.CSSの特徴 Almond.CSSは、シンプルなWebサイトの見栄えをより良くするためのclassレスのCSSスタイル集です。CSSのスタイルを正規化してクロスブラウザで同様のエクスペリエンスを提供したり、カスタムスタイルを追加してちょっとしたスパイスを加えることもできます。 HTMLのセマンティックなタグとAlmond CSSを組み合わせるだけで(JavaScriptは不要です)、モダンなWebページが

                                          HTMLはシンプルなまま、Webサイトの見栄えをよくするclassレスの超軽量CSSフレームワーク -Almond.css
                                        • Laravelでの開発でいつもやってること

                                          ・・・ 'channels' => [ 'daily' => [ 'driver' => 'daily', 'days' => 90, 'permission' => 0664, ], ], class Handler extends ExceptionHandler { protected $dontReport = [ \Illuminate\Auth\AuthenticationException::class, \Illuminate\Validation\ValidationException::class, \Illuminate\Auth\Access\AuthorizationException::class, \Illuminate\Database\Eloquent\ModelNotFoundException::class, \Symfony\Component\Ht

                                            Laravelでの開発でいつもやってること
                                          • インスタンスとオブジェクトの違い - きしだのHatena

                                            インスタンスとオブジェクトは混同しがちで区別がようわからんになりがちです。 とりあえず某所で説明したものを再構成します。 ※2022/12/10追記: クラスに対するのはインスタンスになるべき(たとえばクラス変数とインスタンス変数)なので、ちょっと修正するべきですが、このエントリはそのまま残してます。 クラス・インスタンス・オブジェクト クラスをインスタンス化(実体化)したものがオブジェクト(物)です。 実際に在るものはクラスとオブジェクトで、インスタンスはそれらの関係です。colorsやsportsが並んでるツリーが「オブジェクト」で、右のパレットに並んでるTreeが「クラス」、Treeからみたときのツリーが「インスタンス」ということになります。 ここでツリーはオブジェクトでもインスタンスでもあります。 このように、同じものをオブジェクトともインスタンスともいうことができるので混同してし

                                              インスタンスとオブジェクトの違い - きしだのHatena
                                            • アクセシビリティチェックってどうやってるの?ということで、実際にやってみた。(その1) - 水底の血

                                              ツイッターでアクセシビリティ向上日誌2【目視試験編】‐Akira Tsuda Portfolio and Blogというのを見かけて、そういえばアクセシビリティチェックって何をどうしているのかという話をウェブ上でほとんど見かけない(というか自分は知らない)ので、思い切ってチェックの過程や考え方を書いてみようかなと。 チェック対象のサイトを作った@HeldaForStudy氏に尋ねたところ、題材として使ってよいという返事をいただいたので、「アトリエ金工やまぐち」のサイト1ページをチェックしてみることにします。 対象ページはBasic認証がかかっているので、アクセシビリティ向上日誌1【各種ツール評価編】からたどってください。 @HeldaForStudy氏はレベルはA*1でチェックしたとのことなので、チェック基準はWCAG 2.1レベルAでチェックすることにしましょう。 わたしは普段はCOB-

                                                アクセシビリティチェックってどうやってるの?ということで、実際にやってみた。(その1) - 水底の血
                                              • CSSの進化がすごすぎる! 2つの画像を比較するスライダーは数行のコードで実装できるようになりました

                                                2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。 まずは、実際の動作をデモページでご覧ください。縦線のレンジバーをマウスでドラッグすると、2つの画像を比較できます。 See the Pen Easy comparison slider by coliss (@coliss) on CodePen. HTMLはシンプルです。2つの画像をsectionで内包し、縦線のレンジバーをinput type="range"で実装します。 <div class="compare"> <section class="before"> <img src="Runner.svg" a

                                                  CSSの進化がすごすぎる! 2つの画像を比較するスライダーは数行のコードで実装できるようになりました
                                                • ITCSSを採用して共同開発しやすいCSS設計をZOZOTOWNに導入した話 - ZOZO TECH BLOG

                                                  こんにちは。ZOZOTOWN部フロントエンドチームの菊地(@hiro0218)です。 2021年3月、ZOZOTOWNは10年ぶりのリニューアルをしました。この記事では、そのリニューアルで再考したCSS設計について紹介します。 背景 今回のリニューアルでは、ウェブとアプリが部分的に共通のデザインになりました。 アプリ ウェブ このデザイン刷新には、CSSの大規模変更が必要です。チーム内で検討を重ね、最終的に、大きく書き換えるのであればコンポーネント駆動開発1ができるようにCSS設計を見直すべきという結論に至りました。 CSS設計で特別に考慮する点 現在、ZOZOTOWNのフロントエンドは、「Classic ASP」から「React」へのリプレイスを進めています。新規開発や変更のタイミングで、Classic ASPに依存した実装をReactへ改修します。 ただ、今回のリニューアルではClas

                                                    ITCSSを採用して共同開発しやすいCSS設計をZOZOTOWNに導入した話 - ZOZO TECH BLOG
                                                  • カルーセルUIを実現するJSライブラリまとめ - 導入手間や機能の比較紹介 - ICS MEDIA

                                                    いずれもMITライセンスで公開されていますので、個人・商用問わず利用可能です。 Slick.js Slickスリック.jsは簡潔なコードで実装できるのが特徴のモバイルフレンドリーなカルーセルライブラリです。機能は少なめですが、ナビゲーションや表示するスライド数を変更するといった基本的な機能は備わっています。jQueryプラグインのため実装にはjQueryを読み込む必要があります。タッチ・スワイプ操作にも対応しています。ReactやVue向けのモジュール、TypeScriptのサポートは公式で提供されていませんがOSSで存在します。 このJSライブラリの基本的な実装と、アニメーションをフェードに変えた作例を用意しました。 基本の作例 サンプルを別ウインドウで開く コードを確認する <div class="slick carousel"> <div>1</div> <div>2</div> <

                                                      カルーセルUIを実現するJSライブラリまとめ - 導入手間や機能の比較紹介 - ICS MEDIA
                                                    • 「田舎出身の東大生」が青ざめた…入学直後の「オリ合宿」でいきなり浴びせられる「まさかの洗礼」(現代ビジネス) - Yahoo!ニュース

                                                      東京大学には「オリ合宿」と呼ばれるイベントがある。 4月の初旬、入学したばかりの1年生が、30人ほどのクラス単位で関東近郊に出向き、合宿をするのが通例である(新型コロナウイルスの影響で近年は少し状況が変わっているが)。 【マンガ】東大の新入生、じつは「こんな苦労」をしていた…! そこでは、「オリター」と呼ばれる一つ上の学年の学生数人が主導して、新入生どうしが親睦を深めるためさまざまなイベントがおこなわれる。いわば「親睦合宿」である。 楽しい気楽な行楽がイメージされるが、しかしこのオリ合宿において、東大生のなかでの「格差」を痛感する学生もいる。 「それほど東大合格者を輩出しているわけではない地方の高校出身者は、首都圏の名門高校出身者にくらべて不利な状況に置かれると思います。僕の場合も、少し大袈裟に聞こえるかもしれませんが、「洗礼」を浴びたような気分でした」 こう語るのは、数年前に東京大学を卒

                                                        「田舎出身の東大生」が青ざめた…入学直後の「オリ合宿」でいきなり浴びせられる「まさかの洗礼」(現代ビジネス) - Yahoo!ニュース
                                                      • Pythonが教育用途において十分だという話

                                                        Pythonが教育用途において十分だという話 今話題のPythonを教えている現役の講師です。Pythonを教える際に重視すべきだと考えている機能等について書いておきます。 dataclass / Pydantic 自分は型ヒントよりもdataclassやPydanticを使った型付けを重視しています。いわゆるクラスベースな言語の書き方が大事だと考えています。 dataclass Pythonは動的型付け言語であり、interface相当の機能すらclassの構文で書く変わった言語です。近年Pythonの型ヒントは少しづつ充実してきていますが発展途上であることは否めないですし、何より実行時にその型であることは保証されないので、dataclass等を使った開発スタイルが依然強力だと考えています。 Python+TypeScriptというようなスタックを使う際には両言語の差に混乱するでしょう。

                                                          Pythonが教育用途において十分だという話
                                                        • このCSSなら簡単!フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置

                                                          フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="flex-demo --start checkbox-input"> <label for="demo"><b>flex-start</b> 複数行の長いテキストでも大丈夫</label> <input type="checkbox" id="demo"> </div> <div class="flex-demo --center checkbox-input"> <label for="demo2"><b>center</b> 複数行の長いテキストでも大丈

                                                            このCSSなら簡単!フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置
                                                          • E2Eテストにおける要素選択のベストプラクティス

                                                            こんにちは。Autifyの品質エバンジェリストの末村です。 もう5年前にもなりますが、なぜE2Eテストでidを使うべきではないのかという記事を書きました。この記事はありがたいことに長い間閲覧されており、弊社ブログの人気コンテンツの一つとなっています。 一方で、5年という歳月はソフトウェア開発のトレンドを変化させるには十分すぎるほどに長いです。テストツールの面では Playwright が新たな選択肢として加わった他、 testing-library によるアクセシビリティ属性を用いた要素探索が新たなベストプラクティスとして登場しています。 この記事では、E2Eテストにおける要素探索の考え方の変遷をおさらいしつつ、ベストプラクティスについて説明します。 要素選択の考え方 まずは、要素選択の考え方についておさらいしておきましょう。要素選択とは、読んで字の如く、Webページ内の特定の要素を探すこ

                                                              E2Eテストにおける要素選択のベストプラクティス
                                                            • 業務改善に役立つChatGPTのプロンプト文例集|中小規模法人、中堅・中小企業のお客さま | ソフトバンク

                                                              \r\n<li><span class=\"biz-smb-fs-m1\"><b><span class=\"biz-smb-txt-link\"><a href=\"#prompt\">プロンプト一覧</a></span></b></span></li>\r\n<li><span class=\"biz-smb-fs-m1\"><b><span class=\"biz-smb-txt-link\"><a href=\"#move\">ChatGPT活用動画</a></span></b></span></li>\r\n<li><span class=\"biz-smb-fs-m1\"><b><span class=\"biz-smb-txt-link\"><a href=\"#blog\">関連記事</a></span></b></span></li>\r\n<li><span class

                                                                業務改善に役立つChatGPTのプロンプト文例集|中小規模法人、中堅・中小企業のお客さま | ソフトバンク
                                                              • 岸田首相、今国会中の解散見送りへ 支持率低迷で政権立て直し専念:朝日新聞

                                                                岸田文雄首相は今国会中の衆院解散を見送る方向で最終調整に入った。首相は23日に会期末を迎える今国会中に解散に踏み切って総選挙で勝利し、9月の自民党総裁選で再選するシナリオを描いてきたが、党派閥による…

                                                                  岸田首相、今国会中の解散見送りへ 支持率低迷で政権立て直し専念:朝日新聞
                                                                • サーバサイドTypeScriptを選ぶ前に向き合ってほしいこと

                                                                  私は、医療機関向けに幾多のサービスを展開する組織に所属し、認証基盤、ID基盤、ライセンス基盤、証明書基盤などを開発・運用するチームでテックリードをしている。この4年間、そうしたミッションクリティカルな領域のプラットフォームがサーバサイドTypeScriptで実現されているという状況に向き合い、苦しみ、そしてその苦しみを解決し続けてきた。そこから得た洞察を共有したい。 サーバサイドTypeScriptに限らず、せっかくこの記事を読んでくれている方々に対して、改めて技術やプログラミング言語に対する向き合い方を考え直す上でたった一つでもヒントを提供できたらうれしい。 なぜ今もプログラミング言語へ関心を払うのか さて、Coding Agentは、アプリケーションコードだろうがインフラだろうがDBのクエリだろうが、何でも設計して実装する。そうした環境にあって、昨今は「どの言語を選んでも目的を達成でき

                                                                    サーバサイドTypeScriptを選ぶ前に向き合ってほしいこと
                                                                  • JavaScriptで100行で作る!数式言語のインタプリタ

                                                                    はじめに 皆さんはプログラミング言語を作ったことがあるでしょうか? おそらく大抵の方は「ない」というのが正直なところなのではないかと思います。背景には、おそらく「プログラミング言語を作るって難しそう」という先入観があるのではと筆者は踏んでいます。 プログラミング言語とは、コンピューターに指示を与えるための特別な言語です。私たちが日常で使う言語と同じように、プログラミング言語にも文法やルールがあります。そして、この言語を理解し実行するのが「処理系」と呼ばれるプログラムです。 しかし、実はプログラミング言語の処理系(インタプリタ)を作ることは非常に簡単なことです。小さなOSを作ることに比べても、ちゃんと動くWebサービスを作ることに比べても本当に簡単です。 というわけで、この記事では「プログラミング言語」を作るための導入として「数式言語」のインタプリタを作ってみます。数式言語とは、数学の式を扱

                                                                      JavaScriptで100行で作る!数式言語のインタプリタ
                                                                    • データベースのテーブル定義の仕様書を自動生成しよう | CyberAgent Developers Blog

                                                                      AI事業本部 DX本部の黒崎(@kuro_m88)です。 社外(取引先など)向けに作成する仕様書を自動生成する取り組みを試しているので、アイデアを紹介します。今回はSnowflakeで構築されているデータ分析基盤のテーブル定義の仕様書を例に紹介していきます。ツールはGoを使って開発しました。 仕様書の運用コストを減らしたい DX本部でのプロジェクトは、開発環境を社内向けに別途用意することが大半なので、取引先に許可を取らないと何かを試すことができないということは今のところほとんどありません。 そのため、実際の開発フローとしては詳細な仕様書を書き起こしてから実装することはあまりなく、大まかな方針を決めてから軽く実装してみて、うまくいきそうであればそれを仕様としてまとめつつ実装することが多いです。 データベースのテーブル定義であれば、それらの定義はGitHub上で管理されており、リリース時に自動

                                                                        データベースのテーブル定義の仕様書を自動生成しよう | CyberAgent Developers Blog
                                                                      • Tailwind CSS v3.0

                                                                        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 YouTube channel. Tailwind CSS v3.0 has got to be our most exciting release ever, including improvements like: Just-in-Time, all the time — lightn

                                                                          Tailwind CSS v3.0
                                                                        • Superwhisper — AI Voice to Text for macOS, Windows & iOS

                                                                          From startups to industry leaders, hundreds of thousands rely on Superwhisper to save time.

                                                                            Superwhisper — AI Voice to Text for macOS, Windows & iOS
                                                                          • -verbose:class オプションを使ってLog4j利用の有無、Log4jを利用しているクラスを調査する | yusuke.blog

                                                                            • JavaScriptのカスタムエラーはこれでOK | Wantedly Engineer Blog

                                                                              JavaScriptでは任意の値を例外としてthrowすることができますが、実際にはErrorのインスタンスをthrowするのが慣例です。 エラーの原因をより正確に説明したいときはErrorを継承するのが望ましいですが、単に継承するのではなく以下のように書くのがオススメです。 class MyError extends Error { static { this.prototype.name = "MyError"; } }その背景について以下で説明します。テーマは以下の3つです。 nameプロパティcaptureStackTracecauseプロパティnameを正しくセットするNode.jsでエラーを表示させると、クラス名が正しく表示されます。 > throw new (class C extends Error {})() Uncaught C [Error]ここで出力されている "C

                                                                                JavaScriptのカスタムエラーはこれでOK | Wantedly Engineer Blog
                                                                              • 借金しないと学べない?“中流”の家計を圧迫する教育費 | NHK | WEB特集

                                                                                「子どもの背中は押したいので、この選択肢しかなかったですね」 50歳の男性は、この春から大学に進学する息子の学費を工面するために、250万円の学資ローンを借りることを決めました。 正社員・夫婦共働き・マイホーム。 一見すると安定したいわゆる“中流”の暮らしに見えても、子どもの教育費は、家計に重くのしかかっています。 新年度が始まり、期待を胸に大学に入学する若者たち。 その裏で、借金しなければ学べない実情が、いま広がっています。 (社会部記者 宮崎良太/おはよう日本 ディレクター 中村幸代)

                                                                                  借金しないと学べない?“中流”の家計を圧迫する教育費 | NHK | WEB特集
                                                                                • 新規プロダクト開発記 〜どうしたら業務知識をコードに落とし込めるのか〜 - Commune Engineer Blog

                                                                                  はじめに はじめましてこんにちは。2021 年 11 月にコミューンに入社した中野です。現在は SuccessHub というコミューンの新たなプロダクトを開発しています。 この記事では新規プロダクトの開発を通して、筆者が「どうしたら業務をコードに落とし込めるのか」実践したことをお話しします。 はじめに 背景 まずは書いてみた 業務知識をヒアリングする 核となるモデルを作る モデル同士の関係や階層を確認する コードで表現する なぜ業務知識を理解することが必要なのか 終わりに 背景 SuccessHub の開発を始めて数ヶ月経った頃、カスタムフィールドという機能を作ることになりました。 カスタムフィールドとは簡単に言うと、クライアントが保持している顧客データを自由なフォーマットやカラム名にカスタマイズしてテーブルUIに表現できる機能です。 [カスタムフィールド] 日付をYYYY年MM月 や Y

                                                                                    新規プロダクト開発記 〜どうしたら業務知識をコードに落とし込めるのか〜 - Commune Engineer Blog

                                                                                  新着記事