| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 静岡県伊東市の森林にリゾート施設が誕生、特徴は？ |
https://www.itmedia.co.jp/business/articles/2303/02/news133.html
|
itmedia |
2023-03-03 10:51:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 近隣トラブルの経験ランキング 3位「迷惑駐車」、2位「悪臭」、圧倒的1位は？ |
https://www.itmedia.co.jp/business/articles/2303/03/news077.html
|
itmedia |
2023-03-03 10:45:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 無印良品の「インフラゼロでも暮らせる家」 2024年の実用化を目指す |
https://www.itmedia.co.jp/business/articles/2303/03/news075.html
|
itmedia |
2023-03-03 10:30:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 「従業員エンゲージメント」向上のカギは”社外”にあった 調査から見えてきたこと |
https://www.itmedia.co.jp/business/articles/2303/03/news074.html
|
ITmediaビジネスオンライン「従業員エンゲージメント」向上のカギは社外にあった調査から見えてきたこと顧客を大切にする企業であるほど「従業員エンゲージメント」自社への愛着・信頼の度合いが高いー。 |
2023-03-03 10:30:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] クレカのタッチ決済で乗車、江ノ電が今春対応へ 首都圏の鉄道で初 |
https://www.itmedia.co.jp/business/articles/2303/02/news184.html
|
鉄道事業者 |
2023-03-03 10:21:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 世界の「フードテック」が日本に集結 シティテック東京の注目企業5社 |
https://www.itmedia.co.jp/business/articles/2303/03/news079.html
|
citytechtokyo |
2023-03-03 10:21:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 三井住友カード、「Vポイント祭」開催 最大10万円分のポイント還元 |
https://www.itmedia.co.jp/business/articles/2303/02/news180.html
|
itmedia |
2023-03-03 10:16:00 |
| TECH |
Techable（テッカブル） |
PS5のストレージを増設！高速データ転送&ロード速度の低下を防ぐ4TBの拡張SSDが発売 |
https://techable.jp/archives/198259
|
家電量販店 |
2023-03-03 01:00:54 |
| python |
Pythonタグが付けられた新着投稿 - Qiita |
[Python] Doc2Vecを使った文書のクラスタリング |
https://qiita.com/yzrnb/items/822733bf3c178562ca6a
|
pythondocvec |
2023-03-03 10:08:59 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【Web開発】JavaScripだけでフォーム送信時にローディング画面を表示 |
https://qiita.com/haruki-lo-shelon/items/90d752b40b056c8f2ff1
|
django |
2023-03-03 10:53:18 |
| Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
Ruby 預金システムのアルゴリズム問題 |
https://qiita.com/ta--i/items/a2d5be985606a74e94df
|
withdraw |
2023-03-03 10:40:37 |
| Git |
Gitタグが付けられた新着投稿 - Qiita |
gitでリモートブランチからローカルブランチを作成 |
https://qiita.com/kimura_r76/items/3f4434fd8f5755211122
|
gitlab |
2023-03-03 10:10:01 |
| Ruby |
Railsタグが付けられた新着投稿 - Qiita |
Ruby 預金システムのアルゴリズム問題 |
https://qiita.com/ta--i/items/a2d5be985606a74e94df
|
withdraw |
2023-03-03 10:40:37 |
| 技術ブログ |
Developers.IO |
クラスメソッドコリアにジョインした野元です！ |
https://dev.classmethod.jp/articles/cmkr_joined_nomoto_202303/
|
自己紹介 |
2023-03-03 01:52:04 |
| 技術ブログ |
Developers.IO |
最高のパフォーマンスを発揮するために雑談交流会を開催しました |
https://dev.classmethod.jp/articles/design_chatting/
|
雑談 |
2023-03-03 01:45:25 |
| 技術ブログ |
Developers.IO |
SQLite3で型に厳格なSTRICTテーブルを作る |
https://dev.classmethod.jp/articles/sqlite-static-type-system-with-strict-mode/
|
sqlite |
2023-03-03 01:38:19 |
| 海外TECH |
DEV Community |
Build an accordion component with Alpine.js |
https://dev.to/michaelburrows/build-an-accordion-component-with-alpinejs-2nl6
|
Build an accordion component with Alpine jsIn this tutorial we ll be using Alpine js to build an accordion component Accordions or collapsible panels as they re also known are used to hide and show large amounts of content by clicking a heading Please note to keep this tutorial Alpine focused I ve used the Tailwind CSS framework but it could easily be converted to plain CSS Let s get started by creating a new HTML file and loading Alpine and Tailwind via CDN lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta name viewport content width device width initial scale gt lt title gt Alpine js Accordion lt title gt lt link href dist tailwind min css rel stylesheet gt lt script src defer gt lt script gt lt head gt lt body gt lt body gt lt html gt Now for the accordion data which is stored in an array as follows lt script gt document addEventListener alpine init gt Alpine data accordion gt data id heading What is Alpine js content Lorem ipsum dolor sit amet consectetur adipiscing elit Phasellus quis pharetra dui ac feugiat metus Vivamus id pellentesque urna quis hendrerit tortor Sed pharetra sapien a metus fringilla varius isOpen false id heading Is Alpine js better than jQuery content Lorem ipsum dolor sit amet consectetur adipiscing elit Phasellus quis pharetra dui ac feugiat metus Vivamus id pellentesque urna quis hendrerit tortor Sed pharetra sapien a metus fringilla varius isOpen false id heading Who created Alpine js content Lorem ipsum dolor sit amet consectetur adipiscing elit Phasellus quis pharetra dui ac feugiat metus Vivamus id pellentesque urna quis hendrerit tortor Sed pharetra sapien a metus fringilla varius isOpen false lt script gt The eventListener here is waiting for Alpine to load before creating a data object Next we can start with the accordion component itself lt div x data accordion class p gt lt div gt Components in Alpine always have the x data directive which defines a section of HTML as an Alpine component It also provides the reactive data for a component to reference in our case the accordion data created in the previous step We ll use the lt template gt element for holding the HTML as it isn t be rendered immediately lt div x data accordion class p gt lt template x for accordion in data key accordion id gt lt template gt lt div gt Alpine s x for directive iterates through the data to create the following markup lt div x data accordion class p gt lt template x for accordion in data key accordion id gt lt div class accordion gt lt button click data data map i gt i isOpen i id accordion id false i isOpen class w full flex justify between items center border b py gt lt h x text accordion heading class font bold gt lt h gt lt button gt lt div x text accordion content x show accordion isOpen class py gt lt div gt lt div gt lt template gt lt div gt When the button is clicked the isOpen value is toggled between true and false The x text directive gets the accordion content and displays it within the element it reside The final piece of Alpine used is x show which controls the visibility on and element so only when accordion isOpen equals true is the content visible Finally let s add an icon to indicate whether or not the accordion is open or closed lt div class accordion gt lt button click data data map i gt i isOpen i id accordion id false i isOpen class w full flex justify between items center border b py gt lt h x text accordion heading class font bold gt lt h gt lt span x show accordion isOpen gt lt span gt lt span x show accordion isOpen gt lt span gt lt button gt lt div x text accordion content x show accordion isOpen class py gt lt div gt lt div gt Once again we ve used x show to control the visibility of the open and closed icons based on the value of accordion isOpen That s all for this tutorial you should now have a fully functioning accordion component powered by Alpine js If you enjoyed this tutorial you may also be interested in some of our other Apline js tutorials |
2023-03-03 01:21:01 |
| 金融 |
ニッセイ基礎研究所 |
雇用関連統計23年1月－生産活動停滞の影響で製造業の新規求人数が減少 |
https://www.nli-research.co.jp/topics_detail1/id=74052?site=nli
|
労働力人口が前月から万人の増加となる中、就業者が前月から万人増加し、失業者は前月から万人減の万人いずれも季節調整値となった。 |
2023-03-03 10:38:16 |
| 金融 |
ニッセイ基礎研究所 |
ユーロ圏消費者物価（23年2月）－コア指数伸び率が最高値を更新 |
https://www.nli-research.co.jp/topics_detail1/id=74054?site=nli
|
「飲食料アルコール含む」は、前年同月比で月と、加速傾向にあり、エネルギー物価の上昇率を上回った。 |
2023-03-03 10:21:35 |
| 金融 |
生命保険協会 |
「卒業を祝う会」を開催しました（岩手県協会） |
https://www.seiho.or.jp/info/social/2023/cr_20230303_1.html
|
開催 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
第32回まごころ募金からの埼玉県への寄付に対して県知事より感謝状をいただきました。 (埼玉県協会) |
https://www.seiho.or.jp/info/social/2023/cr_20230303_2.html
|
埼玉県協会 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
「介護福祉士養成奨学生交流会」を開催しました（長野県協会） |
https://www.seiho.or.jp/info/social/2023/cr_020230303_3.html
|
介護福祉士 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
介護福祉士・保育士養成給付型奨学生との懇談会を開催しました（鳥取県協会） |
https://www.seiho.or.jp/info/social/2023/cr_20230303_4.html
|
介護福祉士 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
福祉巡回車を贈呈しました（島根県協会） |
https://www.seiho.or.jp/info/social/2023/cr_20230303_5.html
|
贈呈 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
「介護福祉士・保育士養成奨学生懇談会」を実施しました（広島県協会） |
https://www.seiho.or.jp/info/social/2023/cr_20230303_6.html
|
介護福祉士 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
「介護福祉士養成給付型奨学金」奨学生の卒業激励会を開催しました（高知県協会） |
https://www.seiho.or.jp/info/social/2023/cr_20230303_7.html
|
介護福祉士 |
2023-03-03 12:00:00 |
| 金融 |
生命保険協会 |
福祉巡回車・助成金を贈呈しました （高知県協会） |
https://www.seiho.or.jp/info/social/2023/cr_20230303_8.html
|
高知県 |
2023-03-03 12:00:00 |
| 海外ニュース |
Japan Times latest articles |
Tokyo inflation slows sharply as Kishida’s subsidies kick in |
https://www.japantimes.co.jp/news/2023/03/03/business/tokyo-inflation-slows-sharply/
|
january |
2023-03-03 10:35:36 |
| ニュース |
BBC News - Home |
Half of world on track to be overweight by 2035 |
https://www.bbc.co.uk/news/world-64831848?at_medium=RSS&at_campaign=KARANGA
|
obesity |
2023-03-03 01:19:02 |
| ニュース |
BBC News - Home |
The Papers: MI5 Manchester failings and Hancock 'betrayed' |
https://www.bbc.co.uk/news/blogs-the-papers-64831942?at_medium=RSS&at_campaign=KARANGA
|
texts |
2023-03-03 01:33:14 |
| GCP |
Google Cloud Platform Japan 公式ブログ |
チップ用の現金が不要に。TackPay が Google Cloud 上にチップ支払い用デジタル プラットフォームを構築 |
https://cloud.google.com/blog/ja/topics/startups/tackpay-builds-digital-tipping-platform-on-google-cloud/
|
チップ処理をデジタル化することで、個人が現金を介さずにチップを受け取ることができるだけでなく、レストランやホテルなどでありがちな、不公平かつ不明瞭で非効率的なチップ処理を合理化することができます。 |
2023-03-03 03:00:00 |
| ビジネス |
プレジデントオンライン |
まるで就活…｢ご健闘をお祈りします｣50代バツイチ女性が婚活アプリで出会った男性から言われた"残酷な言葉" - 写真のイメージと違うと"即不採用"浴衣の後ろ姿が裏目に出た |
https://president.jp/articles/-/67002
|
若い世代 |
2023-03-03 11:00:00 |
| ビジネス |
プレジデントオンライン |
世帯年収1800万円も火の車…｢毎月の高級温泉泊と息子への"高額課金"は譲らない｣浪費52歳妻の呆れた言い分 - 家族3人なのに食費が月15万円…その驚きの理由とは |
https://president.jp/articles/-/66929
|
一人息子 |
2023-03-03 11:00:00 |
| GCP |
Cloud Blog JA |
チップ用の現金が不要に。TackPay が Google Cloud 上にチップ支払い用デジタル プラットフォームを構築 |
https://cloud.google.com/blog/ja/topics/startups/tackpay-builds-digital-tipping-platform-on-google-cloud/
|
チップ処理をデジタル化することで、個人が現金を介さずにチップを受け取ることができるだけでなく、レストランやホテルなどでありがちな、不公平かつ不明瞭で非効率的なチップ処理を合理化することができます。 |
2023-03-03 03:00:00 |
コメント
コメントを投稿