私が愛用するオンライン開発ツール インターネット上には、フロントエンド開発者の生活を楽にしてくれる素晴らしいツールが沢山あります。この記事では、私が開発の仕事で頻繁に使っている11のツールについて簡単に説明します。 1. CanIUse Web APIが特定のブラウザで互換性があるのか、モバイルブラウザで使用できるのか、分からないことはありませんか？このオンラインツールを使えば、ブラウザの互換性についてWeb APIを簡単にテストできます。 Can I use―HTML5、CSS3などの対応表。 「Can I use」は、デスクトップとモバイルにおけるフロントエンドWebテクノロジーを支援する、最新のブラウザ対応表を提供します。 caniuse.com Web Share APIのnavigator.share(...)に対応しているブラウザとバージョンを知りたいとします。 結果を見てくだ
本記事は、Simon Holdorf氏による「9 Popular GitHub Repos For Every Web Developer」（2021年4月4日公開）の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ10選 便利なツール、参考になる例など はじめに GitHubは、最近の（ウェブ）開発に関連するすべてのワンストップショップです。フレームワーク、デモ、あらゆる種類のコレクションなど、GitHubで見つけられないものはないでしょう。しかし、この膨大な量が問題です。あまりにも多くのレポジトリがあるので、おそらく聞いたことのないクールなものがあります。 そこで今回も、知っておくべき最も人気のGitHubリポジトリを紹介することにします。各リポジトリには少なくとも30,000個の星が付いています。 1. Realwor
太刀魚が21匹やってきた 太刀魚を釣りに行くとは聞いていたものの、まさか21匹も持って帰ってくるとは思わなかったわけです。しかもちょっと小さめのサイズ。 「倍のサイズで半分の量だったらよかったのに」という思いが頭をよぎりましたが、そんなことを考えてもしょうがないので、とりあえず、水洗いしてワタを出して、心を無にして捌きました。 捌き方はこの動画を参考にしました。 sabakeru.uminohi.jp 太刀魚は長いので、基本的には二つに切ってから捌くことになり、最終的には普通の魚に換算して30匹以上の作業をしたことになります。作業開始から2時間以上かかり、足が棒になった頃にようやく完了。なんらかしらの修行に近い。 その過程で、これは絶対全部は食べきれないということになり、うち6匹を友人に引き取ってもらうことになりました（この時点で、残り15匹）。 太刀魚の炙り、塩焼き、アラ汁 初日の夜ご飯
「お参りという風習を日本の文化として残していきたい」 480年の歴史を誇る万松寺の境内に設置された小型自販機は、ツイッターユーザー「でまえ－T（＠d_itchou）」さんによって2023年3月26日、冒頭のような文で紹介された。 販売されているのは、本尊の十一面観世音菩薩が描かれたオリジナルコイン「Banshoji Coin」だ。自販機はキャッシュレス決済に対応しており、コインは1枚500円から、10枚入りまでのパッケージが展開されている。説明書きは日本語、英語、中国語の3か国語で記載されている。お土産になるだけでなく、賽銭や施設内通貨としても使用できるという。 投稿は注目され、「投げ入れてよし、お土産にしてよし」「いろんな問題を１つで解決しているのが素晴らしい」「伝統も失っていない」「考えた人は凄いね」といった声が寄せられている。小銭が無くともお参りでき、運営にとっては小銭の盗難防止にな
若者のスクショ文化 若者のスクショ癖を腐すの嫌なんだけど、1万回注意してもアシスタント（25歳）が参考資料などをスクショで送って来るので1万1回目のキレをかましてしまった😢地図でもサイトでもスクショで送ってくる😭情報追えねぇからURL貼れっつってもURL写ってる状態のスクショ送ってくる😭若者のコピペ離れ😭つら— $tina$ (@tinasuke) 2020年6月22日 若者がスクショでシェアしがちという話をよく聞く。テキスト形式でないとURLや再利用ができないといった弊害があるからやるべきではないという話になりがちだけど、特にスマートフォンは文章を範囲選択しづらいし、フォントスタイルやイメージなども保存しておこうと思えば、スクリーンショットのが楽だ。 自分自身もスマートフォンにおいてはスクリーンショット画像をそのまま Evernote などに保存する事が多い。それでもあまり困らな
GitHubの新しいコード検索を支える技術
GitHub Codespacesは、仮想マシン上に強力な統合開発環境（IDE）を提供し、性能の低いマシンを持つ開発者がローカルリソースを消耗せずにコーディングできるようにし、AI画像の生成など様々なタスクに利用することが可能です。 GitHubが最近発表した「2022 State of the Octoverse」レポートにおいて、HashiCorp Configuration Language（HCL）がGitHubで最も成長したプログラミング言語となりました。HashiCorpは、クラウドコンピューティングのためのInfrastructure as Code (IaC) 自動化のリーディングプロバイダーです。HCLは、Terraformや Vaultなどのツールと共に使用されるHashiCorpの設定言語で、マルチクラウドやオンプレミス環境において、人間が読みやすい設定ファイルでIa
全国の小売店でレジ袋の有料化が義務づけられて1日で1年です。大手コンビニ各社によりますと、レジ袋を辞退する人の割合は70％以上に達し、有料化導入前の3倍程度に増えました。一方でレジ袋の代わりとなる家庭用のポリ袋の購入量は増えていて、プラスチックごみをどう削減するかが引き続き課題となっています。 有料化が義務づけられた去年7月以降の大手コンビニのレジ袋の辞退率は、セブン‐イレブンとローソンが75％、ファミリーマートが77％となっています。日本フランチャイズチェーン協会によりますと、有料化前の辞退率はおよそ25％で、義務化によって3倍に増えたことになります。 このうちセブン‐イレブンはことし2月まででおよそ8000トンのプラスチックごみの削減につながったとしていてレジ袋の収益はペットボトルのリサイクルのための回収容器の設置費用などにあてているということです。 またファミリーマートは、有料化の収
フロントエンドのテストコードを書くときに大切にしていること - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、フロントエンドエキスパートチームの @mugi_unoです！ kintone では フロントエンドの刷新プロジェクト（通称フロリア）が進行中です。 blog.cybozu.io kintone の開発では E2E 主体の自動テストを整備していましたが、 フロントエンドの刷新に合わせて、新たにフロントエンド側でのテストコードを積極的に書いています。 テストを書くことに不慣れなメンバーもいるため、日々 Pull Request 上でのレビューやペア・モブ作業を通じて、知見の共有が行われています。今回はフロントエンド刷新のテストを書いてきた中から、筆者が有用だと感じた知見やノウハウを紹介したいと思います。 目次 💡「実はそれ最初からパスしてるかもしれない」 期待する操作で期待する結果になることを厳密に検証する 他のテストケースによって前提条件を担保する 💡「テストコード上のロジッ
パスワード変更用のURLを明示すためのwell-known URL for Changing Passwordsという仕様について
作成日 2023-05-31 更新日 2023-06-02 author @bokken_ tag well-known, appsec はじめに パスワード変更のためのURLを示すための、A Well-Known URL for Changing Passwords という仕様が存在する。¶ この仕様は主にクライアントサイドのパスワード管理ツールで使われる想定の仕様だ。¶ 本記事ではこの仕様がどういうものか、どういった利点があるのかについてまとめる。¶ パスワード管理ソフトとその課題 パスワード管理ツールはクロスサイトでのパスワードの再利用を防いだり、オートフィルをしてユーザビリティを高めてくれる良いツールだ。 ブラウザにもパスワード管理ツールが搭載されていたり、有名どころでは1PasswordやBitwardenのようなツールがある。¶ これらのツールの中にはパスワードの強度を教えてく
ユーザー体験的なものをストーリーで整理し次にUIを作成するとき、閲覧・参照系より先に新規作成のUIから考える、というケースをときどき見かけます。 これ、すごい違和感あります。 ストーリーにおいてユーザーはまず新規作成するので、そのまま新規作成から着手してしまう、といったところでしょうか。 その場合、新規作成の目当てたるオブジェクトの姿が曖昧になりがちです。 そうすると、新規作成画面にしか存在しない特殊なレイアウトやコンポーネントや、特に意図がない冗長なモーダルができあがることが多いと感じています。 目当てが定まっていないうちから、それをどう作るか、どう編集するかを考えるのって難しくないですか？ 考える順番閲覧・参照系のUIを先に作ることで、それが新規作成や編集の目当てとなり、効率よく良いデザインしやすいと感じています。 例えば、私の場合、以下のように考えを進めることが多いです。 まずは「R
こんにちは。ソーシャル経済メディア「NewsPicks」で検索システムを開発しております崔（ちぇ）です。 この記事は、 NewsPicks Advent Calendar 2023 の23日目の記事になります。 qiita.com 昨日ははぐっさんによる「SwiftUIのKeyframeAnimatorでちょっとしたカードアニメーション 〜猫の手を添えて〜」でした！ はじめに コンテナ流儀: 必要最低限のものだけで運用する Point１）レイヤーは少ないほどいい TIP：ベースイメージを作る Point２）不要なパッケージをインストールしない Point３）いつ再起動してもいいコンテナを作る Point４）独立したアプリケーションにする TIP：複数のプロセスを実行したい場合もある TIP：環境変数を積極的に使う Point５）フォアグラウンドで実行する 終わりに まとめ 感想 告知 はじ
はじめに HTML＋CSSコーディングにおける制作者の思考や判断、アプローチ、コード化に至るまでの流れなどを分解し、コードの状態なども含めてそれぞれを短い言葉で言語化しました。 以下のような効果が期待できます。 HTMLとCSSを使っておこなってきた事を客観視・再認識できる 始原的な動機を把握することで、手法を別の視点で捉えられるようになる 認識合わせや熟練度確認に利用し、制作時のコミュニケーションを円滑にする 場合によっては、ぼんやりと捉えていたことや、詰まりやすかったポイントなどがハッキリと認識できるようになるかもしれません。 言語化の概要 まずは、全体像が分かる概要図を掲載します。 この記事は、以下のステップと各項目について順に説明するものになります。 前提事項・環境について 言語化するにあたって前提となる考え方や環境について記載します。 HTMLとCSSの役割 HTML → データ
AIは表現のどこにいるのか | Domain
NovelAIを用いて出力した画像の枚数が気がつくと2万枚を超えていたので、振り返りがてら画像を見返していた。 黒に輝く#NovelAI #NovelAIDiffusion pic.twitter.com/TrB3FBYjXV — sabakichi｜Domain ✍︎ (@knshtyk) October 19, 2022 自分でも驚いたのだが、サービスを触りはじめた10/4から10/24現在に至るまで、わずか20日間のうちに2万枚にもおよぶ「一定の表現能力を持った個別の画像」(これをイラストレーションと呼ぶべきか否かはさておき)が、たった一人の人間によって生成されたというのは脅威的なことだろう。人類の歴史を振り返っても類似の現象は見当たらないのではないか。 近い感性としては、やはり歴史的には写真技術とGenerative Art、デザインや設計に用いられているComputational
脱北支援先の中国でまさかの身柄拘束──。失意のどん底で味わった「獄中メシ」は意外にも……【極限メシ】 - メシ通 | ホットペッパーグルメ
「脱北」という言葉が日本社会に浸透してどれほどの時間が経つだろう。「北朝鮮国境を越えて命からがら逃げてくる行為」を意味するのは今さら説明するまでもあるまい。 現在、ライター・編集者として活動する野口さんは、かつて脱北者を支援する団体のメンバーとして活動していた。 脱北者を連れて中国を南北に縦断、東南アジアまで南下したのち最終的には日本へ送り出す。そんな危険極まりない行程を重ねるうち、あるとき最悪の事態を招いてしまう。脱北者たちの食事情や、異国の地で彼の命をつないだ食事とは。 話す人：野口孝行（のぐち たかゆき）さん フリーライター、編集者。1971年、埼玉県生まれ。大学卒業後、メーカー、商社勤務を経て2002年に北朝鮮難民救援基金に参加し、脱北者支援活動に携わる。 その模様を描いた初の自著『脱北、逃避行』（新人物往来社、のちに文藝春秋）が2011年、第42回大宅壮一ノンフィクション賞の候補
WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ハイクラス求人TOPIT記事一覧WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly（Wasm）は、ブラウザー上で直接動くプログラミング言語として、JavaScriptを置き換える期待が寄せられますが、実際にWasmが果たすべき役割や適したユースケースとはどういったものでしょうか？ Wasmの動作を体験するチュートリアルとあわせて、山本悠滋（igrep）さんが解説します。 WebAssembly（以下、略称の「Wasm」と呼びます。「キャズム」や「～イズム」などからの類推なのか「ワズム」と発音するようです）とは、ブラウザーをはじめとするさまざまな環境で動作する、仮想マ
これってなんなの？ 【ど素人状態＝社会人になって初めてプログラミングを勉強したぜ！（特に新卒）】〜【Webエンジニアの３年生ぐらい】になるまでに読むと良い本まとめです。「どんな目的で学ぶか？」*「いつぐらいまでに読むといいか？」を段階的にまとめました。「これだけ読めばいい！」と、そんな簡単な話ではありませんが、「今いるレベルより少し上の人がどんなジャンルのことを学んでんだろ？」という方の参考になれば嬉しいです。過去の自分に向けてでもあります、自戒。これからWebエンジニアになる人、なって間もない人の参考になれば幸いですm(__)m ※続編 【Webエンジニアど素人】が【3〜4年生】くらいになったら読むといい本を目的別にまとめた ”Webエンジニアど素人から３年生ぐらいになるまでに読むと良い本”の段階的まとめ（一部外部記事あり） ど素人の方々が手を動かしながら１〜６ヶ月以内に学ぼう！ ◆どの
DB に JSON を保存したいときに Protobuf を使うと便利 #LayerXテックアドカレ - LayerX エンジニアブログ
こんにちは。バクラク事業部 Enabling チームの @izumin5210 です。最近「HUNTER×HUNTER」の既刊を全部読みました。 この記事はLayerXテックアドカレ2023の9日目の記事です。 前回「1人目データアナリストとしてデータチームに異動しました 」 次回「Slack × Zapier × MiroでKPTでの振り返りをラクにする」 RDB や KVS などのデータ保存先において、データを正規化せずにそのまま保存したいと思うことはありませんか？ 8月にリリースされた「バクラク請求書発行」というプロダクトには「柔軟なレイアウトカスタマイズ」機能が搭載されています。リンク先の画面操作イメージを見ていただくと、この機能の雰囲気を理解していただけると思います。この機能が扱うレイアウトデータはまさに「関係の正規化をせずに保存したいデータ」でした。 bakuraku.jp こ
【感想】『Amazon Web Servicesを使ったサーバーレスアプリケーション開発ガイド』：Lambdaで本格サービス開発まで - Rのつく財団入り口
サーバーレスアプリケーション開発ガイド Lambda関数を用いたサーバーレス開発をもっと知っておこうと思って読んだ本の感想です。2018年4月刊行、サーバーレスの主要サービス解説にコードはPython、のみならずフロントはVue.jsを使った本格開発まで、実践的な内容が詰まった本です。 作者は現Amazon Web Services Japan所属のKeisuke69こと西谷圭介さん。Twitterでもよくお見掛けします。(@Keisuke69) サーバーレスアプリケーション開発ガイド Chapter1 サーバーレスアプリケーションの概要 1-1 サーバーレスアプリケーションとは 1-2 ユースケースとアーキテクチャパターン 1-3 サーバーレスアプリケーションのライフサイクル管理 Chapter2 Amazon Web Services（AWS）利用の準備 Chapter3 インフラを自
近年のフロントエンド開発にはコンポーネントという概念が付いて回ります。React・Vue・AngularといったViewライブラリでは、コンポーネントを定義してそれを組み合わせてアプリを作ります。また、いわゆるWeb Componentsとして知られる仕様群により、ライブラリに依存せずに“コンポーネント”を作ることもできるようになってきています。 コンポーネントは、何らかの機能（あるいは責務）を持った部品です。また、コンポーネントによっては再利用される（アプリ内の複数の箇所から利用される）ことを意図しているものや、そもそもライブラリとして配布されているようなものもあります。アプリの機能の一部分を抜き出したものという見方をすれば、コンポーネントというのは関数にとても類似した概念であることが分かります。 コンポーネント設計によって、言い換えればアプリがどのような機能を持ったコンポーネントたちに
吉村洋文知事が絶賛する「5mで1億円」の大阪万博リング 大半は接着剤で貼り合わせた集成材 | AERA dot. (アエラドット)
工事が進む大屋根（リング）＝12月4日 大阪市の埋め立て地、夢洲で2025年春から開催される大阪・関西万博について、政府は12月19日、会場建設費を中心に計1647億円とする試算を公表した。そして、シンボルとされる大屋根（リング）をめぐっては、万博終了後に「移設」「保存」といった意見が政府や地元・大阪から出始めている。当初は解体され、木材は再利用するという方針だったが、344億円かけて半年で壊すのは「無駄使い」と一斉に批判されたことが影響したとみられる。「特殊な技法」「世界最大級」「レガシー」といった言葉で表現されるリングだが、建設に携わるこの道15年のベテラン職人は「移設して残すような特別なものじゃない」と冷静に語る。 【写真】気持ち悪い？かわいい？賛否が割れる万博の公式キャラクターはこちら 会場を取り囲むように建てられるリングは、1周2キロ、直径675メートル、建築面積約6万平方メート
日本の「ご当地ソーセージ」には無限の可能性がある！ ソーセージ研究家がおいしい商品を選んで語り尽くす #ソレドコ - ソレドコ
「ソーセージの世界ってこんなに広くて深かったのか？」 現代ソーセージ研究家として、世界中のソーセージ研究し、ご自身でもソーセージの製造をする村上武士さん。今回はそんな村上さんに「通販で手軽に買える日本のご当地ソーセージ」を語っていただきました。浮かび上がってきたのは、村上さんの情熱と、限りなく広くて深いソーセージ沼！ どうぞ、ご覧ください。 私はソーセージという存在が大好きで、これまで食べてきたソーセージは国内外合わせて1,400種程度になるかと思います。また、東京・恵比寿でオーナーシェフとしてレストランを開業し、現在は山梨県でソーセージの製造・開発の仕事を主に行っています。まさにソーセージの沼にハマる日々です。 ソーセージと聞くと皆さんは、ドイツを連想しますよね。ソーセージの本場ドイツ！ ドイツのソーセージは1,500種を誇り、一人当たりの年間消費量は約30kg（ソーセージ、ハム、加工肉
日本アニメの考察系YouTuber、著作権侵害で150本の動画を削除され激怒 - YouTubeニュース | ユーチュラ
ドラゴンボールやワンピースなど、日本のアニメのレビューや考察動画を投稿しているアイルランド出身のYouTuberが、突然150本以上の動画を削除されたとして、東映アニメーションとYouTubeへの怒りをあらわにしました。 著作権侵害で動画が大量削除 マーク・フィッツパトリックさんは、20年来の日本アニメのファンで、2009年にチャンネル「Totally Not Mark」（登録者数66万人）を開設。彼は、アニメの映像に自分なりのレビューや考察を加えた動画を投稿しており、その多くはドラゴンボールやワンピースなど、東映アニメーションのものでした。 12月7日に投稿された動画によると、マークさんは著作権侵害として15本の動画を削除するとのメールをYouTubeから受け取ったとのこと。その1時間後には削除対象が28本に、さらに一晩明けると150本に達したそうです。 動画のほとんどを失うことになった
デザインパターン (design pattern) とは、過去のデザイナーたちが見つけた経験則的な型に対して名前をつけ、型の再利用性を高めやすくしたものです。ソフトウェアデザインの世界（特に、プログラミングの領域）においてはプログラム構造の設計パターンのことをまさに “デザインパターン” を呼び、これを共通の知識として積極的に取り入れています。 これに対しアンチパターン (anti-pattern) とは、必然的に否定的な結果に至る型を指します。アンチパターンもデザインパターンの一種と捉えこれを知識に蓄えておけば、設計の過程でどのような結果に至るのかを事前に予測することができるし、失敗を未然に防ぐことも可能となります。 今回は、アプリケーションデザインにおける典型的なアンチパターンをいくつか紹介します。 アプリケーションデザインの定義 ここでの「アプリケーションデザイン」の言葉は、以下の意
ユニバーサル アナリティクスは Google アナリティクス 4 に置き換わりました - アナリティクス ヘルプ
最終更新日: 2024 年 2 月 26 日 Google アナリティクス 4 は、ユニバーサル アナリティクスに代わる次世代の測定ソリューションです。2023 年 7 月 1 日をもって、標準のユニバーサル アナリティクス プロパティにおける新しいデータの処理は停止されました。また、2024 年 7 月 1 日より、すべてのお客様がユニバーサル アナリティクスのインターフェースと API にアクセスできなくなります。ウェブサイトの測定を続けるには、Google アナリティクス 4 プロパティが必要です。移行がお済みでない場合は、Google アナリティクス 4 に移行してください。 移行のタイムライン ここまでの流れ 2023 年 3 月以降: 有効な標準のユニバーサル アナリティクス プロパティを新しい Google アナリティクス 4 プロパティに手動で移行しておらず、かつプロパティ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアルとしてのデザインの規定だけでなく、実際のプロダクトに利用できるUIライブラリやコンポーネントライブラリなどが含まれます。そのため、デザインシステムの構築にはデザインとエンジニアリングの両方の力が不可欠です。 本記事では、私が開発に携わっているデザインシステム「Riff」の紹介とともに、フロントエンド部分におけるデザインシステム
追記: 振り返りを書いてみました～ -- ここから元記事 別題: 抽象化って言葉もう。。 社内の記事にて、オブジェクト指向のこころ (SOFTWARE PATTERNS SERIES) | アラン・シャロウェイ, ジェームズ・R・トロット, 村上 雅章 |本 | 通販 | Amazonを紹介してもらいました。 取り上げられた、共通性／可変性分析の解説を見て、はっと思うことがありポエムを仕立てました。 共通性／可変性分析 共通性／可変性分析については、書籍を読むかググって頂けると良いですが、社内記事が良かったので引用させて頂きます。 問題領域にある概念を見つける（共通性の分析） その流動的要素を洗い出す（可変性の分析） 流動的要素を見ながら、その概念が持つ責務を果たすための抽象的側面（≒インタフェース）を導く 各流動的要素の実装上の観点から、インタフェースが適切かどうかを見極め、補正する オ
ＪＲ東日本などは台風19号の影響で浸水被害を受けた北陸新幹線の車両、10編成についてすべて廃車にすることを明らかにしました。ただ、北陸新幹線の運行については、今年度末までに通常ダイヤに戻すことを目指すということです。 台風19号の影響で長野市にある新幹線の車両センターが浸水し、北陸新幹線の車両全体の３分の１にあたる10編成の車両が水につかりました。 ＪＲ東日本の深澤祐二社長は６日の会見で、車両の床下にあるモーターやブレーキの制御装置などが水につかっていて、完全な修理が難しいことから、所有する８編成を廃車にすることを明らかにしました。 また、ＪＲ西日本も所有する２編成を廃車にすることにしていて、浸水した10編成すべてが廃車になることになりました。 車両全体の帳簿上の価格は合わせて148億円にのぼり、部品の一部は再利用することを検討するということですが、会社では、損失分を今年度の決算に計上する
日本初の挑戦〜食べログによるChatGPTプラグイン開発の舞台裏 - Tabelog Tech Blog
はじめに 食べログのメディア領域でサービス開発のエンジニアリングマネージャーをしている関戸です。 2023年5月8日のプレスリリースの通り、食べログの新たな取り組みとして2023年5月6日にChatGPTプラグインの提供を開始しました。さまざまなメディアで日本初の試みとして取り上げられています。 ChatGPTプラグイン提供の前提として、プラグイン開発をするためには、（当時は）ウェイトリストに登録し、開発者として招待される必要がありました。招待が届いたアカウントでは、プラグインの動作確認や開発ができるようになります。ウェイトリストに登録後、いつ招待が届くか分からない状況でした。 食べログではアカウントに招待が届いた当日に動作確認して、公開申請を提出しました。 OpenAI社によるChatGPTプラグインの発表後、どこよりもいち早くプラグインを提供することを目指して、必要な調整を事前に進めて
“アニサキス殺し”パルスパワーは「器用貧乏」な技術だった 「電気エネルギー界のドラえもん」が拓く未来【フォーカス】 レバテックラボ（レバテックLAB）
“アニサキス殺し”パルスパワーは「器用貧乏」な技術だった 「電気エネルギー界のドラえもん」が拓く未来【フォーカス】 2024年6月18日 熊本大学産業ナノマテリアル研究所 准教授 浪平 隆男 パルスパワー工学研究者。1999年に熊本大学工学研究科修士課程を修了。米テキサス工科大学パルスパワー・パワーエレクトロニクスセンター客員教授などを経て、2007年より熊本大学バイオエレクトリクス研究センター准教授。同センターは2013年に改組によりパルスパワー科学研究所に。2020年には研究所の再編により、現・産業ナノマテリアル研究所に至る。パルスパワー技術の実用化を目指し、幅広い応用研究をこれまでに手がける。 researchmap 熊本大学産業ナノマテリアル研究所 日本の生食文化を守りたい｜新アニサキス撃退法の社会実装へご支援を 浪平・王研究室※ （※）：研究室サイトについては、お使いの環境によっ
ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。 時間や予算が少ない時、モックアップが必要な時などに便利です。BootstrapやTailwind CSSが使用されているので、勉強用にもいいですね。 Free HTML templates for websites and landing pages -Inovatik Inovatikの特徴 HTMLテンプレートのダウンロード Inovatikの無料HTMLテンプレート Inovatikの特徴 Inovatikはフロントエンドデベロッパーが実装した、ランディングページや小規模Webサイト用のHTMLテンプレートを無料でダウンロードできます。 すべてのHTMLテンプレートはMITライセンスで、
CSSの難しさが分かるようになった人にお勧めの解説書、さまざまなレイアウトを実装する再利用性を向上させるCSSの設計方法 -Every Layout
CSSって面白いと思い始めた人、CSSの難しさが分かるようになった人、そしてCSSが大好物な人にお勧めの解説書を紹介します。 本書は、CSSの経験を積んでいるデベロッパー向けの解説書です。レスポンシブデザインを実現するレイアウトについて実装だけでなく、設計・管理・考え方について詳しく解説されています。 本書の元になっているのは、Relearn CSS layoutです。公開されたのは2019年ですが、現在でも人気が高いサイトで、さまざまなレイアウトを実装するCSSの設計方法について解説されています。その日本語版ともいえるのが本書です。 本書は来週発売！ 一足先に中身を紹介します。
やっぱりコンパイラが書きたい。渡米後にRuby JIT開発を趣味から仕事に変えた私のキャリア戦略 - Findy Engineer Lab
国分崇志（@k0kubun）と申します。プログラミング言語Rubyのコミッターとして活動しています。2019年からシリコンバレーで働いており、2022年からShopifyという会社でRubyのJust-In-Time（以下、JIT）コンパイラをフルタイムで開発しています。 長い間趣味でやっていたコンパイラの開発を仕事にしたのは、現職が初めてでした。この記事では、趣味を仕事に変えた経緯や、どのようにして業務経験のない分野にキャリアチェンジしたのかを紹介します。 仕事で分散システム、趣味でコンパイラを書くキャリア 楽しく稼げる仕事を求めてたどり着いたRubyエンジニア 研究で分散システムと言語処理系の両方に興味を持つ 分散ミドルウェアを仕事で、JITコンパイラを趣味のOSS活動で やっぱりコンパイラを仕事にした複合的なきっかけ 働きながら大学院に通い、コンパイラが一番好きなことに気付いた コン
Dockerに関するキャッシュたち
はじめに Dockerを用いた開発では、適切にキャッシュを用いることで高速にビルド・開発できます。そのための知見は様々な記事で共有されており、ありがたい限りです。 しかし、「Dockerのキャッシュ」と言っても開発時とCI・CDでは行うことが違います。 この記事ではDockerを用いた開発における、各段階のキャッシュ機能を確認したいと思います。 主に「Dockerのキャッシュ」というと以下の4つに分類できると思いますので、それぞれについて解説していきます。 Dockerのレイヤーキャッシュを活かす a. COPY・ADDの順番 b. dockerignoreの設定 c. マルチステージビルド buildkitによるキャッシュ a. --mount=type=cache CI・CDにおいてのキャッシュ a. 前回のビルドキャッシュを持ち越して使う リモートキャッシュ a. 開発者が初めてビル
モルディブの水上都市、その全容が徐々に明らかに
インド洋上に都市が建設されつつある。モルディブの首都マレからボートでわずか１０分の場所にあるターコイズブルーのラグーン（潟）に浮かぶこの水上都市には２万人が居住可能だ。 脳サンゴの模様に似たデザインのこの都市は、住居、レストラン、店舗、学校など、５０００もの水上ユニットで構成されており、ユニットとユニットの間には運河が流れている。６月に最初の数ユニットが発表されたが、２０２４年はじめに住民が入居を開始する。そして２７年までに都市全体が完成予定だ。 不動産開発業者ダッチ・ドックランズとモルディブ政府との合弁事業であるこのプロジェクトは、とっぴな実験でも革新的な構想でもない。この都市は、海面上昇という厳しい現実に対する実用的な解決策として建設されている。 １１９０もの低地の島々で構成されているモルディブは、世界で最も気候変動に対して脆弱（ぜいじゃく）な国のひとつで、陸地部分の８割が海抜１メート
ソフトウェアアーキテクチャ・ハードパーツ
ソフトウェアアーキテクチャに絶対的な正解は存在しません。むしろ、さまざまな妥協点の中から選択を強いる難題、すなわち「ハードパーツ」が多く存在します。そのため、ソフトウェアアーキテクトには常にトレードオフを見極め、状況に合った選択をすることが求められます。本書は、読者が自身のアーキテクチャ上の難題に対して効果的なトレードオフ分析を行い、より良い決定ができるようにするための書籍です。 本書では、サービスの粒度やデータの所有権、コードの再利用やワークフローの調整、可用性や信頼性の実現といった現代のソフトウェアアーキテクチャの難題と、それに対するさまざまなアプローチやパターンを紹介します。そして意思決定を難しくするトレードオフについて、モノリスを分解しマイクロサービスアーキテクチャに再構築する例を通して詳しく説明します。 『ソフトウェアアーキテクチャの基礎』の著者らによる現代的なトレードオフ分析と
はじめに プロジェクト作成 プロジェクト構成 コンポーネント レイアウト ページ ビルド Blog テンプレート Portfolio テンプレート Documentation テンプレート まとめ はじめに 先日1.0リリースとなった、静的サイトジェネレータのAstroの紹介です。 JSで作成したページをビルドして、JSを含まない早いサイトを生成し、必要な場合には React や Vue といった好きなフレームワークを簡単に組み込むことができるのが特徴になります。 プロジェクト作成 Node は、v14.18.0 以上、または v16.12.0 以上が必要です。 npm や yarn、pnpm で create astro でプロジェクトを作成します。 # npm $ npm create astro@latest # yarn $ yarn create astro # pnpm $ p
Go Mistakes Book Details Go言語でありがちな間違い このページは『100 Go Mistakes』の内容をまとめたものです。一方で、コミュニティに開かれたページでもあります。「ありがちな間違い」が新たに追加されるべきだとお考えでしたら community mistake issue を作成してください。 Jobs Is your company hiring? Sponsor the Japanese version of this repository and let a significant audience of Go developers (~1k unique visitors per week) know about your opportunities in this section. 注意 現在、大幅に多くのコンテンツを追加して強化している新しい
東京五輪・パラリンピック組織委員会の環境への取り組みは、選手村の備品を巡っても懸念が残る。各居室には合計でエアコン１万３０００台、トイレ５０００基、給湯器４０００台が設置された。すべて新品だが、パラリンピック終了後は分譲マンションへの改修工事をするため、全て撤去されるという。 組織委の北島隆ビレッジゼネラルマネジャーは６月、本紙の取材に「エアコンはリース会社に返す。再利用しやすい性能なので、工事現場などで利用されると思う。ただ１万３０００台もあるので、すぐには使われないだろう」と話した。中古市場の関係者によると、エアコンは保管中の性能の維持が難しく、設置に手間がかかるため、繰り返しの利用に向かず、使用後は廃棄物処理業者に回収してもらうことが多いという。
古紙の三大禁忌品の分別
以下に記載されている品目は三大禁忌品として、わずかな混入で大量の不良品が出てしまったり、製品化された際に初めて問題現象として現れたりと、再利用する際に大きな障害となってしまう紙類です。分別の際は特に気をつけていただき、必ず燃やせるごみとしてお出しください。 昇華転写紙(アイロンプリント紙) どんな物に使われているの 主に、ハンドバッグや靴などの製品の中に入っている紙の詰め物(緩衝材)に使用済み昇華転写紙(アイロンプリント紙)が用いられています。 なぜ再利用できないの 再生加工した数か月後に、製品化された紙の表面にインクがカビのように現れてしまうためです。 感熱性発泡紙 どんな物に使われているの 主に点字用紙に用いられています。ほかにも、紙にデコボコがあるものは感熱性発泡紙の可能性があります。 なぜ再利用できないの 再利用した紙に混ざると、製紙工程で熱に反応し、製品化された紙にデコボコが現れ
はじめに Nginx でロードバランサを構成する Webサーバ1号機の作成 Webサーバ2号機の作成 ロードバランサの作成 ロードバランサとWebサーバの起動 Web アプリケーションの準備 Docker でアプリケーションをビルドする DBサーバの準備 ロードバランサとアプリケーションサーバの起動 まとめ はじめに 前回は Docker のインストールからイメージビルド・コンテナ起動・Compose までの流れをみてきました。 blog1.mammb.com 今回は以下のような、一般的な Web アプリケーションの開発環境を構築していきます。 前回の記事とあわせて、Docker の活用方法を理解いただければと思います。 Nginx でロードバランサを構成する 最初に、単純な Web サーバを Nginx でロードバランシングする環境を作成して動作を見てみます。 このような構成となります。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンド開発者のための便利なオンラインツール11選 - Qiita
すべてのウェブ開発者へ。人気GitHubリポジトリ9選 - Qiita
太刀魚を15匹食べる方法 - ぶち猫おかわり
「賽銭用コイン」キャッシュレスで販売 お寺のアイデアに反響...「批判は覚悟」住職明かす実施背景
若者のスクショ共有文化はもう戻せないのでカジュアルOCRを推進すべき - 太陽がまぶしかったから
レジ袋有料化1年 辞退率7割以上 導入前の3倍程度に増加 | NHKニュース
UIは閲覧画面からつくろう。｜Shino | Software Designer
ジュニアエンジニアを脱却するための「コンテナ流儀」 - Uzabase for Engineers
HTML+CSSコーディングの言語化 - Qiita
【Webエンジニアど素人から３年生ぐらいになるまでに読むと良い本】を段階的にまとめた - Qiita
CSSとコンポーネント設計に対する考察 - uhyo/blog
アンチパターンから考えるアプリケーションデザインの理想形｜Goodpatch Blog グッドパッチブログ
フロントエンドから取り組むデザインシステムの改善 #UI
オブジェクト指向プログラミングは終わった - Qiita
北陸新幹線の浸水車両 10編成すべてを廃車へ | NHKニュース
商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik
モダンで早い静的サイトジェネレータ Astro の始め方 - A Memorandum
Japanese Version - 100 Go Mistakes and How to Avoid Them
選手村のエアコン1万3000台、大会後の再利用は不透明 ：東京新聞 TOKYO Web
Docker でロードバランサ・アプリケーションサーバ・DBサーバの環境構築 - A Memorandum