生成AIによる画像や音楽の〈創造〉。2024年現在、社会は生成AIが孕む様々な問題と向き合わざるを得ない状況だが、それらは徐々に受け入れられ、当然の光景になりつつもある。そんな今、SNSを中心に話題になっているのが〈AIシティポップ〉だ。AIが生み出すシティポップの楽曲が何故これほど議論になるのか? 著書「シティポップとは何か」「ポップミュージックはリバイバルをくりかえす」で知られる評論家の柴崎祐二が迫る。 ＊Mikiki編集部 生成AIが浸透した今、なぜAIシティポップが議論に? 事の発端は、先日、DJのデラさんが投稿した次のようなポストでした。 ちょっと、怖いの見つけてしまった。ユーチューブにて、AIで生成された80年代シティポップばかりアップしているアカウント。このクオリティが、どの曲も高すぎる。トラックのみならず歌詞もボーカルも素晴らしく、昨日まで存在しなかったはずなのに、どの音源
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今の時期って、期が変わり 、自分のキャパを超えて、モーレツに頑張っている人と、自分のキャパを持て余し気味で、モチベーションが落ち気味の人がいるのではないかと思います。 ５月病とはよく知られた言葉ですが、正式な病名ではなく俗称です。 激しい入学試験をパスしてやっと大学に合格し た新入生が、ゴールデンウィーク明け頃に無気力な状態になることから名づけられました。 大学生だけでなく、新入社員 などにもみられます。 お疲れ様です。 4月にこうありたいと立てた目標からぶれないよう、自分を戒める意味で、記事を作成しました。モチベーション維持が難しいと
While there are a lot of UI-based tools in Linux that you can use to see a graphical representation of system load, the number of command line tools that do the same work is pretty less. One such utility is tload, which will be discussing in this tutorial. But before we do that, it's worth mentioning that all examples in this article have been tested on an Ubuntu 18.04 LTS machine. Linux tload com
JavaScriptのイベント、ややこしいですよね。 名前が似ているものや、使い方にクセがあるものもあり、簡単なようで実装に手間どることが多いです。なので、よく使うイベントの概要をざっくりまとめ、それぞれの実行タイミングとイベントオブジェクトをコンソールで確認できるサイトを作りました。 忘れたときに調べればいいだけの話なので、わざわざサイトを作る必要はなかったのですが、イベントを眺めるのが好きな人に見ていただけたら嬉しいです。 JavaScriptのイベントをたくさん見られるサイト ひたすらaddEventListenerしていたら、イベントに愛着が湧いたので、イベントの実装でハマりそうなところをまとめています。 なぜイベントを使うのか マウスなどはイベントじゃないと値が取得できませんが、頑張ればイベントを使わずとも実装できるものもあります。たとえば、テキストボックスの変更を知りたいだけで
「エゴレスプログラミング」という言葉があります。アメリカのコンピューター科学者、ジェラルド・ワインバーグ氏によって『プログラミングの心理学』にて取り上げられた思想です。プログラマ同士が協調する事で最終的なコードの品質が向上するという思想です。プログラマが協調できていないムードだとコードの品質が下がると言い換えてもなんだか思い当たるフシのある感じです。1970年代からある考え方ですが、ちょうど話題になっていました。さてそのエゴレスプログラミングの為の十戒は下記のようになっています。 自分が失敗をする事を認める コードは自分自身ではない どれだけ空手を知っているかは重要ではない。他にもっと知っている人がいる 相談なしにコードを書き換えない 自分よりも知識が無い人に対して尊敬と敬意と忍耐を持って接する 唯一不変な事は、世界は変わるという事 権威は立場からではなく知識から生まれる 自分が信じるもの
Visual Studio 2017 ASP.NETでビルド構成別にconfigを切り替える方法
Visual Studio 2017 で ASP.net MVC のプロジェクトをビルド構成別にconfigを切り替える方法として、Web.[ビルド構成].Config を使用する方法があります。 これを行うには、Visual Studio拡張のConfiguration Transformを利用することで、簡単にファイルを用意することができ、またプレビュー確認もできます。 しかしながらこのビルド構成別切り替えは、発行時にのみ適用されるもので、Web.Debug.configのように開発時だけ適用したいという用途があっても、これだけではconfigが切り替えられることはありません。そこで調べてみたところ、プロジェクトファイルを編集することで、Visual Studioでのビルド時にも対応可能であることがわかりました。（参考） ビルド時のビルド構成別config適用方法 Visual Stu
ASP.NETで開発を行っている時にビルド実行時に選択したビルド構成でWebConfigのDBの接続先を変更できたらいいのになぁ、と思うことはよくあると思います。割りと簡単な設定で実現できるので方法について記載していきます。 ビルド構成の追加 WebConfigにはビルド構成別に子要素としてWeb.[ビルド構成名].Configが配置されています。初期では「Web.Release.Config」と「Web.Debug.Config」が用意されていると思います。任意のビルド構成を追加したい場合は下記の手順で追加します。 ビルド選択のリストボックスを展開し「構成マネージャ」を選択します。 構成マネージャを開いたらアクティブソリューション構成の「新規作成」を選択します。 ここで任意の文字を入力すればビルド構成を新規に追加することができます。 ビルド構成を追加したらWebConfigを右クリックし
jquery.dgtable This is a table View for jQuery, which is meant to be high-performance, and allow simple user interactions with the UI, such as: Sorting Sorting by more than one column Moving columns Resizing columns Full cell preview when hovering Native RTL support Variable row height Other features implemented are: Mix absolute column widths with relative column widths Virtual table mode (to sup
isomorphic-git is a pure JavaScript implementation of git that works in node and browser environments (including WebWorkers and ServiceWorkers). This means it can be used to read and write to git repositories, as well as fetch from and push to git remotes like GitHub. isomorphic-git aims for 100% interoperability with the canonical git implementation. This means it does all its operations by modif
自分の語彙力ってどのくらいだろうって思ったことありませんか？毎日日本語を使っていたり、日本語が母語であっても、このテストを難しいと感じるかもしれませんよ！ 独自の学術調査とオンラインの情報を調べることでこのクイズをデザインし、あなたにとっておきのテストをご用意しました！ English | Français | Deutsch | 日本語 | Español Português | Italiano | Polski | Українська | Русский ภาษาไทย | Indonesia | Melayu | Tiếng Việt | Türkçe | العربية Nederlands | 中文(汉语) | 한국어 | Čeština Suomi | Dansk | Svenska | Norsk
webpack はエントリーポイントを指定することで複数の JS ファイルの書き出しが可能。 gulp-webpack も公式で以下の方法を紹介している。 var gulp = require('gulp'); var webpack = require('gulp-webpack'); var named = require('vinyl-named'); gulp.task('default', function() { return gulp.src(['src/app.js', 'src/test.js']) .pipe(named()) .pipe(webpack()) .pipe(gulp.dest('dist/')); }); 上記の場合、dist/app.js、dist/test.js が出来上がる。 一つ一つファイル名書くのは面倒なので、glob で省略するとこうなる。
Result 数年前に見かけた懐かしい感じの3Dなカルーセルです。 CSSだけで出来る時代になりましたね。 css#slideshow {/*全体*/ margin: 0 auto; padding-top: 50px; height: 600px; width: 100%; background-color: #ddd; box-sizing: border-box; } .entire-content {/*カルーセルの見栄え。perspectiveで奥行きを設定する*/ margin: auto; width: 190px; perspective: 1000px; position: relative; padding-top: 80px; } .content-carrousel {/*各画像を包括、アニメーションを設定*/ width: 100%; position: abso
npm-check-updatesというNode.jsのモジュールを使ってみたら便利でしたという話です。 2013年のブックマークとかもあったので、別に新しいものではないと思うけど、私は知らなくて感動したのでした。 なにこれ？ package.jsonに書かれているnpmのバージョンを、一括で最新に書き変えてくれるNode.jsのモジュール。 ncuコマンドひとつで一度に書き変えできて便利。 実際に書き変える前に確認だけすることもできる。 「メジャーバージョンは固定で、それ以下を最新にしたい」などの細かい設定もオプションで可能。 どんなときに便利なの？ 既存のpackage.jsonを流用して、同じnpmをそのまま使いたいけど、バージョンだけは新しくしたいとき。 昔つくったサイトのメンテナンスで、npmのバージョンだけを新しくしたいとき。 使い方 初回のみ、npm-check-update
本記事の内容は、こちらの個人ブログに移動しました。 https://www.hypertextcandy.com/modern-javascript-sleep
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
