生成AIの登場で卒論クオリティは様々な面で変化した 高偏差値大学ではあるので，卒論そのものが生成AIによって書かれている，なんてことはさすがにあり得ない 大体，教員が与えたテーマは答えがまだないことが多いので，自動生成は難しいのだ では，どこに出てくるかというと，卒論生が書くコードと計算結果だ 「こういうモデル作って，こういう計算してみたら，こういう結果になると思うから，計算してみて」と指示すると 1週間も経たずに計算結果を出してくる．すごい！今年の卒論生は優秀だ！と思い，計算結果をよくよく眺めると，何かおかしい． 「こういう傾向になるのは理屈上おかしい気がするなぁ．ほんとにこの結果だと大発見だけど，僕の勘では計算コードにバグがあると思う．確認してくれる？」 と尋ねると，全く進捗報告をしてくれなくなる． 「こないだの計算のバグかもって話どうなった？」って聞くと， 「ChatGPTが書いたコ

Dear Fig users, Effective September 1, 2024 we have ended access to Fig. We encourage users to migrate to Amazon Q for command line. It’s free on the Individual tier and is designed to be faster and more reliable than Fig. To make this transition as easy as possible, users can upgrade to Amazon Q for command line directly from the Fig dashboard. With hundreds of thousands of users, 22k GitHub star

ソフトウェア開発におけるコードレビューの位置づけは、曖昧にされがちだ。欠陥を見つけるためにやっているのだろうか。コード品質を高めたいのだろうか。いずれにしても、チームやプロジェクトで統一された目的がないこともめずらしくない。レビュアーはただ、眼の前にあるコードの中で気になった箇所にコメントしているだけになってはいないだろうか。 また、チームのバージョン管理ツールを観察すると、コードレビュー待ちの開発ブランチが多いこともめずらしくない。実装することにばかりに時間が割かれ、コードレビューは後回しになっているのだ。しかし、レビューを終えなければ、それらは統合ブランチにマージされない。そうして生存期間が長いブランチが多くなるほど、マージコンフリクトが起こりやすくなる。その対処に支払うコストもばかにはならないだろう。 本稿は、コードレビューに関する2つの論文を中心に、機能的なコードレビューのあり方に

Fastly の Compute@Edge についてユースケース別に実装例を書いていきます。

Adam Silver redesigned Boots.com so that each panel became its own page, removing the need for accordions and AJAX. This inconspicuous and humble UX pattern is flexible, performant and inclusive by design. Having a lot on one page might give the illusion of simplicity, but like algebraic equations, they are difficult to deal with unless they are broken down. Adam Silver has not come across another

Shopify vs WooCommerce: What's the better? What's the best website builder for an e-commerce? In the world of eCommerce, choosing the right platform can mean the difference between success... 100 Best Free Fonts for Designers in 2025 Typography is currently playing a central role in web design, with progressive improvements like Variable Fonts, CSS Shapes, FlexBox Trendy Gradients in Web Design Th

Design trends play a big role in moving the web design industry forward. However, most of the new web design trends usually fade away as fast as they appear. It’s part of innovation. As technology evolves better and more creative trends appear. And we replace the old trends with those newer design trends. The problem is, sometimes we forget to let go of those old design trends. So in this blog pos

ドキュメントオブジェクトモデル (DOM)DocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheetsalinkColor 非推奨; all 非推奨; anchors 非推奨; applets 非推奨; bgColor 非推奨; bodycharacterSetchildElementCountchildrencompatModecontentTypecookiecurrentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomain 非推奨; embedsfeaturePolicy Experimental fgColor 非推奨; firstElementChildfontsformsfragmentDirectivefullscr

ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに重なって隠れます。 そこでscroll-snapプロパティの登場です。scroll-snapのscroll-paddingプロパティを使用して、この問題を解決するCSSのテクニックを紹介します。 Fixed Headers, On-Page Links, and Overlapping Content, Oh My! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ページ内リンクが固定ヘッダと重なって隠れる scroll-paddingとscroll-margin 「scroll-snapプロパティ」のサポートブ

CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

固定のヘッダーがアンカー先コンテンツを隠してしまう、これはしばしば問題になることがあります。 この問題にはいくつかの解決策があるので、ここでは5つの解決策を紹介します。実装サイトの参考としてリンクも記載しておきますが、記事を書いた当時のものなので現在の実装とは異なる可能性があることにご注意ください。 1. JavaScript JavaScriptでの実装は説明が不要なのでここでは省略します。画像の高さだったり、考えることもあるのであえてこの方法を使うメリットが思いつかないのであれば、この方法で実装する必要はないはずです。 2. 空の Element を利用する 実際のリンク先にIDを付与するのではなく空の別の要素を置いておいて、それを絶対配置で飛ばしておく方法になります。

単純なシェイプの組み合わせから複雑なシェイプを作成することができます。そのためには、組み合わせたいシェイプを選択し、プロパティインスペクター内の次のいずれかのオプションをクリックします。 結合：背面と前面のオブジェクトのエリアを結合します型抜き：背面オブジェクトのエリアから前面のエリアを型抜きします交差：前面オブジェクトのエリアと重なる背面のエリアをクリップします中マド：背面と前面のオブジェクトのエリアを結合し、背面と前面の重なるエリアを穴あきにします シェイプをマスクとして使用することもできます。画像の一部の表示、画像のぼかし、不透明度の変更などに利用できます。詳しくはシェイプでマスクを作成をご覧ください。

技術書典5 で本記事をさらにパワーアップさせた本を書いたのでよかったらどうぞ Chromeデベロッパーツールを使いこなそう Console編 Chrome デベロッパーツールの Console には Web 画面を解析するための便利な機能が備わっています。 この便利機能を覚えておくと Web 画面からの情報抽出 や、 Chrome Extension 開発 がとても捗ります。 ※ 筆者はこの機能を利用して、 ウェブスクレイピング時のDOMセレクタを調べたり、 Q Accelerator などの Chrome 拡張機能を開発しています。 本記事では、次の３つを解説します。 Console の便利機能 実際に Qiita の画面を解析する手順 リアルタイムで評価結果を返す Eager Evaluation （Google IO 2018 で発表されました） 便利機能（コマンドライン API）