リアルすぎるライフシム『inZOI』では交通事故も導入。事故で死んだりビンタされたり、さらに時を巻き戻したり - AUTOMATON

2024/05/01 19 users AUTOMATON PUBG KRAFTON 一風 治安

KRAFTONは4月30日、ライフシム『inZOI』のゲームプレイ映像を公開した。映像では、“人とのコミュニケーション成功率”や“街の治安”を調整できるスライダー、ほかにも“夢”を見る機能など、一風変わったシステムが紹介されている。 『inZOI』はライフシミュレーションゲームだ。開発を手がけるのはKRAFTON。『PUBG: BATTLEG... 続きを読む

CSSの進化がすごすぎる！ 2つの画像を比較するスライダーは数行のコードで実装できるようになりました

2023/11/28 147 users CSS ライブラリ HTML テクニック 動作

2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。 まずは、実際の動作をデモページでご覧ください。縦... 続きを読む

渋谷 ハロウィン 2023年と2022年 人出どう変わった？現場映像で検証 | NHK

2023/10/31 28 users 人出 ハロウィーン 雑踏事故 ハロウィーン当日 左右

「ハロウィーンに来ないでほしい」 渋谷区は雑踏事故の防止に向け、異例の呼びかけを行ってきましたが、10月31日のハロウィーン当日の人出はどうだったのでしょうか？ 去年と同じ場所の映像を重ねて、比較しました。 皆さんもスライダーを左右に動かして、実際に見比べてみてください。 渋谷センター街は… 一方、今年は... 続きを読む

ウォータースライダーで“小指切断”　指がスライダーと手すりの間に挟まったまま滑り落ちる　（CBCテレビ） - Yahoo!ニュース

2023/09/05 30 users ウォータースライダー 小指 ケガ 手すり ＣＢＣテレビ

ことし7月、愛知県新城市のプールで利用客の男性がウォータースライダーで小指を切断するけがをしていたことがわかりました。 【写真を見る】ウォータースライダーで“小指切断”　指がスライダーと手すりの間に挟まったまま滑り落ちる 新城市によりますと、ことし7月29日に新城市能登瀬の多目的施設「鳳来ゆ～ゆ～ありい... 続きを読む

ダイヤルやスライダーも備えたGloriousのテンキーパッド、有線/無線対応

2023/07/04 17 users 有線 ダイヤル 無線対応

続きを読む

高坂 on Twitter: "スケッチ1枚からイラストやアニメーション、3Dモデルをリアルタイムに自動生成する実験をしています。 UIのスライダーでパーツの形状や色、質感を変更でき、ランダムな選

2022/09/16 119 users アニメーション 質感 リアルタイム 形状 実験

スケッチ1枚からイラストやアニメーション、3Dモデルをリアルタイムに自動生成する実験をしています。 UIのスライダーでパーツの形状や色、質感を変更でき、ランダムな選択も可能です。 クリエイターさんから絵を描いたことがない方まで、創… https://t.co/SwT91BcJqI 続きを読む

Excelで目次シートを作成する方法。特定のシートへの切り替えをもっと便利に！ | できるネット

2021/08/26 11 users Excel 月別 特定 シート Excelファイル

シートの切り替えは手間がかかる Excelファイルを編集するとき、シート数が多くなると切り替えや管理が大変になります。例えば、以下のように月別のシートが1つのExcelファイルに含まれているケースが典型的でしょう。 多数のシートがあるEXCELファイルの例。目的のシートが隠れてしまっている場合、スライダーの幅を調... 続きを読む

タコの滑り台は芸術品？　類似遊具を訴えた裁判で判決：朝日新聞デジタル

2021/04/28 118 users 滑り台 原告 被告 ダコ 判決

公園にある「タコの滑り台」は、著作物として保護されるべき芸術品かどうか――。この点が争われた著作権侵害訴訟の判決が28日、東京地裁であった。裁判長が示した判断とは……。 原告は、タコの足がスライダーや階段状になっている滑り台を1970年代に開発したデザイン会社（東京都）。被告の遊具製作会社（同）が、これとよ... 続きを読む

JavaScriptでのメディアクエリ、matchMedia()の使い方を解説 | コリス

2020/09/15 20 users matchmedia コリス match Media CSS

メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応にする際にはJavaScriptでメディアクエリを扱った方が便利です。 JavaScriptでのメディアクエリ、match... 続きを読む

