VScodeの設定（settings.json）まとめ【2023年4月更新】
はじめに VScodeを愛用していくうちに設定ファイル（settings.json）がだいぶ煩雑になってきたので、それらを見直しがてらZennに記事としてまとめてみました。 主にwebサイト制作者向けの内容になっております。 どなたかの参考になれば幸いです！ settings.jsonのコードの中身だけを見たい方はこちらへどうぞ！
はじめに VScodeを愛用していくうちに設定ファイル（settings.json）がだいぶ煩雑になってきたので、それらを見直しがてらZennに記事としてまとめてみました。 主にwebサイト制作者向けの内容になっております。 どなたかの参考になれば幸いです！ settings.jsonのコードの中身だけを見たい方はこちらへどうぞ！
安全で、誰にも手頃でアクセスしやすく、ユーザーを尊重したWebを作るためのHTTPヘッダーのプラクティス [UI/UX]原文 HTTP headers for the responsible developer - Twilio (English) 原文著者 Stefan Judis 原文公開日 2019-04-23 翻訳依頼者 翻訳者 meiq 翻訳レビュアー doublemarket msh5 原著者への翻訳報告 1475日前 メールで報告済み 編集 This article was originally published on twilio.com, and translated with the permission of Twilio and the author. 当記事の原文はtwilio.comにて公開されたものであり、Twilio社および原著者の許可を得て翻訳しています
HSPブームの功罪を問う (岩波ブックレット 1074) 飯村周平 岩波書店 2023/01/11 A5 ・ 並製 ・ 88頁・682円 内容はHSPの解説と、HSPブームについての注意喚起と、現時点でHSPについて学者（著者以外についても）がどう捉えているか。 目次は以下、岩波のページから はじめに 第１章 HSP「ブーム」の実情 １ HSPの「発見」 ２ HSPはどこから来たのか？ ３ HSPという言葉の扱われ方 ４ HSPブームは身近なものに 第２章 HSPブームの功罪 １ HSPはなぜ広く受け入れられたのか？ ２ HSPラベルと人々との相互作用 ３ ポップ化されて広まったHSP ４ 偏見や差別、誤解を助長する可能性 ５ HSP自認がむしろ自己理解や他者理解を狭める可能性 第３章 「消費」されるHSPブーム １ 誰がHSPブームを「消費」しているのか？ ２ HSPブームの「罪」とど
今回私は2020年以降のSNSの動向を記そうと思いnoteを書き始めた。 そして今まさにTwitterはSNSの歴史的な岐路へ立っている。それは何故かを先ず語らなくてはこの話は進められないだろう。 つい先日、Twitter創始者のJack DorseyがTwitterのネットワークを分散化方針を発表したのだ。 Twitter is funding a small independent team of up to five open source architects, engineers, and designers to develop an open and decentralized standard for social media. The goal is for Twitter to ultimately be a client of this standard. 🧵 —
なぜ我々はsession.cookieを変更しなければならなかったのか - BASEプロダクトチームブログ
はじめに こんにちは。バックエンドエンジニアの小笠原です。 今回は、2022年2月18日から2022年3月4日にかけて発生していたこちらの障害に対し私達開発チームが実施した、session.cookieで定義しているCookieのkey名を変更するという影響範囲の大きい対応について、実施に至るまでの経緯や対応過程についてご紹介したいと思います。 ショップオーナー向けに掲載していたお知らせの内容 背景 全ては iOS14.5から端末識別子の取得に同意が必要になったことから始まった ことの発端は、iOS14.5以降からIDFA（端末ごとに持つ固有識別子）の取得に端末所有者の許可が必要になったことでした。 この変更は、端末所有者側から見ると情報の活用範囲を自身で管理できることでよりプライバシーに配慮されるようになった良い変更と言えるでしょう。 一方で、広告出稿側から見た場合は拒否をしたユーザーの
2食付き1万5千円以下で土曜日に1人で泊まれる！リーズナブルな極上湯の温泉宿23軒 - 温泉ブログ 山と温泉のきろく
このご時世に2食付きでリーズナブルに、ひとり週末温泉三昧を楽しめる宿 全国旅行支援をきっかけに国内旅行客が増え、外国人観光客も戻ってきたことで「週末に温泉宿に1人で泊まる」ことの難易度が少し、上がってしまいました。 観光業界の人手不足もあると思いますが、コロナ禍以前は1人泊を受け入れていた宿でも現在は1人で泊まれなくなってしまったり、1人泊の受け入れは平日のみになってしまった宿もけっこうあります。また、続く物価高の影響で、特に「2食付き」の宿泊料金も上昇しています。 そんな中でもリーズナブルなお値段で宿泊できる温泉宿をご紹介したいと思い、先日「土曜日に2食付き1万円以下で泊まれる」宿を紹介する記事を公開しました。 今回はその第二弾ということで「土曜日に2食付き1万5千円以下で泊まれる」宿をまとめました。前回が1万円以下なので、今回ご紹介するのは「1万円～1万5千円」で泊まれる宿です。すべて
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
尊敬する父親に隠し事をしてプリキュアになったキュアセレーネ 「実は、わたしプリキュアなの」 娘や息子にそう告白されたとき、親としてどう振る舞うべきなのでしょうか？ 悩みますよね。 仮にあなたにそんな日が来たときのため、子どもに「実は、わたしはプリキュアなの」と告白されたときどうするべきなのかを調べてみました。いろいろ調べてみた結果、何とその答えは「内閣府」にあったのです。 第40話。ララが宇宙人であることがクラスメイトにバレてしまう kasumi プロフィール プリキュア好きの会社員。2児の父。視聴率などさまざまなデータからプリキュアを考察する「プリキュアの数字ブログ」を執筆中。2016年4月1日に公開した記事「娘が、プリキュアに追いついた日」は、プリキュアを通じた父娘のやりとりが多くの人の感動を呼び、多数のネットメディアに取り上げられた。 これまでのプリキュア連載一覧 第40話はスタプリ
理屈で考える、データベースのチューニング | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 パフォーマンス勉強会OracleデータベースMySQLInnoDB こんにちは、羽山です。今回はOracleデータベースのチューニングで少し踏み込んだ内容です。途中で比較対象としてMySQLも登場します。 日頃からSQLチューニングの機会があってそれなりに得意としているのに、それでもなぜかパフォーマンスがでないSQLに悩んだ経験はありませんか？ 謎の遅い現象は特に大規模データベースになってくると発生しがちなのですが、速い場合も遅い場合も必ず理由があります。そこで本記事ではデータベースのチューニングにおいて意外と見落とされがちなローレベルな部分に着目して、さらに一歩上のパフォーマンスチューニングに必要な知識を解説します。 この記事を書くきっかけとなったのは私た
![理屈で考える、データベースのチューニング | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2163d340456cff9037bacb3b1e5b6e672b06095e/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2020%2F10%2Fdb_performance_slides-thumb.jpg)
この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ
これから自分で起業したいと思っているけど、起業アイデアをどうやって探せばいいか？そんな悩みをもっている人向けに、僕の個人的な経験則をベースに、起業アイデアの出し方の７つの視点を紹介したいと思う。 ちなみに僕は46才で会社勤めをやめて、自分で事業をはじめて来月で３年になる。会社勤めしていた時は、新規事業企画の部署に長くいて、新規事業を立ち上げる経験を多くさせてもらった。 でも、実際、会社勤めをやめて、自分の資本で事業を新しく始めるとなると、今まで会社の中でやっていた新規事業立ち上げの視点とは大きく異なった。 ちなみに、今回の対象は基本、自分の資本で事業を立ち上げる、というケースを対象としている。社内で新規事業を始めるケースも若干参考になるポイントもあるかもしれないけど、あくまで自分のタネ銭で、自分のリスクとオーナーシップのもと、始める商売を想定している。 前置きが長くなったので、本編に行きた
こんにちは。 いつも通りのパーマをかけたらトイプードルみたいになった、どうも柴田です。 さてさて、昨年の11月26日に技術評論社さんより「武器になるHTML」というHTMLだけに特化した初学者向けの書籍を出版させて頂きました。 この記事を読んで下さっている方の中にも、すでに本書をお持ちの方もいらっしゃるかもしれませんね。 ご購入頂きありがとうございます！ ひょっとしたら、もう読み終えられた方もいらっしゃるかもですね。 ということで、本書が発売されて半年近く経ちますが、今更ながら、この本をどういう想いで書いて、どんな方に読んで頂きたいのかについて書いてみたいと思います。 目次 初学者の方に向けたHTMLだけの424ページ「とりあえずこう書いておきましょう」は、ありません一人でも多くの人が利用できるWebサイトを構築するために学校やスクールの先生が教科書としても使いやすいように中級者になっても
国土地理院地図にすら未登録の稲荷社を発見した
位置情報ゲームで遊びつつマッピングをしていると視界の端に鳥居のようなものが映った気がしたので踵を返し確認してみるとうっそうと生い茂った林の奥に鳥居を確信した。 枝葉をかき分けて進むと石造りの階段の先に3つの祠を視認し、これが神社であると理解した。 誰かが管理するために訪れている形跡はあるが明らかにそう頻繁ではない様子が見て取れる。 この神社は位置情報ゲーム上には登録されておらず「削除されたか審査に落ちたのか」と考えて位置情報ゲームがソースとして採用していることの多いOpen Street Mapを確認してみるとOSMには情報がない。 古いものの情報ならば国土地理院地図と考えて確認してみると国土地理院地図にも情報がなかった。 当然ながらGoogleマップにもAppleマップにもYahoo!地図にも情報がない。 令和の時代にまさかの未登録神社を発見してしまったようだ。 興味が尽きず更に奥へと歩
シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利用するのもありかもしれません。 new.css new.css -GitHub new.cssの特徴 new.cssのデモ new.cssの使い方 new.cssの特徴 new.cssは、HTMLのみを使用してモダンなWebサイトを作成するためのclassレスのフレームワークです。HTMLの実用的なデフォルトのスタイルを活かし、美しく見えるようにスタイルされています。 超軽量4.8KbのCSSフレームワーク。 用意するのは、HTMLファイルのみ。 マークダウンで生成されたHTMLのレンダリング。 シンプルなブログや自己紹介ページに最適。 MITライセンスで、商用プロジェクト
【育成施策】 入社メンバーに AWS 初心者向けハンズオン 8週間プログラム に取り組んでもらった | DevelopersIO
この記事は アノテーション株式会社 AWS Technical Support Advent Calendar 2022 | Advent Calendar 2022 - Qiita 13日目の記事です。 はじめに アノテーション テクニカルサポートチームの 川崎 です。 現在私は、クラスメソッド グループ、アノテーション株式会社で AWS のテクニカルサポートに携わっています。 本記事では、私が所属するテクニカルサポートチームの、新規入社メンバー向けの育成施策についてご紹介します。 初心者向けハンズオンとは 2022年12月現在、22 個のハンズオンが存在します。アカウントの作り方から始まり、幅広い AWS サービスのハンズオンが用意されています。 初心者向け、と レベル設定 されており、1本1本は 理解しやすい内容になっていますが、22本も揃うと、内容の充実ぶりに圧倒されます。 AWS
目次 はじめに 個人を特定する情報が個人情報じゃない デジタル署名は暗号化しない TLS(SSL) は共通鍵を公開鍵で暗号化しない TLS(SSL) が使われていれば安全じゃない 変数は箱じゃない Python 等は「ソースコードを 1 行ずつ実行するインタプリタ方式」じゃない 日本語 1 文字は 2 バイトじゃない 動画が動いて見えるのは残像によるものじゃない 標本化定理は「2 倍以上の周波数」じゃない その他いろいろ はじめに 2022 年から高等学校で、プログラミング等を学ぶ「情報Ⅰ」が 必修 必履修科目になりました。1 さらには 2025 年入試から大学入試共通テストでも出題されるようになり、教科「情報」の重要性が高まっています。 これで 2030年に79万人不足すると言われる IT 人材 の問題が解決！…と言いたいところですが、先日も『課題感ある教科1位「情報」』という調査結果が
ストイッククラブ131｜栄養学と日々の生活
ドモホルンリンクルはお肌の奥深くに潤いを感じて、使うたび肌が潤ってきたら馴染んでいる証拠です。 また、製薬会社が手掛けているのかということは、女性なら誰もが経験した感じがちょっと物足りないです。 また、カプセル化されているが、それだけの価値はあります。お手当ての結果が、全ての基本化粧品の環境作りも徹底してください。 ドモホルンリンクルは年齢肌でのお悩みに着目した化粧品だからこそ、肌に浸透するように塗っていきます。 手のひらの液を顔全体を2度洗いする理由は、すすぐ前に顔全体にまんべんなくのせ、広げていきたい。 ご協力いただいたのは、ドモホルンリンクルの基本化粧品だからこそ、肌トラブルの根源となる部分のケアもして使用できます。 成分が違うのですからお肌のこと、香りや質感など吟味できるのは、書かれています。 新品未使用のものから、古着、中古アイテムまで幅広い品揃えです。 日本に限らず世界中から取
Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Responsivize -GitHub Responsivizeの特徴 Responsivizeのダウンロード Responsivizeの使い方 Responsivizeの特徴 Responsivizeは、レスポンシブ対応のWebページをさまざまなデバイスのサイズで確認できる便利ツールです！ 当方の日本語環境（M1 Mac, Windows10）で問題なく動作しました。 Responsivize レスポンシブWebサイトの確認が簡単にで
よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout
最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま
はじめに 今回は無料でWeb制作周りの技術を学ぶことができるサービスをまとめました。 これからWeb制作の学習を始めていきたい人やプログラミングの基礎学習をしていきたい人におすすめのサービスなのでぜひ参考にしてみてください。 この記事の対象者 プログラミング初心者~中級者 Web制作を学びたい人 HTMLやCSSをより深めたい人 ポートフォリオを作りたい人 無料コーディング練習所 まずはじめに紹介するのはWebサイトを制作しながらコーディングスキルを身につけることができる無料コーディング練習所です。 こちらのサイトではデザインカンプが用意されており、基本的なコーディング方法から応用的な手法まで実際にWebサイトを制作しながら学ぶことができます。 準備編でがエディタの設定方法や拡張ツールといったコードを書くための基礎の基礎から丁寧に解説をしてくれています。 入門編~上級編ではWebサイトを作
デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン
コミックマーケット98の開催見通しについて
2020年3月15日 コミックマーケット準備会 共同代表 安田かほる・筆谷芳行・市川孝一 昨日（3月14日）、コミックマーケット98の当落通知の発送が終わりました。現在、コミックマーケット98（開催日5月2日〜5日・於：東京ビッグサイト）につきましては、開催に向けて準備を進めております。 しかしながら、コミックマーケット98については、新型コロナウイルス感染症（COVID-19）感染拡大防止の観点から、2月26日・3月10日に出された政府による大規模イベントの自粛要請に関する今後の動向その他や、新たな関係各方面の指示・要請等により、中止または延期を含め、通常と同様に開催できないという判断をせざるを得ない可能性があります。 コミックマーケットは、その理念として、「同人誌を中心として、すべての表現者を受け入れ、継続することを目的とした表現の可能性を広げるための「場」である」ことを自らに課してい
未経験からWebエンジニアを目指す人に伝えたいこと
最近、未経験からWebエンジニアを目指そうと思っているんだけどどうだろう？ という相談を受けることがあったので文章としてまとめておきます。 この文章はプログラミングを学んでWebエンジニアになろうとしている人に向けています 既にこの業界で働いている人にとっては常識的な内容しか書かれていません Webエンジニアになるには そもそもの読者の方達がどのような状況にいるのかによって方針が変わります。 新卒採用 新卒採用の場合は企業が未経験者を積極的に採用をして教育をしてくれるルートがあります。 この点は普通の就職活動をしてエンジニア職として採用されるようにがんばりましょう。 ただし、最近は新卒であっても小学生や中学生の頃からプログラミングの経験を積んできたスーパープログラマーがいます。また、そういった早熟な方達以外にも、大学や高専、専門学校などでプログラミングを専門的に学んできた人たちと就職活動で
プログラミングを「写経」して学べるWebサービス SHAKYO.io をローンチ。複数の言語ごとに数百の模範アルゴリズムを収録しているほか、プロ版では自身でアップロードしたソースコードで繰り返し勉強ができます。 株式会社LABOT（東京都渋谷区、代表取締役 鶴田浩之）は、プログラミング学習サービスとして、タイピングゲームのようにソースコードを模写して繰り返し練習することができる「写経」プラットフォームWebサービス、SHAKYO.io をローンチいたしました。新型コロナウイルスの影響でオンライン学習を余儀なくされている教育機関、自宅待機中の新社会人向けにライセンスを無償提供いたします。 ▼サービスサイト https://shakyo.io/ SHAKYO.io は、反復練習をコンセプトに、教科書的な勉強ではなくトレーニングとしてプログラミングスキルを高めるプロダクトです。C、Java、Py
iOS14の衝撃。モバイルマーケターはこの激変を今すぐキャッチアップせよ。｜Akira Morishita / 森下 明
2020/7/2更新：以下に本記事の続報で詳細な分析を行った記事をUPしました。是非、こちらも御覧ください。 iOS14に関するつぶやきをしておりますので是非、Twitterアカウントフォローください。 やや煽った記事になりましてすいません。 2020年6月22日(月) – 2020年6月26日(金)で実施されている 2020 Apple Worldwide Developers Conference にてiOS14の内容が公開されIDFAの取り扱いに大幅なアップデートがありました。 本記事は以下の構成です。 ・本アップデートによる各ステークホルダーへの影響範囲をサマリー ・その根拠となる文献の日本語翻訳を7記事掲載 本アップデートによる各ステークホルダーへの影響範囲 結論から申しますと、モバイルマーケティングのステークホルダー ・代理店、媒体社 ・ツール会社 ・広告主 全員に影響がありま
今技術者界隈で大炎上しているコインハイブの有罪判決問題ですが、直感的に「違法なのでは？」と感じる人が多いようなのでなんでこんなにみんな大騒ぎしているのか簡単に説明したいと思います 注意：僕の法律知識はLv3くらいなので、僕よりもっと詳しいはてぶやnote、Twitterにいらっしゃるような「法律にもITにも詳しい先生方」による、もっとずっと分かりやすく正確な記事が出るまでのつなぎくらいの気持ちで読んでもらえると嬉しいです。というか、専門家の人早く一般向けの記事を出して下さい 大前提としてIT技術者の中でも「2020年の今の段階でコインハイブの無許可マイニングは違法/もしくはそれに近いのではないか？」と考える人が大半だと思います。「？？？みんな有罪はありえないって言ってるじゃん」と思った方も多いと思いますので詳しく説明します 追記： 法律に詳しい人達との意見の食い違いの原因が理解できたので、
皆さんこんにちは、株式会社ラクーンホールディングスでエンジニアをしている川﨑です。 そろそろ新入社員が入社してくる時期ですね。新たなメンバーとの仕事にワクワクする方も多いと思います。 私は今年度に入社した新卒社員のメンターを務めました。後輩に本格的に仕事を教えるのは初めての経験だったので、後輩が配属される直前まで「将来を台無しにしたらどうしよう」と考えていました。 結果的に私がメンターをした彼は、1年目とは思えないレベルで素晴らしい技術力を身に着けてくれたので、彼の成長に多少役に立てたのかなと思います。 おそらく来年度初めてメンターとなる方々の中にも、私と同じように良いメンターになれるか不安な方がいるのではないでしょうか。 この記事では 私の経験と反省から、私が思う『メンターになるうえで意識すると良いこと』をお伝えします。 是非メンターになる準備に役立てていただければと思います。 協力して
NTT東日本とIPAによる「シン・テレワークシステム」の緊急構築と無償開放について～職場や大学のパソコンに自宅から安全にアクセスし在宅勤務や研究等の継続が可能～ | NTT東日本
(報道発表資料) 2020年4月21日 東日本電信電話株式会社 NTT東日本とIPAによる「シン・テレワークシステム」の緊急構築と無償開放について ～職場や大学のパソコンに自宅から安全にアクセスし在宅勤務や研究等の継続が可能～ NTT東日本と独立行政法人情報処理推進機構（以下、IPA）は、新型コロナウイルスに関する政府の緊急事態宣言や在宅勤務への社会的要請を受け、国内の多くの方々の感染拡大防止と事業継続を支援するため、契約不要・ユーザー登録不要で直ちに利用可能な、無償のシンクライアント型VPNを活用した「シン・テレワークシステム（以下、本システム）」を迅駛に開発し、本日より提供いたします。 本システムは、2020年10月31日まで、実証実験として開放します。 2020年5月29日追記 多数の方々にご利用いただき、2020年10月31日以降も継続を望む声が多数であること、様々な要望をいただい
「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ集』を出版 池田泰延 氏（以下、池田）：みなさんよろしくお願いします。ICSの話として、私と鹿野の2名で発表します。HTMLとかCSSとかJavaScriptとか、フロントエンドまわりの最新を説明していきたいと思います。では始めていきましょう！ ます自己紹介します。ICSの池田と言います。株式会社ICSの代表をやっています。これはオフィスの写真でして、南麻布にあるのですが、こんなところで仕事をやっています。今はこの状況下なので、会社にはほとんど誰も行っていませんが、こ
Rails の問題は Rails のベストプラクティスがフロントエンドのベストプラクティスの邪魔になるどころか全く逆方向で相反してる点です。DHHの思想がフロントエンドと根本的に逆行してる。そういう人が作るフレームワークなのでwebpackerの抽象化を根本的に間違ったりする。 — prev.js (@mizchi) December 1, 2020 昨日もリプライで少し書いたけど、DHH自体が直近のHeyの開発でも明確にJavaScriptというものを触れないようにすることを是としているような主張をしているので、DHH wayが色濃く反映される以上この状態はもう避けられない気がしている — potato4d / Takuma HANATANI (@potato4d) December 1, 2020 Railsがフロントエンドの最先端をゆく人々1から良く思われないのは事実として。 Vie
本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
Obsidian がすごくいい
Obsidian（オブシディアン） と出会ってまだ3日目ではありますが、ここ最近で一番興味をそそられるアプリだったので紹介します。 A second brain, for you, forever. https://obsidian.md/ 出会いの経緯 を眺めていたときに一つの記事が目に付きました。 私がソフトウェア開発者として Notion から Obsidian に移った理由トップ3 何やら少し挑戦的なタイトルです。私も情報を整理するときに Notion はよく使用しています。不満がないとは言わないものの、Notion の機能を超える情報整理ツールは中々ないことくらいはわかります。 気になった記事は、まず読んでみることです。 読みながらの感想 "Obsidian" ……なんて読むの？ｶﾀｶﾀ……オブシディアン。いやー、スペルも読み方も覚えられないなぁ……。どんな意味なの？ｶﾀｶﾀ……
インスタントラーメンがわずか20円……！？「賞味期限切れ食品専門ショップ」の大いなる挑戦 - メシ通 | ホットペッパーグルメ
「賞味期限がすでに切れている食料品」を専門に販売する店がオープンしたという情報を耳にしたのは今年（2019年）春頃のことだった。 大阪市福島区玉川、JR環状線の野田駅の近くにそのお店があると知りつつしばらく足を運べないでいたのだが、用事があって近くに行く機会があり、立ち寄ってみることにした。 軒並み驚異的に安い 最寄りの野田駅から数分歩くとその店が見つかった。 「eco eat（エコイート）」というお店だ。看板には「フードロス削減ショップ」という文字も見える。 店頭に並ぶ商品に目をやると、マレーシアの「ラクサラーメン」という袋入りインスタントラーメンが1袋20円だという。 しかし、写真下の赤で囲った部分に表示されている通り、賞味期限は2019年1月19日。 当取材は2019年5月に行ったものなので、1日2日でも1週間とかでもなく、もうだいぶ過ぎている。 取材当日のみのセール価格ではあったが
目が覚めるような鮮やかな赤色のトマトの看板に書かれた「サラダ館」の文字。 窓から覗いてみると、どうも飲食店でも八百屋でもなさそうだ。 サラダ館って、一体なんのお店なんだ？ あのとき通り過ぎたサラダ館はなんだったんだ わたしとサラダ館の出会いは中学生の頃に遡る。 バスケットボール部に所属していたわたしは、練習試合があるたびに１時間に１本しかない電車に乗って、隣の、そのまた隣の町にある中学校へ通った。 紫色に蛍光オレンジのラインが入った、学校指定のジャージに身をつつみ、わらわらと駅から学校まで歩く道中にサラダ館があった。 どう考えても変な店だ。 賑やかな隊列の最後尾をだらだら歩いていたわたしだけが、大きなトマトの看板に気づいていたと思う。 サラダだけを売ってる店だとしても変だし、そもそも食べ物を売っているような店には見えない。だってショーウィンドウには「どれだけ歩いても疲れないスニーカー！」な
人工知能（AI）を使って、文章から画像や3Dモデルを生成する技術が注目を集めていますが、Googleがテキストなどの情報から音楽を生成できるAIモデル「MusicLM」を発表しました。GoogleのWebサイトで多数のサンプルが公開されています。 28万時間の音楽を学習 テキストから音楽を生成する技術そのものは以前から存在していますが、Googleの「MusicLM」は、28万時間の音楽を学習させて開発されており、音を複雑に組み合わせた高度な楽曲を生成できるのが特徴です。 ただし、Googleはさまざまリスクを考慮し、MusicLMを一般向けに公開する計画はないそうです。 曲の雰囲気を指示すると作曲、鼻歌もアレンジ MusicLMの生成する楽曲のうち特に印象的なものを、人工知能情報のWebサイトbleedingedge.aiがTwitterに紹介しています。 例えば、「早めのペース、アップ
東京地方裁判所は2月9日までに、あるVTuberが発信者情報開示請求に失敗した裁判例を公式Webサイトで公開した。原告であるVTuberは「5ちゃんねる」の書き込みに対して、プライバシーや名誉感情、著作権などが侵害されたと主張。ソフトバンクに対して、発信者情報の開示を要求したが、原告側の主張は全て棄却となった。 5ちゃんねるでは2022年8月ごろに、原告のVTuberに関するスレッド「C・B・D【庇わなかればよかった】」（B、C、Dは原告の3種の活動名義）が立ち、その中で「33歳で『ナイフ舐める』『ぶっ殺してやりたい』とか言うのやめた方がいいよ 普通にキモいよ 自分の年齢考えて！」（原文ママ）という書き込みがあった。これに対して、VTuber側はプライバシー侵害と名誉感情侵害を主張した。
はじめに N高等学校のプログラミング教育の担当者としてもう4年経った、元々ニコニコ生放送の開発者だった @sifue (吉村総一郎)です。 この4年間、本当に沢山の生徒たちとの出会いがありました。 N高に出会ってプログラミングを学び、自らの人生を切り開いていった生徒たちがいました。将来に対して希望を失っていた生徒が、最後は自信を持って大学に進学するのを見届けてきました。小さなコミュニティの中で尖っていたため社会に馴染めずにいた若者が、プログラミングの力で社会を良くしようと社会に巣立っていくのも見届けてきました。これからも彼らの人生がより実りあるものになり、また多くの人たちを助け、社会をより良いものにしていってくれることを切に願っています。 このエントリーについて このエントリーは、N高等学校アドベントカレンダー1日目の記事です。 このエントリーでは、この4年間で試行錯誤のうえ至ったプログラ
およそ8000種のAPIをブラウザ上でテスト実行可能な「Rakuten RapidAPI」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、膨大な量のAPIを横断検索できてそのままブラウザ上でテスト実行も可能なWebサービスのご紹介です。 元々はRapidAPIが提供していたサービスを楽天がパートナー契約を結んだことで、日本語でも利用できるようになりました。2018年末にはバージョン2.0となり改良も進んでいます。 APIの開発者やWeb開発に興味のある方は、ぜひ参考にしてみてください！ 【 Rakuten RapidAPI 】 ■「Rakuten RapdAPI」の使い方 それでは、実際に使いながらどのようなサービスなのかを見ていきましょう！ 最初に、トップ画面から【新規登録】ボタンをクリックしてユーザー登録を済ませておきます。 メールアドレス・パスワードなどを設定すればすぐに登録できます。 （※GitHubやGoogleアカウントでも登録可能です） 登録が完了したら、す
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
旅に出たくなる創作物
・【エッセイ】深夜特急 / 沢木 耕太郎 ・【小説】ライ麦畑でつかまえて / J・D・サリンジャー ・【映画】スタンド・バイ・ミー / ・【音楽】Trippin Life / Caravan 本、映画、音楽なんでも良いから教えてクレメンス 追記: コメントで教えてもらった創作物を追加しました。 まだまだ募集中 ・【CM】初代ゲームボーイのCM ・【ゲーム】ゼルダの伝説 ブレス オブ ザ ワイルド ・【エッセイ】ニッポン居酒屋放浪記 / 太田和彦 ・【クラシック】巡礼の年 第3年 / フランツ・リスト ・【クラシック】版画 グラナダ / ドビュッシー ・【クラシック】ラプソディ・イン・ブルー / ジョージ・ガーシュウィン ・【クラシック】ローマの松 アッピア街道 / オットリーノ・レスピーギ ・【音楽】1001のバイオリン / ブルーハーツ ・【TV】水曜どうでしょう / HTB ・【アニメ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
責任ある開発者のためのHTTPヘッダー | Yakst
HSPブームの功罪を問う (岩波ブックレット 1074) と、「繊細さん」の本少し - Aの記
SNSが変わろうとしている：Twitterの分散化方針をアナタは知っているか｜Wakageeks
よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ
娘に「実はわたし、プリキュアなの」と言われたとき 親はどう振る舞うべきか？
Webフロントエンド開発で役立つサービスまとめ - Qiita
起業アイデアの出し方７つの視点 - muneking's blog〜公開してもOKなメモ〜
なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと - Shibajuku
シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
やはり俺の情報教科書はまちがっている。 - Qiita
レスポンシブデザインの確認に便利なツールが登場！複数のデバイスサイズで同時確認できる優れもの -Responsivize
【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita
これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方
プログラミングを「写経」して学べるWebサービス SHAKYO.io をローンチ。
なんでコインハイブ事件が有罪だとヤバイの？人のPCでお金儲けしてたんだから有罪でしょ！って人に簡単に説明する ver 0.22｜せせり｜note
初めてメンターになるときに意識すると良さそうなこと10選
「Angular」「React」「Vue」の3大フレームワークに集約 ICSの代表が教える「フロントエンド技術」のトレンド
Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ
【まとめ】エンジニア向けデザイン参考サイト - Qiita
サラダ館って結局なんだったんだ？あのとき通り過ぎたサラダ館に今こそ入る (1/2) :: デイリーポータルZ
Google、作曲AI「MusicLM」発表。テキストから高度な音楽を生成 - iPhone Mania
「33歳のVTuber」、掲示板のコメントに発信者情報開示請求→東京地裁が棄却 裁判例がWebで公開
N高等学校でプログラミング教育をはじめて4年が経ちました - Qiita
コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura