5分で解決できる推理クイズを毎日自動生成してくれる「Mystery-o-matic」
論理パズルやマーダーミステリーといった推理ゲームは、論理的思考や注意力が問われるため楽しくやりがいがありますが、一度解いて答えを知ってしまうと二度と同じ楽しみを味わうことができません。ミステリークイズを出題するサイト「Mystery-o-matic」は、毎日新しい殺人事件のミステリークイズをランダムに生成しており、毎日チャレンジして探偵力を鍛えることができます。 mystery-o-matic https://mystery-o-matic.com/ Mystery-o-maticにアクセスすると、早速以下のように殺人ミステリが表示されました。朝9時から10時45分のどこかで殺害されてしまったボブは、10時45分に寝室で発見されました。凶器はキッチンにあったピストルか、ダイニングのナイフか、寝室の毒か、トイレのロープ。また、それぞれの部屋の配置も重要な手がかりです。容疑者はデイブとエディの
【中級者・上級者向け】CSSの理解度チェックシート
今の自分のCSS力を計測するためのチェックシートをつくってみました。足りていない知識やトピックに気付けるよにと作成しています。知らないトピックがあれば、適宜調べながら知識を補っていきましょう。この記事は、定期的に整理して更新していきます。 CSS中級者〜上級者向けの内容が多いかと思いますが、全然わからないという人はこれを元にひとつひとつ調べて理解を深めていきましょう。 リセットCSSを活用している::before、::afterを使いこなせるmin-width、max-widthを使いこなせるメディアクエリーの意味を理解して使いこなせるvw、vhの単位を使いこなせるline-height、letter-spacingを使いこなせるoverflow:hidden、overflow-x、overflow-yを使いこなせるword-breakの使い方がわかるpadding-topを用いて縦横比を
Synthesizer VがDTM界にまた新たな革命!人の歌声から音程と歌詞を抽出して再合成。ARA 2対応でDAWとの有機的な融合も実現｜DTMステーション
Dreamtonicsが開発する歌声合成ソフト、Synthesizer Vは、これまでアップデートの度に世の中に大きな衝撃を与えてきたのはみなさんもご存じのとおりですが、11月24日、また新たなバージョン、1.11.0を発表するとともに、そのβテスト版である1.11.0 Beta1が公開になりました。今年6月に登場した1.9.0ではラップを実現し、8月に登場した1.10.0では人間のフィードバックを強化学習するRLHFに対応してより上手に歌うようになったばかり。そして今回の1.11.0では歌わせるエンジン部分そのものというより、歌声合成ソフトとしてのツール部分を大きく進化させ、まさにDTM界に衝撃を与える機能を実現させたのです。 その1つ目は、人の歌声を元にスコアを作成すると同時に歌詞も入れ込んでしまうという機能の実現です。昔から鼻歌を元にスコアを作るという技術はありましたが、それらとは次
これは便利すぎる！ Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました
WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました！ 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に！ 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク
ブラウザ上でデバッグするときに使えるテクニック
ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know | Alan Norbauer https://alan.norbauer.com/articles/browser-debugging-tricks ◆高度な条件付きブレークポイント 開発者ツールの「ソース」タブにはデバッガーが用意されており、JavaScriptの任意の行にブレークポイントを設定することで実行を一時停止して変数やコールスタックの中身を確認できます。ブレークポイントを
フルスタックプログラマーの卵どもにおくる、独学チートシート - Qiita
フルスタックプログラマーの卵どもにおくる、独学チートシート お前ら、まず初めに、ホヤホヤのひよこの身分で卵ども などと上から目線で発言してしまい、大変失礼いたしました。非礼をお許しください。 自分自身独学ウェブプログラマーの身分として体験してきた事ですが、バックからフロントまで全部自分で仕上げられる立派なプログラマーになろうと思って勉強を始めようとすると、まず圧倒される。 勉強すべき事が多すぎるからである。 HTML/CSSからHTTP、サーバーサイド、セキュリティー、Auth、データベース、無数にあるフレームワークやライブラリ、GitやDockerなんかのツール類。 一体毎日勉強しても何年かかるのか、さらに技術が陳腐化して新しいものに取って代わられていくペースを眺めていると、勉強してもしても追いつかない様な気分になってくる。 ただ、物事には芯というものがあり、そこをまず抑えておけば、全体
VSCodeのソース管理をはじめよう！ Gitの連携機能について解説
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
安全なウェブサイトの作り方~失敗例~ - goruchan’s blog
安全なウェブサイトの作り方を読んだので、理解した内容を自分なりにまとめておきます。資料 上記は3章構成になっていてそれぞれ長めの内容なので、ここでは3章の『失敗例』について、Ruby on Rails ではどうするかについてをまとめます。 SQL インジェクション OS コマンドインジェクション パス名パラメータの未チェック例（ディレクトリトラバーサル） 不適切なセッション管理例（セッション ID の推測） クロスサイト・スクリプティングの例（エスケープ処理） CSRFの例 HTTP ヘッダ・インジェクションの例 メールヘッダ・インジェクションの例 参考 SQL インジェクション 参考資料内の SQL インジェクション例を見て、Ruby on Rails ではどのように対策できるかを確認しました。 例えば、下記ような $uid, $pass をユーザ入力とし、SQL 文を動的に生成する場合
【VS Code】tasks.jsonで決まった作業を自動化する | DevelopersIO
はじめに VS Codeでコーディングをするとき、Gitの操作やビルド、デプロイなど、決まった処理を手動で実行するのが面倒だなと思ったことがあるのではないでしょうか。tasks.jsonというファイルを使えば、そういった面倒な手順を自動化し、開発効率を上げることができます。 この記事でやること この記事では、作業ブランチにmainブランチの取り込みを行うGitコマンドを自動化してみます。mainブランチを取り込むために、以下のコマンドを毎回手で実行しているとします。 git stash git pull origin main git stash pop これをtasks.jsonに定義して自動化したいと思います。 タスクの作成 タスクを作成するには、VS CodeのメニューのTerminal⇒Configure Tasksを選択します。 Create tasks.json file fr
【WordPress】 受託開発におけるハイブリッドテーマ開発 - Qiita
はじめに この記事では、受託開発において WordPress テーマを制作する時に、ハイブリッドテーマで構築するための設計・アプローチを提案するものです。 記事タイトルに「受託開発における」と含めた理由は、WordPress テーマディレクトリに公開したり、不特定多数に配布するようなテーマにおいては、この記事のアプローチが必ずしもベストな方法ではないと考えるからです。あくまでも、特定の WordPress サイト (特定のクライアント・エンドユーザー) 向けに最適化したテーマを制作するというシチュエーションにおいての話となります。 ハイブリッドテーマとは ? まず、ハイブリッドテーマ含め、どのようなテーマの形態が存在しているかを、WP Tavern の記事 (Block, FSE, Hybrid, Universal? What Do We Call These New WordPress
料理の幅も広がる？ 楽天ふるさと納税で選べるおすすめ食品を紹介 - ソレドコ
楽天お買い物マラソン開催中、日用品などをまとめ買いするようにしている人も多いのでは。ソレドコ編集部の佐伯は、定期的に「ふるさと納税」をしているそうです。 ふるさと納税で届いたカニで、カニ鍋をしました。贅沢！ こんにちは、ソレドコ編集部の佐伯です。 野外フェスやコンサートなど、なにかと現場の多い夏（私はサマソニに参戦予定です……）。浪費が止まりません。チケット代ほか、交通費やグッズ購入などで気付けば「え、こんなに使ってたの？！」となることもしばしば。 そんなときにも慌てずにすむよう、日々の節約はできる範囲で実践していて、中でも平日は節約も兼ねて外食はあまりせず、自炊するように心がけています。 その自炊で活用しているのが「ふるさと納税」。返礼品は、日常的に使う食料品を選ぶようにしているんです。 そこで今回は、私が普段ふるさと納税でどんな食料品を選んでいるのか紹介します。 （ちなみにふるさと納税
Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog
Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev ModeやFigma for VS Codeはまだベータ版で動作保証されておりません。また本記事の内容は個人が趣味で検証したことをご理解の上、自己責任にてご利用ください。 Figma for VS Codeとは 主な使い方 使用時のワンポイント Point1： Figmaのトークンの名前と値が確認できる Point2： FigmaのSectionやReady for devマークの有無はあまり気にしなくて良い Point3：
言葉を失う衝撃！「シン・テキストADV」の序章を体感せよ！『文字遊戯 第零章』レビュー！【PC】 - 絶対SIMPLE主義
文字遊戯 第零章 on Steam 文字遊戯 on Steam 『文字遊戯 第零章』のレビュー行くぜ！ パブリッシャー：フライハイワークス 機種：PC ジャンル：真なる文字冒険遊戯(シン・テキストADV) 発売日：2023/7/14 価格（税込）：無料 すべてが文字で構成された世界を冒険するアドベンチャーで、 2024年に配信が予定されている『文字遊戯』の序章となる内容だ。 元々は中国語のゲームであり、日本語化は不可能……というか、 他言語にローカライズする発想がまず出ないであろう内容なんだが、 まさかのフライハイワークスが名乗りを上げて完全日本語化への挑戦がスタート。 ジャンルは簡単に言うとパズルADVではあるんだけど、 公称の「シン・テキストADV」という呼び名がピッタリくる内容だったね。 というか実際遊ぶと「本当に元は中国語のゲームだったんですか？」ってビビるぞ！ 勇者である「我」を
フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です
音源分離ツールSpleeterと音源MIDI変換ツールBasic-PitchをM1 MacBook Air上のDockerで動作させる
はじめに 楽曲をアナライズしたいとき、ボーカルの旋律とか、伴奏の最低•最高音は聴音しやすいものです。 ですが、、たとえばテンションを含む密集した和音のボイシングまで分解するのは、途方もなくしんどいです。もちろん訓練された能力と、それなりの時間も必要になります。 手元に楽器がない環境の人にとっては、なおさら難しいことです。 そこで補助的に機械学習ライブラリの力を借りて、能力や時間がない人でも、より良い音楽学習ができるようにすることは、音楽の文化に良い影響があると思います。 SpleeterとBasic-Pitchという二つの最高なライブラリが提供するコマンドラインツールを使うことで、音源をパート別に分離して、それぞれのパートをMIDIノートとして出力することができます。 それによって、リファレンス楽曲の分析自体に時間をかけることなく、本当の目的である解析、そして解析した後にどう昇華させるか考
【藤本タツキ1万字インタビュー】漫画家・藤本タツキが語るジブリ作品の魅力とは。満席の映画館で『千と千尋』を立ち見した「原体験」から宮﨑駿監督への想いまで | 集英社オンライン | ニュースを本気で噛み砕け
満席の映画館で『千と千尋の神隠し』を 立ち見した「原体験」 鮮烈な初連載を飾った『ファイアパンチ』、傑作読み切り『ルックバック』『さよなら絵梨』、そして現在は「少年ジャンプ+」にて『チェンソーマン』第二部が絶賛連載中の鬼才・藤本タツキ。藤本と言えば、SNS上等でたびたび言及される「映画愛」が印象的だ。中でも、スタジオジブリ作品には特に思い入れがあるようで、藤本ファンの間では有名な話になっている。 そこで本インタビューでは、『スタジオジブリ物語』（鈴木敏夫・責任編集）の刊行を記念して、はじめてまとまった形で「ジブリ」について、1時間ぶっ通しで語ってもらった。満席の映画館で『千と千尋の神隠し』を立ち見した「原体験」の個人史から始まり、『もののけ姫』の分析や宮﨑駿監督への想い、そして自身の創作術まで、藤本タツキのエッセンスが垣間見えるインタビューを一万字の大ボリュームでお届けする。 満席の映画館
君たちはどう生きるか ネタばれあり・見たけど意味わからんかった人
追記 たくさん読んでくれて嬉しい。元は友人とのTwitterDMが下書きになっていて雑な文章だから申し訳ない。なので以下、こちらの意図が伝わってないコメントに返す。 ・この物語の各パーツ・キャラを現状のジブリのメタファとする解釈はこの児童文学作品を矮小化していると思う。あまり好きではない →全く同意見で、書いた通り普段はテクスト的に解釈するのが好きです。矮小化されてしまってるのもそうなので、これだけが「正解」だとは微塵も思ってないし書いた通り自信はない。今回は宮崎駿の最後の作品、って思いが自分に強すぎて作家周辺の解釈がまず出たのだと自己分析している。作品そのものの解釈は海燕さん他書いているのがよかった。 ・映画も見てないし原作も読んでないけど、なるほど(以下略) →お前みたいなやつがいちばんダメ。観ろ。観ずになるほどすんな。 ・一般向けではないというけど、次世代へのバトンや家族の話って極め
宮崎駿最新作『君たちはどう生きるか』を理解できなかった人のためのネタバレ謎解き。＋おまけ記事30000文字。｜海燕（ライター）
宮崎駿最新作『君たちはどう生きるか』を理解できなかった人のためのネタバレ謎解き。＋おまけ記事30000文字。 1000スキありがとうございます！ さらに調子に乗っておまけとして有料文章30000文字を追加してみました。有料ではありますが、宣伝ツイートをRTしていただくと無料で読めます。くわしくは↓の有料個所から飛んでください。無料でもぜんぜんかまわないので、ぜひ読んでみてください。よろしくお願いします。 昨日、宮崎駿監督の『風立ちぬ』以来、10年ぶりの新作映画『君たちはどう生きるか』が公開されたので、ひとりのアニメファンとして当然ながら初日初回で見てきた。 個人的にはリッチなアニメーションと幻想的なストーリーテリングを楽しんだが、予想通りというかいつものことというか、ネットでは賛否両論である。 それ自体はおおよそ想像できた展開ではあるのだが、予想外だったのは「ストーリーがわからない」という
宮﨑駿『君たちはどう生きるか』 - 青春ゾンビ
宮﨑駿による『不思議の国のアリス』（もしくは宮沢賢治の童話）とでもいうような、イマジネーションの破茶滅茶なまでの躍動。『千と千尋の神隠し』以降の作品に見られた傾向がさらに押し進み、ストーリー・テリングとしては、明らかに混乱している。しかし、それは宮﨑駿の“世界”に対する誠実な態度であるように思う。シンプルで明瞭なストーリーで語り切れるほど、この複雑で暗澹たる現代は生易しくないし、そもそも人間というのはそんなに簡単なものではない。たとえば、この映画における主人公の父親。彼にいい印象を持つ観客は多くないだろう。転校初日に車で学校に乗りつけたり、子どもの喧嘩に介入したりするさまなどは、まさにエーリッヒ・ケストナーが『飛ぶ教室』で書いた大人への批判がそのまま当てはまる。 どうしておとなはじぶんの子どものころをすっかり忘れてしまい、子どもたちにはときに悲しいことたみじなことだってあるということを、あ
ただ個人開発してもどうせ誰にも使われないので集客から始めてみた
自分の作ったサービスで食っていく。 僕みたいに、大した技術力もなければフォロワーも少ないような個人開発者が自分のサービスを広めるために、集客に本気で取り組んでいる過程をまとめていく。 まだ食っていくには程遠いが、想定に近い動きをできているため、ここで思考を整理しつつアプローチをシェアする。 僕が運営しているサービス いま僕が運営している『はいしんツールキット』はライブ配信者（ゲーム実況・VTuber etc.）向けのツール集だ。 YouTubeなどでライブ配信を見る習慣がある方には馴染み深いであろう、配信画面に視聴者のコメントを表示していたり、DiscordのアイコンがPOPに表示されていたり、ライブ配信活動に便利なツールを使えるのが主な機能となる。 Zennのユーザには縁遠いサービスなのは残念だが、いつどの時間でもYouTubeやTwitchを開けば、うちのサービスを使った配信者さんを簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