HTMLとCSSだけでカルーセル・スライダーを実装するテクニックのまとめ | コリス

2020/01/15 19 users コリス scroll-behavior CSS カルーセル

カルーセルやスライダーをHTMLとCSSだけで実装するテクニックを紹介します。 Flexboxでの横一列配置をはじめ、scroll-snap-typeやscroll-behaviorでスライドのスクロールの挙動を調整でき、自動再生機能もCSSのみで実装できます。 CSS-Only Carousel 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元... 続きを読む

タッチデバイスも完全サポート！さまざまなスライダーをシンプルなコードで実装できる軽量JavaScript -Tiny slider | コリス

2019/07/17 35 users バニラJS ライブラリ コリス 単体 HTML

デスクトップ・タブレット・スマホをサポート、シンプルなスライダーをはじめ、さまざまなスライダーを簡単に実装できる軽量JavaScriptを紹介します。 バニラJSで実装されており、他のライブラリへの依存はなく、単体で動作します。 HTMLは非常にシンプルで、外部ファイルと数行のコードで実装できます。 Tiny Slider -G... 続きを読む

露天やスライダー… 3世代で楽しい天然温泉スパ12選｜トラベル｜NIKKEI STYLE

2019/06/23 13 users 露天 NIKKEI STYLE トラベル 3世代 スパ

令和最初の夏は、家族でリフレッシュしよう。 絶景の露天風呂、水着で楽しむ温泉プールやスライダー。 3世代で楽しめる天然温泉のスパを、専門家が選んだ。 いわき湯本温泉の豊富な湯を使い、東京ドーム6個分の敷地にウオータースライダーなどのアトラクションや露天風呂を展開する。「どの空間を切り取っても非日常があ... 続きを読む

スマホも対応！スクリーンいっぱいに表示させるスライダーを実装するスクリプト -FullScreen Slider | コリス

2019/04/22 45 users セクション コリス マウス タップ スワイプ操作

ページ内のセクションをスクリーンいっぱいに表示し、マウスのクリック・ホイール操作、スマホのタップ・スワイプ操作に対応した快適なスライダーを紹介します。 FullScreen Slider -GitHub FullScreen Sliderのデモ FullScreen Sliderの使い方 FullScreen Sliderのデモ デモでは、FullScreen Sliderの快適なスライダー... 続きを読む

iPhoneの「長押し裏メニュー」いくつ知ってる？　空白ボタン「長押し」が便利すぎる！ | 文春オンライン

2019/03/29 59 users iPhone スワ 文春オンライン 手元 機種

いま、この記事をiPhoneでご覧の方、あるいは手元にiPhoneがあるという方は、iPhoneのコントロールセンターを表示して、明るさ調整のスライダーを、そのまま1秒ほど長押ししてみてください。コントロールセンターは、ホームボタンのない機種なら画面の右上から下に、ホームボタンのある機種なら画面の下の端から上にスワ... 続きを読む

スマホの操作も快適な優れもの！ビフォーアフター画像のスライダーを実装するJavaScriptライブラリ -Beer Slider | コリス

2018/09/18 33 users コリス アクセシブル jQuery ビフォーアフター画像 操作

スマホ、タブレット、デスクトップのレスポンシブに完全対応、マウス操作・キーボード操作・タッチ操作にも完全対応のアクセシブルなスライダーを実装するスクリプトを紹介します。 他スクリプトへの依存は一切なく、単体で動作し、jQueryのプラグインとして実装することも可能です。 Beer Slider Responsive & Accessib... 続きを読む

Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」 | かちびと.net

2018/09/13 20 users Element タイポグラフィ OSS レーティング アラート

Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテムやアラート、ダイアログ、ドロップダウンやツールチップ等、よく使われるUIなど、多くのシーン... 続きを読む

Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」 | かちびと.net

2018/09/07 54 users グリッド コンポーネント タブ Vue.js カラースキーム

Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード、ページネーションなども用意されており、それぞれのコンポーネントではさらに細かなスタイルを選... 続きを読む

どんどん簡単になっていく！最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス

2018/05/18 250 users モーダル コリス アコーディオン パララックスエフェクト ほか

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに... 続きを読む

[JS]タッチ操作にも対応した快適なスライダー・カルーセルを実装する軽量スクリプト -Glide.js | コリス

2018/04/16 51 users コリス jQuery カルーセル Glide.js CSS

