並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 237件

新着順 人気順

サンプルの検索結果1 - 40 件 / 237件

サンプルに関するエントリは237件あります。 csswebデザイン開発 などが関連タグです。 人気エントリには 『個人情報テストデータジェネレーター』などがあります。
  • 個人情報テストデータジェネレーター

    アプリケーションのテストなどで利用できる、リアルな架空の個人情報データ(疑似データ)を生成するツールです。

      個人情報テストデータジェネレーター
    • 新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High

      よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規模な状態管理などなどの条件が増えるので、Todoアプリを作っているときには考慮できていなかった大変さが出てくる。 そこで参考になるのが RealWorld example apps と呼ばれるプロジェクト 端的に言うと、TodoMVCの大規模版。 規定のスペックに沿って、様々なウェブフレームワークで作られたアプリケーションのリポジトリがリストアップされている。 スペックについて "Conduit" is a social blogging site (i.e. a Medium

        新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
      • 素人が中国で部品をオーダーメイドした話

        1984年生まれ岡山のど田舎在住。技術的な事を探求するのが趣味。お皿を作って売っていたりもする。思い付いた事はやってみないと気がすまない性格。(動画インタビュー) 前の記事:フライドポテト、チェーン店別徹底比較 > 個人サイト オカモトラボ インターネットの発展とともに自分で考えたりデザインしたりした商品を売るハードルはものすごく低くなっている。かくいう僕もオリジナルのLEDバッジなどをハンドメイドして売っている。 ハンドメイドにはハンドメイドの良さがあるが、より多くの人の手元に届けようとした場合、量産も選択肢のひとつだ。しかし量産に関する情報はまだまだ乏しい。 ある日、材料が手に入らなくなる 僕がハンドメイドで作っているバッジ(ブローチ)ではこの電子部品を使用している。 マトリックスLEDという電子部品。 この電子部品を日本のネットショッピングサイトから買っているが、製造元は中国の会社だ

          素人が中国で部品をオーダーメイドした話
        • ネトウヨ大贋作展へようこそ : ネトウヨの寝耳にウォーター

          日本のネトウヨ美術は世界トップレベルの低俗さを誇っとるんや。 それらの作品が時とともに散逸していくことに危機感を覚えて、 当美術館ではネトウヨ作品を保存、展示することにしたで。 ゆっくり鑑賞していってな。 捏造は飲み物! ネトウヨ様ご愛用のフェイク画像を一挙大公開!(Moong 2019.8.30)ネトウヨ「名字が左右対称の漢字は在日」→ 現実「日本人でも約30%は左右対称な漢字の名字」(2ちゃんねるとネット右翼(ネトウヨ)ウォッチング&その分析)フジテレビ『池上彰 緊急スペシャル!』の「日本が嫌いです」字幕捏造事件は本当? 調べてみると……(篠原修司 2019.8.9)目的のためなら証拠捏造!「韓国は日韓W杯で『FUCK YOU JAPAN』と人文字を作った」?(脱「愛国カルト」のススメ 2014.3.28)「サムスンがCMに富士山を使ってなりすまし」はデマ&ヒュンダイ相撲(脱「愛国カル

            ネトウヨ大贋作展へようこそ : ネトウヨの寝耳にウォーター
          • みんな、とにかくオセロAIを作るんだ - Qiita

            オセロAIってなんか難しそう?そんなことはありません。むしろゲームAIを学ぶ様々なレベルの人にこれ以上ないくらい最適です。この記事ではオセロAIを作ると何が良いのかをひたすら語っていきます。そしてオセロAIをこれから作る人のために参考になりそうな記事をいっぱい貼り付けていきます。 私自身はもうかれこれ1年以上オセロAIにどっぷりハマっています。詳細は以前書いた記事で。 オセロAIをおすすめする3つの理由 1. 原始的なゲーム木探索を学べる オセロは「二人零和有限確定完全情報ゲーム」と呼ばれる種類のゲームです。この名称を説明すると、 二人: 二人で行われる、 零和: どちらかが得をすればもう片方が同じだけ損をする、 有限: 探索すべき範囲(ゲーム木)が有限で、 確定: 手番が一意に定まり、 完全情報: ランダム要素などの予期せぬ情報がない、 ゲーム: ゲームである という意味です。チェスとか

              みんな、とにかくオセロAIを作るんだ - Qiita
            • CSS Stock|Web制作を楽にするCSSコピペサイト

              HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している

              • 貞本義行@腰痛 on Twitter: "キッタネー少女像。 天皇の写真を燃やした後、足でふみつけるムービー。 かの国のプロパガンダ風習 まるパク! 現代アートに求められる 面白さ!美しさ! 驚き!心地よさ!知的刺激性 が皆無で低俗なウンザリしかない ドクメンタや瀬戸… https://t.co/3wqZGCqLzd"

                キッタネー少女像。 天皇の写真を燃やした後、足でふみつけるムービー。 かの国のプロパガンダ風習 まるパク! 現代アートに求められる 面白さ!美しさ! 驚き!心地よさ!知的刺激性 が皆無で低俗なウンザリしかない ドクメンタや瀬戸… https://t.co/3wqZGCqLzd

                  貞本義行@腰痛 on Twitter: "キッタネー少女像。 天皇の写真を燃やした後、足でふみつけるムービー。 かの国のプロパガンダ風習 まるパク! 現代アートに求められる 面白さ!美しさ! 驚き!心地よさ!知的刺激性 が皆無で低俗なウンザリしかない ドクメンタや瀬戸… https://t.co/3wqZGCqLzd"
                • マクドナルドが「ティロリティロリ」音源を配布 「ぜひご活用ください」

                  日本マクドナルドが、ポテトが揚がったときに店内で流す音声「公式ティロリサウンド」を配布。「アラーム音にして目覚めるもよし、ご自身でリミックスして楽しむもよし。ご活用ください」という。 日本マクドナルドは1月17日、ポテトが揚がったときに店内で流すタイマー音「公式ティロリサウンド」の配布を始めた。使い方について「作業用BGMとして流すもよし、アラーム音にして目覚めるもよし、ご自身でリミックスして楽しむもよし。ぜひご活用ください」(同社)としている。 同音源を利用した楽曲「ティロリミックス」の公開に合わせた施策。これまでも音源を加工した楽曲などは公開していたが、オリジナル音源を公式に配布するのは初めてという。 関連記事 チキンを温めるゲーミングPC、KFCが正式発表 「ネタじゃなかったの?」ネットざわつく KFCのゲーム部門KFC Gamingが、プレイ中にフライドチキンを温めるゲーミングPC

                    マクドナルドが「ティロリティロリ」音源を配布 「ぜひご活用ください」
                  • NASA、宇宙から持ち帰ったサンプル入り箱のフタが開かない

                    NASA、宇宙から持ち帰ったサンプル入り箱のフタが開かない2023.10.24 23:00506,992 Passant Rabie - Gizmodo US [原文] ( そうこ ) 宇宙探査機オサイレス・レックスが、小惑星ベンヌのサンプルを回収。サンプル入りカプセルを地球に投下したのが9月。カプセルは無事回収され、その画像も公開されていました。すべて順調と思われていたミッションですが…。 なんと開かないんですって、カプセルのフタが。 くっ、開かない!打ち上げも飛行もサンプル採取もカプセル回収もうまくいったのに、開きません。カプセルのフタが開きません。中には、大事なだいじな小惑星のサンプルが入っているというのに! NASAのブログによれば、カプセル開封のため試行錯誤はしてみたものの、フタの留め具35個のうち2つがどうしても取り外せないそう。 地球外サンプルなので、力自慢がこじ開けたり、包

                      NASA、宇宙から持ち帰ったサンプル入り箱のフタが開かない
                    • 「日本人客お断り」 沖縄県石垣島のラーメン店 客の悪態が年々悪化 バイトが接客を苦に退職し店主一人で切り盛り | 沖縄タイムス+プラス ニュース | 沖縄タイムス+プラス

                      「日本人客はお断り」―。沖縄県石垣市内にあるラーメン店の一つが1日から、観光客や地元客を含む日本人客の入店を制限している。理由はマナーの悪さ。食品を持ち込んだり長居したり、席を余分に取ったり。

                        「日本人客お断り」 沖縄県石垣島のラーメン店 客の悪態が年々悪化 バイトが接客を苦に退職し店主一人で切り盛り | 沖縄タイムス+プラス ニュース | 沖縄タイムス+プラス
                      • 情報セキュリティ企業が“脆弱性だらけのWebアプリ”無償公開 実習用の題材に

                        WAF開発を手掛けるEGセキュアソリューションズ(東京都港区)は2月28日、Webアプリケーションの脆弱性について学べる実習用アプリケーション「BadTodo」を無償公開した。同アプリは多くの脆弱性を含んでおり、実際に攻撃したりソースコードを確認したりして実践的に学習できるとしている。 BadTodoは脆弱性診断実習用のアプリ。情報セキュリティの専門家であり同社CTOの徳丸浩さんが制作した。Webブラウザ上で動くToDoリストアプリとして動作するが、情報処理推進機構(IPA)の「IPA ウェブ健康診断仕様」や国際Webセキュリティ標準機構の「OWASP Top 10」で紹介されている脆弱性を網羅的に含む、脆弱性だらけのアプリになっている。 EGセキュアソリューションズによると、BadTodoには各種脆弱性を自然な形で組み込んでおり、脆弱性スキャンで見つかりにくい項目も含んでいるという。 徳

                          情報セキュリティ企業が“脆弱性だらけのWebアプリ”無償公開 実習用の題材に
                        • ChatGPT で自分の仕事がどう楽しくなるのかを考えるネタ集

                          ChatGPT を継続して見つめ続けて。Plugin Ecosystem と Code Interpreter の Beta提供によって、自分の仕事への適用のシナリオが更に広がりました。 人とComputerの在り方が大きく変わったこれらも交えて。それらが周囲にあふれ出すその日のために、今はしっかりと Prompt の仕方を学んでおきたいものです。そのためのサンプルも幾つか継続して提示しています。

                            ChatGPT で自分の仕事がどう楽しくなるのかを考えるネタ集
                          • たぬかなさん「フェミに不美人が多い理由」 まんこ割チケットが使えない、まんこ二毛作の背景について語る NNJニュース

                            政治社会 たぬかなさん「フェミに不美人が多い理由」 まんこ割チケットが使えない、まんこ二毛作の背景について語る 2023年10月12日 2023年10月13日 身長が170cmない男性は人権が無いーーー発言で大炎上した「たぬかな」さん(30)。プロゲーマーチームから契約解除されメディアから消えていくのでは、とされていたが、現在は「弱者男性の女王(または女神)」として大人気だ。 もともと固定ファンが多くいて、動画配信「Twitch」を約1年ぶりに今年1月20日に再開。人気に火が付き、雑誌のグラビア登場や7月には新たなゲーミングチーム「NOEZ FOXX」への所属が発表された。配信はいわゆる弱者男性に向けたものが多く、現在は女性フェミニストについて語った内容が話題になっている。 「穴モテ」モテた事は変わらない 「まんこ割チケット」、たぬかなさんがよく口にするワード。女に生まれたことで恩恵を受け

                              たぬかなさん「フェミに不美人が多い理由」 まんこ割チケットが使えない、まんこ二毛作の背景について語る NNJニュース
                            • ダミーの個人情報を作る「個人情報ジェネレーター」登場 氏名・住所・クレカ情報など、無償で最大1万件

                              ユーザーローカルが、ダミーの氏名・住所などの個人情報を自動生成するWebサービス「個人情報テストデータジェネレーター」の無償提供を始めた。最大1万行を生成し、CSV形式のファイルなどでダウンロードできる。システム開発時の動作テストやセキュリティチェックなどに使えるという。 生成できるのは、氏名や年齢、生年月日、性別、血液型、メールアドレス、電話番号、郵便番号、住所、会社名、クレジットカード番号と期限、マイナンバーの情報。氏名は漢字・平仮名・片仮名・ローマ字などを選択でき、年齢は「20~80歳」など指定した範囲を基に日本の人口比に合わせて出力できる。 データはCSV・TSV形式かExcelファイルでダウンロードできる。生成するデータ数は1件単位で設定できるが、1万行以上はユーザーローカルへの問い合わせが必要だ。 同社はシステム開発時のセキュリティチェックなどに使うダミーデータの作成に手間がか

                                ダミーの個人情報を作る「個人情報ジェネレーター」登場 氏名・住所・クレカ情報など、無償で最大1万件
                              • たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個

                                モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren

                                  たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個
                                • 『君の名は。』地雷シーン一覧 ― 「これに堪えられる方のみ… こんなスタンスで観よ。色彩はほんとに綺麗だから。男は何もかんもゼロストレスで享受できてまー羨ましいこと。」

                                  入矢 @actbigin 今夜放送『君の名は。』地雷シーン一覧 ・瀧が入れ替わりの度三葉の胸揉む ・暴客が奥寺先輩の制服切り裂く ・バスケで三葉の胸ぶるんっ ・奥寺先輩のセレブ服出勤に男デレェ ・三葉の山中チャリ漕ぎ時のパンモロ ・思い出せない他諸 これに堪えられる方のみ…(ハードル高っ) 2019-06-30 16:17:27

                                    『君の名は。』地雷シーン一覧 ― 「これに堪えられる方のみ… こんなスタンスで観よ。色彩はほんとに綺麗だから。男は何もかんもゼロストレスで享受できてまー羨ましいこと。」
                                  • GPT-4で今日からできる仕事効率化活用術7選!|ChatGPT研究所

                                    AGIラボは、最高のAI情報をお届けするためのマガジン・コミュニティです。GPTsを筆頭にClaude 3やSoraなど注目のAIについても詳しく解説、今日から使えるAI活用情報を一番わかりやすくお伝えします。他に限定コミュニティへのアクセス、限定イベントへの参加権が含まれます。

                                      GPT-4で今日からできる仕事効率化活用術7選!|ChatGPT研究所
                                    • 【まとめ】エンジニア向けデザイン参考サイト - Qiita

                                      本記事は、身の回りの困りごとを楽しく解決! by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説!!」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか?」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した

                                        【まとめ】エンジニア向けデザイン参考サイト - Qiita
                                      • 何故、発達障害男性(ASD)の人生には「そんな私にも恋人」が発生しないのか?|rei

                                        結論から言えば、それは発達障害は男性にとって繁殖に著しく不利になる特性があるからだ。「いやいや、それは単にお前がモテないだけだろ?」と思う人間はいるだろうし、俺が30歳童貞非モテなのは否定しようのない事実であるが、どうもそうではなくマクロな傾向として発達障害男性は非モテになりやすいことが様々な統計や研究に示唆されている。(ここでは主にASDについて述べる、ADHD、学習、知的に関しては別の機会にまた) 例えば高機能自閉症青年の69.2%は異性との性的関係を望んでいるが、全く成功していないという研究がある。米国で低機能および高機能自閉症青年190人の両親の報告を調査した研究では、高機能自閉症の青年の69.2%は、交際関係への欲求を表明しているにも関わらず、異性と関係があると報告したのは7.7%で、同性と関係があるのは1.5%であり、セックスしたのは1.5%という。この調査における青年の主に白

                                          何故、発達障害男性(ASD)の人生には「そんな私にも恋人」が発生しないのか?|rei
                                        • 【Stable Diffusion】BRAV6によるAIグラビア・AI美女生成

                                          「AIグラビア・AI美女を簡単に生成したい」 「量産型であるAI顔の画像は作りたくない」 「BRAV5をよく使っている」 このような場合には、BRAV6がオススメです。 この記事ではBRAV6について解説しています。 本記事の内容 BRAV6とは?BRAV6の利用方法BRAV6の動作確認 それでは、上記に沿って解説していきます。 BRAV6とは? BRAV6が、2023年7月7日にリリースされました。 BRAV6とは、BRAのバージョン6(V6)です。 BRAは、Beautiful Realistic Asiansの略称になります。 BRAV6を使うと、次のような美女(AI美女)の画像を簡単に生成できます。 サンプルは、モデル開発者のTwitterから確認できます。 https://twitter.com/PleaseBanKai このBRAシリーズは、今ではかなり有名なモデルになっていま

                                            【Stable Diffusion】BRAV6によるAIグラビア・AI美女生成
                                          • AWSアーキテクチャのサンプルをまとめてみた | DevelopersIO

                                            こんにちは。たかやまです。 みなさんアーキテクチャを検討するときに、なにか参考にするアーキテクチャがあると助かりますよね? 私もアーキテクチャ検討をするときは、車輪の再発明を避けるためゼロベースではなく先人たちのアーキテクチャを参考にさせていただくことが多いです。 そのおり、ちょうどお客様にアーキテクチャ検討に役立つサイトをご紹介する機会があり、参考にしているサイトを改めて調べると結構あったので今回こちらをブログにまとめてみたいと思います。 30 の目的別 クラウド構成と料金試算例 目的別クラウド構成と料金試算例 日本利用者向けに公開されているリファレンスアーキテクチャのサイトになります。 全ドキュメント日本語で料金試算も載っているため、アーキテクチャの検討はじめにおすすめのサイトです。 サーバレスパターン サーバーレスパターン サーバレスの汎用的なユースケースがまとめられたサイトになりま

                                              AWSアーキテクチャのサンプルをまとめてみた | DevelopersIO
                                            • Database schema templates by DrawSQL

                                              Database schema templates Collection of real world database schemas from open-source packages and real-world apps that you can use as inspiration when architecting your app.

                                                Database schema templates by DrawSQL
                                              • 【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita

                                                はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルは、コンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルがほとんどでした。 しかし実際のプロダクトでこれをしてしまうと コンポーネント内でAPIアクセスの直書きによって単体テストが困難に Vuex(actions)の肥大化(使い回さない処理はStoreに記述しないほうがいいとする文献もある) API通信部分をPureJSでモジュール化しても依存度がイマイチ下がらない(コンポーネントでモジュールをインポートするため)。 などなど問題になることが多そうでした。 ある日、Jorge氏が投稿した「Vue API calls in a smart way」という記事にたどり着きました。

                                                  【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita
                                                • 海外の技術者が日本語の「文字化け」を本気で解説、日本人顔負けの日本通っぷりが披露される

                                                  by Whooym 文字が適切に表示されずに読めなくなってしまう「文字化け」は、海外の技術者の間でも「Mojibake」で通用するとのこと。そんな文字化けの種類について、東京で自然言語処理(NLP)の開発をしているポール・オリーリ・マッキャン氏が解説しました。 A Field Guide to Japanese Mojibake https://www.dampfkraft.com/mojibake-field-guide.html マッキャン氏によると、文字化けは作成した時と異なる文字コードで文書を開くことで発生するとのこと。文章が文字化けすると無意味な文字列になってしまうので読めませんが、どのような文字コードが使われたかによって異なるパターンが表れるので、慣れると使われている文字コードの種類を推測することができるそうです。 ◆UTF-8 UTF-8はインターネット上では最も一般的な文字

                                                    海外の技術者が日本語の「文字化け」を本気で解説、日本人顔負けの日本通っぷりが披露される
                                                  • トレンドウェブサイトから学べ! JavaScriptで作る本格スクロール演出 - ICS MEDIA

                                                    「かっこいいウェブサイト」とはどのようなものでしょう? ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう?」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう?」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか!」と身近に感じられるようにな

                                                      トレンドウェブサイトから学べ! JavaScriptで作る本格スクロール演出 - ICS MEDIA
                                                    • CSSでここまでできるのか!知っておくと便利なCSSのプロパティや疑似要素のまとめ

                                                      CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも

                                                        CSSでここまでできるのか!知っておくと便利なCSSのプロパティや疑似要素のまとめ
                                                      • まっくろなねこ on Twitter: "「テメーらが自民党に入れたから消費税率が10%になっただろ!お前らの望んだ通りだろ!」 みたいに言ってる人らが沢山TLに流れてくるのだが、ちゃうわ。 「10%になるのを断腸の思いで許容せざるを得ない程に、野党に入れたくなかった」 のだよ"

                                                        「テメーらが自民党に入れたから消費税率が10%になっただろ!お前らの望んだ通りだろ!」 みたいに言ってる人らが沢山TLに流れてくるのだが、ちゃうわ。 「10%になるのを断腸の思いで許容せざるを得ない程に、野党に入れたくなかった」 のだよ

                                                          まっくろなねこ on Twitter: "「テメーらが自民党に入れたから消費税率が10%になっただろ!お前らの望んだ通りだろ!」 みたいに言ってる人らが沢山TLに流れてくるのだが、ちゃうわ。 「10%になるのを断腸の思いで許容せざるを得ない程に、野党に入れたくなかった」 のだよ"
                                                        • しあん on Twitter: "日本人に聞きたいことがあります。 韓国要らない→ヘイト 日本死ね→流行語大賞 というのはどういう理屈なんですか?"

                                                          日本人に聞きたいことがあります。 韓国要らない→ヘイト 日本死ね→流行語大賞 というのはどういう理屈なんですか?

                                                            しあん on Twitter: "日本人に聞きたいことがあります。 韓国要らない→ヘイト 日本死ね→流行語大賞 というのはどういう理屈なんですか?"
                                                          • 君は使い分けられるか?CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA

                                                            ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか? 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか? この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas(WebGL)の3つについて、それぞれのできること・できないこと(得意・不得意)を作例とともに紹介します。 クイズ:どうやって実現する? webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas(WebGL)のいずれかを中心に実装されています

                                                              君は使い分けられるか?CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
                                                            • 便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse

                                                              button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi

                                                                便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
                                                              • 2021年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表

                                                                HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し

                                                                  2021年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表
                                                                • コピペでOK!CSSで作る背景パターンのサンプルコードまとめ | Web Design Trends

                                                                  Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景パターンをCSSだけで作ることができ、使い方を覚えておくとWebデザインに色々と活用することができます。 今回は、CSSだけで背景パターンや模様を表示するメリットや、様々なサンプルコードが掲載されているおすすめのサイトをご紹介したいと想います。 CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが挙げられます。 背景画像を書

                                                                    コピペでOK!CSSで作る背景パターンのサンプルコードまとめ | Web Design Trends
                                                                  • DDD くらいできるようになりたいよねって話 - Qiita

                                                                    はじめに 私自身は今年の 7 月にドメイン駆動設計(DDD)を実践する企業に転職したばかりで DDD 実践歴は浅いのだが、最近は開発業務の他にも中途採用者の DDD 教育や 現場で DDD!2nd のドライバー役をする機会を頂くなど、DDD の布教活動にも少し関わっている。 その中で「DDD ムズイ」という言葉をよく聞いたので、DDD の実践に悩んでいる人向けにサンプル問題の解説を通して、実は DDD 自体は難しくないんだよってことを教える目的で本記事を書いた。 TL;DR(最初に結論) DDD 自体はドメインを中心にモデリングと実装をイテレーティブに繰り返す設計プロセスであり、モデリングと OOP の理解があれば誰でもできる。 難しいのは DDD 自体ではなくて、モデリングまたは OOP である。特に「良いモデル」を得ることは非常に難しい。 なので「DDD ムズイ」と感じる人はモデリング

                                                                      DDD くらいできるようになりたいよねって話 - Qiita
                                                                    • すぐにAPIを体験!public-apis 100以上のJavaScript axiosサンプル集

                                                                      はじめに このページは、プロトアウトスタジオのAPIにつなげる授業に関連して、よりAPIの多様さ、広がりを深掘りします。 まだ、JavaScriptに慣れていなくても「なるべくシンプルにAPIを体験する」ことを目指して、 public-apis というフリーで使えるAPIを集めてリストにしているサイトから、手順が少なくAPIにつなげられるシンプルに取得できるものを中心に、直接取得できるURL・Node.js axios await/async ソースコードを一つ一つトライしています。 慣れてきたら、自分で public-apis のサイトを直接読んでみて、巡ってみましょう! APIピックアップ数 最終更新日 2020/6/8 104 個のAPIをピックアップ中! 参考資料 public-apis の豊富なAPIリストをベースにAPIつなげていきます。 ピックアップルール 手順が少なくAPI

                                                                        すぐにAPIを体験!public-apis 100以上のJavaScript axiosサンプル集
                                                                      • IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ

                                                                        object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック prefers-color-scheme media query prefers-reduced-motion media query text-emphasisプロパティ text-stroke, text-fill font-variation-settingsプロパティ will-changeプロパティ CSS Grid Layout (level 1) IEでCSS Gridを使用する時の既知の問題 IE 11ではプレフィックス「-ms-」が必要。 異なるプロパティ名(grid-template-columnsと-ms-grid-columns)が存在する。 レイアウトにgrid-rowsが必要。 Chrome, Firefoxとは、グリッドの数え方が異なる。 参考: IEで

                                                                          IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ
                                                                        • 面倒な「ダミーデータ作成」をChatGPTに任せる〜Code Interpreterの限界までリアリティを追求した作業の記録【イニシャルB】

                                                                            面倒な「ダミーデータ作成」をChatGPTに任せる〜Code Interpreterの限界までリアリティを追求した作業の記録【イニシャルB】
                                                                          • つるの剛士 on Twitter: "たとえ近所で開催されていても、無料でも、夏休みでも、 自国ヘイト作品を展示するアート展なんかに子供連れて行くわけない。 ああ、 表現の自由も不自由?も守られて、 連日近くでミサイルは飛んでいて、 日本はなんて寛容で平和な国なんだろ… https://t.co/iMZShf0pRX"

                                                                            たとえ近所で開催されていても、無料でも、夏休みでも、 自国ヘイト作品を展示するアート展なんかに子供連れて行くわけない。 ああ、 表現の自由も不自由?も守られて、 連日近くでミサイルは飛んでいて、 日本はなんて寛容で平和な国なんだろ… https://t.co/iMZShf0pRX

                                                                              つるの剛士 on Twitter: "たとえ近所で開催されていても、無料でも、夏休みでも、 自国ヘイト作品を展示するアート展なんかに子供連れて行くわけない。 ああ、 表現の自由も不自由?も守られて、 連日近くでミサイルは飛んでいて、 日本はなんて寛容で平和な国なんだろ… https://t.co/iMZShf0pRX"
                                                                            • CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout

                                                                              CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイスに対してフレキシブルなレイアウトが可能で、一貫性のある簡潔なコードで実装できます。 Relearn CSS layout Relearn CSS layoutは、インクルーシブ HTML+CSS&JavaScript(紹介記事)、コーディングWebアクセシビリティ(紹介記事)などの著者Heydon Pickering氏(@heydonworks)とAndy Bell氏(@andybelldesign)のプロジェクトです。

                                                                                CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout
                                                                              • 貞本義行@腰痛 on Twitter: "@pumpkin_crack あなたが私に何を期待されてたのか知りませんが… 例えばとびきり綺麗な慰安婦少女とライダイハン少女が向かい合って鍋で兵士のペニスを大量に煮て食ってる像とかであったなら不謹慎ながらも少しはコンセプチャル… https://t.co/WRMdpJFxsL"

                                                                                @pumpkin_crack あなたが私に何を期待されてたのか知りませんが… 例えばとびきり綺麗な慰安婦少女とライダイハン少女が向かい合って鍋で兵士のペニスを大量に煮て食ってる像とかであったなら不謹慎ながらも少しはコンセプチャル… https://t.co/WRMdpJFxsL

                                                                                  貞本義行@腰痛 on Twitter: "@pumpkin_crack あなたが私に何を期待されてたのか知りませんが… 例えばとびきり綺麗な慰安婦少女とライダイハン少女が向かい合って鍋で兵士のペニスを大量に煮て食ってる像とかであったなら不謹慎ながらも少しはコンセプチャル… https://t.co/WRMdpJFxsL"
                                                                                • これでよく分かる! 2023年、モダンCSSとUIの新しい機能のまとめ

                                                                                  2023年もCSSとUIの進化がすごいです! 先日開催されたGoogle I/O 2023から、各ブラウザにサポートされたモダンCSSの新機能をはじめ、まもなくサポートされる機能まで、CSSの新しい機能を紹介します。 コンテナクエリ、スタイルクエリ、ダイナミックビューポート単位、カスケードレイヤー、ネスト、三角関数、広色域のカラースペースなど、これからのWebサイトやスマホアプリのUI制作に役立ちます。 What's new in CSS and UI: I/O 2023 Edition by Una Kravets, Bramus, Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに モダンCSSの新しいレスポンシブ モダンCSSの基礎機能の強化 カスタマイズ可能なコンポーネント CSSによるインタラクション 終わり

                                                                                    これでよく分かる! 2023年、モダンCSSとUIの新しい機能のまとめ

                                                                                  新着記事