タグ スライダー
人気順 5 users 50 users 100 users 500 users 1000 usersLOWYAから「3D家具で理想の部屋作り」アプリ 無料でインテリア1000点超
家具ブランド「LOWYA」を手掛けるベガコーポレーション(福岡市)は11月11日、3D空間に自由に家具を配置して、インテリアの雰囲気やレイアウトを確認できるスマートフォンアプリ「おくROOM」をリリースした。まずはiOS向けに無料で提供する。 スライダーで部屋の広さや明るさを調整したり、ドアの位置、内装などを指定し... 続きを読む
大谷翔平 47号ソロホームラン 自身が持つ日本選手最多記録更新 | NHK
大リーグ、ドジャースの大谷翔平選手が、11日、カブス戦で47号ソロホームランを打ち、自身が持つ日本選手のシーズン最多ホームランの記録を更新しました。 1番・指名打者で出場した大谷選手は、2点を追う1回の第1打席で甘く入ったスライダーをとらえて右中間スタンドへ47号ソロホームランを打ちました。 ライナー性の強... 続きを読む
左手デバイスに“タッチパッド”が登場。ジェスチャーで作業が捗る〜
左手デバイスに“タッチパッド”が登場。ジェスチャーで作業が捗る〜2024.06.16 10:00 岡本玄介 カンペがないと14種類は憶えられなさそう。 俗に言う「左手デバイス」は、ボタン1発でショートカット入力をしたり、ツマミの回転やスライダーの移動でPC作業の効率化を図るものですよね。それも便利ですが、ノートPCにあるよう... 続きを読む
Windows PC画面を常時記録・AIで全検索できる『Recall』(回顧)機能、マイクロソフトが発表。『Copilot+ PC』向け | テクノエッジ TechnoEdge
Recallは、かつてWindows 10に搭載されていた『タイムライン』の拡張版といった機能。アクティブな画面のスナップショットを数秒ごとに常時取得し、スライダーで遡ったり、Copilotを通じて内容を検索できる機能です。 記録したスナップショットはCopilot によるAI検索が可能。たとえば数日前にWEBで検索して見たページが... 続きを読む
リアルすぎるライフシム『inZOI』では交通事故も導入。事故で死んだりビンタされたり、さらに時を巻き戻したり - AUTOMATON
KRAFTONは4月30日、ライフシム『inZOI』のゲームプレイ映像を公開した。映像では、“人とのコミュニケーション成功率”や“街の治安”を調整できるスライダー、ほかにも“夢”を見る機能など、一風変わったシステムが紹介されている。 『inZOI』はライフシミュレーションゲームだ。開発を手がけるのはKRAFTON。『PUBG: BATTLEG... 続きを読む
CSSの進化がすごすぎる! 2つの画像を比較するスライダーは数行のコードで実装できるようになりました
2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。 まずは、実際の動作をデモページでご覧ください。縦... 続きを読む
渋谷 ハロウィン 2023年と2022年 人出どう変わった?現場映像で検証 | NHK
「ハロウィーンに来ないでほしい」 渋谷区は雑踏事故の防止に向け、異例の呼びかけを行ってきましたが、10月31日のハロウィーン当日の人出はどうだったのでしょうか? 去年と同じ場所の映像を重ねて、比較しました。 皆さんもスライダーを左右に動かして、実際に見比べてみてください。 渋谷センター街は… 一方、今年は... 続きを読む
ウォータースライダーで“小指切断” 指がスライダーと手すりの間に挟まったまま滑り落ちる (CBCテレビ) - Yahoo!ニュース
ことし7月、愛知県新城市のプールで利用客の男性がウォータースライダーで小指を切断するけがをしていたことがわかりました。 【写真を見る】ウォータースライダーで“小指切断” 指がスライダーと手すりの間に挟まったまま滑り落ちる 新城市によりますと、ことし7月29日に新城市能登瀬の多目的施設「鳳来ゆ~ゆ~ありい... 続きを読む
ダイヤルやスライダーも備えたGloriousのテンキーパッド、有線/無線対応
高坂 on Twitter: "スケッチ1枚からイラストやアニメーション、3Dモデルをリアルタイムに自動生成する実験をしています。 UIのスライダーでパーツの形状や色、質感を変更でき、ランダムな選
スケッチ1枚からイラストやアニメーション、3Dモデルをリアルタイムに自動生成する実験をしています。 UIのスライダーでパーツの形状や色、質感を変更でき、ランダムな選択も可能です。 クリエイターさんから絵を描いたことがない方まで、創… https://t.co/SwT91BcJqI 続きを読む
Excelで目次シートを作成する方法。特定のシートへの切り替えをもっと便利に! | できるネット
シートの切り替えは手間がかかる Excelファイルを編集するとき、シート数が多くなると切り替えや管理が大変になります。例えば、以下のように月別のシートが1つのExcelファイルに含まれているケースが典型的でしょう。 多数のシートがあるEXCELファイルの例。目的のシートが隠れてしまっている場合、スライダーの幅を調... 続きを読む
タコの滑り台は芸術品? 類似遊具を訴えた裁判で判決:朝日新聞デジタル
公園にある「タコの滑り台」は、著作物として保護されるべき芸術品かどうか――。この点が争われた著作権侵害訴訟の判決が28日、東京地裁であった。裁判長が示した判断とは……。 原告は、タコの足がスライダーや階段状になっている滑り台を1970年代に開発したデザイン会社(東京都)。被告の遊具製作会社(同)が、これとよ... 続きを読む
JavaScriptでのメディアクエリ、matchMedia()の使い方を解説 | コリス
メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応にする際にはJavaScriptでメディアクエリを扱った方が便利です。 JavaScriptでのメディアクエリ、match... 続きを読む
HTMLとCSSだけでカルーセル・スライダーを実装するテクニックのまとめ | コリス
カルーセルやスライダーをHTMLとCSSだけで実装するテクニックを紹介します。 Flexboxでの横一列配置をはじめ、scroll-snap-typeやscroll-behaviorでスライドのスクロールの挙動を調整でき、自動再生機能もCSSのみで実装できます。 CSS-Only Carousel 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元... 続きを読む
タッチデバイスも完全サポート!さまざまなスライダーをシンプルなコードで実装できる軽量JavaScript -Tiny slider | コリス
デスクトップ・タブレット・スマホをサポート、シンプルなスライダーをはじめ、さまざまなスライダーを簡単に実装できる軽量JavaScriptを紹介します。 バニラJSで実装されており、他のライブラリへの依存はなく、単体で動作します。 HTMLは非常にシンプルで、外部ファイルと数行のコードで実装できます。 Tiny Slider -G... 続きを読む
露天やスライダー… 3世代で楽しい天然温泉スパ12選|トラベル|NIKKEI STYLE
令和最初の夏は、家族でリフレッシュしよう。 絶景の露天風呂、水着で楽しむ温泉プールやスライダー。 3世代で楽しめる天然温泉のスパを、専門家が選んだ。 いわき湯本温泉の豊富な湯を使い、東京ドーム6個分の敷地にウオータースライダーなどのアトラクションや露天風呂を展開する。「どの空間を切り取っても非日常があ... 続きを読む
スマホも対応!スクリーンいっぱいに表示させるスライダーを実装するスクリプト -FullScreen Slider | コリス
ページ内のセクションをスクリーンいっぱいに表示し、マウスのクリック・ホイール操作、スマホのタップ・スワイプ操作に対応した快適なスライダーを紹介します。 FullScreen Slider -GitHub FullScreen Sliderのデモ FullScreen Sliderの使い方 FullScreen Sliderのデモ デモでは、FullScreen Sliderの快適なスライダー... 続きを読む
iPhoneの「長押し裏メニュー」いくつ知ってる? 空白ボタン「長押し」が便利すぎる! | 文春オンライン
いま、この記事をiPhoneでご覧の方、あるいは手元にiPhoneがあるという方は、iPhoneのコントロールセンターを表示して、明るさ調整のスライダーを、そのまま1秒ほど長押ししてみてください。コントロールセンターは、ホームボタンのない機種なら画面の右上から下に、ホームボタンのある機種なら画面の下の端から上にスワ... 続きを読む
スマホの操作も快適な優れもの!ビフォーアフター画像のスライダーを実装するJavaScriptライブラリ -Beer Slider | コリス
スマホ、タブレット、デスクトップのレスポンシブに完全対応、マウス操作・キーボード操作・タッチ操作にも完全対応のアクセシブルなスライダーを実装するスクリプトを紹介します。 他スクリプトへの依存は一切なく、単体で動作し、jQueryのプラグインとして実装することも可能です。 Beer Slider Responsive & Accessib... 続きを読む
Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」 | かちびと.net
Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテムやアラート、ダイアログ、ドロップダウンやツールチップ等、よく使われるUIなど、多くのシーン... 続きを読む
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」 | かちびと.net
Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード、ページネーションなども用意されており、それぞれのコンポーネントではさらに細かなスタイルを選... 続きを読む
どんどん簡単になっていく!最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス
アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに... 続きを読む
[JS]タッチ操作にも対応した快適なスライダー・カルーセルを実装する軽量スクリプト -Glide.js | コリス
jQueryなどのスクリプトやアニメーションのCSSに依存せずに、レスポンシブ対応の快適なスライダー・カルーセルを実装する軽量のスクリプトを紹介します。 スライダーは最後を表示した際に1枚目に巻き戻し、カルーセルは最後を表示した際に巻き戻さずにそのまま1枚目を表示します。 Glide.js Glide.js -GitHub Glide.jsの特徴 Glide.jsのデモ Glide.jsの使い方 ... 続きを読む
Google、動画で群衆の騒音のなかから1人の音声を分離する技術 - PC Watch
サンプル動画。スライダーが中心の「ALL」にあるのが元の状態。「RORY」や「JOHN」にスライドさせると、ほとんどその人物だけの音声になる 米Googleは11日(現地時間)、騒音のある中で複数人が会話をしているような動画のなかから、特定の人の音声だけを分離する技術を開発したと発表した。 この技術の根底にあるのは機械学習で、GooleではYouTubeに上がっている10万本の高画質動画を選出... 続きを読む
Webデザインでスライダーが効果を発揮するとき | UX MILK
Alan Smithは、ITの領域において幅広い経験をもつ、テクノロジーに関する熱心なブロガーです。彼は現在、ロサンゼルスに拠点を置く SPINX Digital Agency と連携して仕事をしています。 Webデザインの スライダー や スライダーコントロール の使用について、デザイナーにとっては賛否両論です。好きな人もいれば、嫌いな人もいます。タイミングが悪いカルーセルパネルや、ギャラリーの... 続きを読む