jQueryなどのスクリプトやアニメーションのCSSに依存せずに、レスポンシブ対応の快適なスライダー・カルーセルを実装する軽量のスクリプトを紹介します。 スライダーは最後を表示した際に1枚目に巻き戻し、カルーセルは最後を表示した際に巻き戻さずにそのまま1枚目を表示します。 Glide.js Glide.js -GitHub Glide.jsの特徴 Glide.jsのデモ Glide.jsの使い方 ... 続きを読む

Google、動画で群衆の騒音のなかから1人の音声を分離する技術 - PC Watch

2018/04/13 65 users 群衆 騒音 Goole 音声 YouTube

サンプル動画。スライダーが中心の「ALL」にあるのが元の状態。「RORY」や「JOHN」にスライドさせると、ほとんどその人物だけの音声になる 　米Googleは11日(現地時間)、騒音のある中で複数人が会話をしているような動画のなかから、特定の人の音声だけを分離する技術を開発したと発表した。 　この技術の根底にあるのは機械学習で、GooleではYouTubeに上がっている10万本の高画質動画を選出... 続きを読む

Webデザインでスライダーが効果を発揮するとき | UX MILK

2018/02/28 68 users UX MILK webデザイン 効果 Agency 賛否両論

Alan Smithは、ITの領域において幅広い経験をもつ、テクノロジーに関する熱心なブロガーです。彼は現在、ロサンゼルスに拠点を置く SPINX Digital Agency と連携して仕事をしています。 Webデザインの スライダー や スライダーコントロール の使用について、デザイナーにとっては賛否両論です。好きな人もいれば、嫌いな人もいます。タイミングが悪いカルーセルパネルや、ギャラリーの... 続きを読む

ファスナー・チャックの不具合は修理できる！リップクリームが使えます！｜RELIVERS

2018/01/30 37 users エレメント ラジオペンチ RELIVERS リップクリーム

ファスナー・チャックの不具合は修理できる！リップクリームが使えます！ ■ファスナー・チャックは「エレメント」と「スライダー」から成る ■エレメントとスライダー自体の問題ならラジオペンチで自分で修理 ■布を噛んでしまったときの直し方は水平に引っ張るのが大切 急いでファスナーを閉めたら動かなくなった……なんて経験、あるんじゃないですか？ 『ガチっ』なんて音を出した後、うんともすんとも言わなくなることが... 続きを読む

[JS]このスクリプト一つで、さまざまな用途に合わせたスライダーが実装できて便利 -Tiny Slider | コリス

2017/11/08 67 users スクリプト コリス 単体 HTML 軽量

スライダーとしてのあらゆる機能を備えた単体で動作する軽量のスクリプトを紹介します。シンプルなHTMLでスライダーを実装でき、ベーシックなスライダーからフルカスタマイズされたスライダーまで、簡単に実装できます。 Tiny Slider Tiny Slider -GitHub Tiny Sliderの特徴 Tiny Sliderのデモ Tiny Sliderの使い方 Tiny Sliderの特徴 シン... 続きを読む

JavaScriptは適切に利用することが大事！HTMLとCSSだけで実はかなり高機能なスライダーを実装することができる | コリス

2017/10/17 93 users 見栄え スクロール スワイプ コリス アニメーション

スライダーとは、ナビゲートできる一列に並べられた複数のボックスのことです。もちろん、あなたはスライダーが何であるかを知っているでしょう。 スライダーにはたくさんの機能があり、スワイプやスクロールできたり、自動再生やアニメーションを備えているものもあります。 HTMLとCSSだけで、見栄えがよい機能的なスライダーをどこまで実装できるか紹介します。HTMLとCSSを理解することで、JavaScript... 続きを読む

レスポンシブに対応しててCSSでデザインを柔軟に変更できるスライダー「Slider Pro」がなかなかいい – Rriver

2017/09/07 57 users Rriver カルーセル レスポンシブ CSS プラグイン

ウェブ制作をしてるとスライダーやカルーセルってなにかと必要になるので、レスポンシブやタッチ操作などに対応していて、CSSで柔軟にデザインをカスタマイズできるスライダーのプラグインをいつも探しています。 過去に試したものでいくつかいいのはあるんですけど「帯に長し 襷に短し」的なところが必ずあって、すべての要望を満たしてくれるやつには出会えていませんでした。自分でゼロから作るのもあれですし。利用できる... 続きを読む