大規模言語モデルの「幻覚」を軽減する32の最新テクニック　バングラデシュなどの研究者らが発表

2024/01/22 15 users バングラデシュ 幻覚 Twitter seamless 執筆

このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Twitter: ＠shiropen2 バングラデシュのIslamic University of Technology、米サウスカロライナ大学、米ス... 続きを読む

Stable Diffusionによる生成AIの基本から最新テクニックまで。グラビアカメラマンが教える、生成AIグラビア実践ワークショップ（第4回）参加者募集 | テクノエッジ TechnoEdge

2024/01/15 105 users TechnoEdge グラビアカメラマン 知見 テクノエッジ

テクノエッジ編集部では、生成AIグラビア実践ワークショップ第4回を開催します。講師は、人気連載「生成AIグラビアをグラビアカメラマンが作るとどうなる？」の著者である西川和久さんです。 高価なゲーミングPCがなくても自分で高速な画像生成ができるサービス「生成AI GO」を無料で使いながら、生成AIに関する知見とグ... 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator

2023/07/24 21 users CLAMP font-size フォントサイズ CSS 関数

レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツール... 続きを読む

CSSの最新テクニック！ シンプルなHTMLとCSSで、オフキャンバスのメニューをポップアップで実装

2022/10/25 49 users CSS オフキャンバス 実装 HTML ドロワー

この実装は、完全に想定外の発想でした！ スマホでよく見かけるドロワー、オフキャンバスのメニューをポップアップで実装するCSSの最新テクニックを紹介します。 オフキャンバスも確かにポップアップと同様にページ上に浮かぶように表示されますが、ポップアップで実装できるようになるとは思いませんでした。JavaScript... 続きを読む

【CSS】あっという間に悩み解決！新常識な最新テクニック24選 - PhotoshopVIP

2022/07/02 21 users PhotoshopVIP CSS あっという間 解決 新常識

この記事では、これまでのCSSコーディングの悩みを解決できるかもしれない最新テクニック24個をまとめてご紹介します。 コピペで利用できるテクニックを中心に、実際の問題点や新しい解決案を、実用的なサンプル参考例を確認、プレビューしながら新しいCSSテクニックに触れてみましょう。 ただし、実験段階のプロトタイ... 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/05/31 158 users CLAMP font-size CSS 関数 メディアクエリ

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と... 続きを読む

Flexboxの最新テクニック！ メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装

2022/01/26 19 users Flexbox コンテナクエリ CSS メディアクエリ 実装

メディアクエリはなし、同じHTMLとCSSで、親コンテナの幅に応じて4つの異なるレイアウトに対応したフォームを実装するFlexboxの最新テクニックを紹介します。 もちろんコンテナクエリもなしです。 同じコードでフォームをどこにでも配置でき、コンテンツでもサイドバーでもフォームは最適にレイアウトされます。Flexbox... 続きを読む

レスポンシブ対応のレイアウトを実装する最新テクニックを解説、モバイルファーストとデスクトップファーストの現状 | コリス

2021/09/09 39 users コリス モバイ ビューポートサイズ レイアウト ワークフロー

モバイルファーストとデスクトップファーストの現状、それぞれのワークフローを解説し、今日のレスポンシブ対応のレイアウトを実装するより良いアプローチ方法について紹介します。 ビューポートサイズとは関係ないすべてのデバイスで共通の基本スタイルを優先的に記述する方法、メディアクエリを使用しない方法、モバイ... 続きを読む

[CSS] button要素のスタイルシート、最新テクニックを徹底解説 | コリス

2020/03/19 152 users コリス Button モーダル インタラクション CSS

<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイ... 続きを読む

深層学習の最新テクニック、AIコンペの成績上位5人が披露 | 日経 xTECH（クロステック）

2018/06/18 77 users xTech ニューラルネット 多層 クロステック 深層学習

有料会員限定記事　現在はどなたでも閲覧可能です 人工知能学会は2018年6月5日、同学会が主催した画像認識コンペティション「JSAI Cup 2018」の結果を発表し、入賞者5人を表彰した。1位～5位の入賞者が実施したプレゼンテーションを通じ、深層学習（多層のニューラルネットを使った機械学習）で画像認識AIの精度を高める... 続きを読む

Progressive Web Appで実現する動画アプリの最新テクニック ──Google I/O 2017 セッションレポート | HTML5Experts.jp

2017/05/31 44 users App Progressive Web セッションレポート

連載： Google I/O 2017特集 () この記事は2017年5月17、18、19日に米国カリフォルニア州マウンテンビューにあるAmphitheatreで行われたGoogleの開発者向けカンファレンスGoogle I/Oの3日目に「The Future of Audio and Video on the Web」というタイトルのセッションの内容です。 はじめに タイトルをパッと見て、例えば... 続きを読む

CSSの実用的なテクニックから素晴らしいアイデアまで！スタイルシートの最新テクニックのまとめ | コリス

2015/06/02 275 users コリス アニメーション CSS プロジェクト テクニック

次のプロジェクトに使ってみたくなるような実用的なものをはじめ、CSSでこんなこともできるの！という素晴らしいアイデアまで、クリエイティブなスタイルシートのテクニックを紹介します。 pen#PwLXXP アニメーションで動...記事の続きを読む 続きを読む

[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック | コリス

2014/07/02 514 users コリス GitHub CSS 一行 スニペット

背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 Responsive Full Background Image Using CSS Responsive Full Background Image Using CSS -GitHub デモ コンセ... 続きを読む