https://media-massage.net/Recent content on デザインとWeb開発とその他諸々。 MEDIA-MASSAGEHugo -- gohugo.iojaFri, 23 Jan 2026 00:00:00 +0000https://media-massage.net/works/project/bathyscaphe2markdown/Fri, 23 Jan 2026 00:00:00 +0000https://media-massage.net/works/project/bathyscaphe2markdown/最近取り組んでいる「NASにあらゆるデータを集約してデータベース化する」という趣味の一環で、 20年以上前——小中学生時代に読み漁っていた2chの過去ログをテキストファイルとしてエクスポートする方法が欲https://media-massage.net/blog/omada-er7212pc/Sun, 25 May 2025 08:12:11 +0000https://media-massage.net/blog/omada-er7212pc/自宅でWi-Fi接続している機器が50台近くになり、一般家庭向けの無線ルータではパフォーマンスに問題が起きはじめた。いくつか製品を比較した結果、OmadaというTP-Linkの業務用製品ラインがよさそhttps://media-massage.net/works/project/custom-gpt-cynic-sci-fi-jp/Sun, 11 Feb 2024 04:19:14 +0000https://media-massage.net/works/project/custom-gpt-cynic-sci-fi-jp/デフォルトのChat GPTは何かといえば低姿勢でユーザーに対して気を遣う丁寧な物腰だが、僕はもっとエラそうで皮肉屋なAIと話したい。Cynic Sci-Fi JPでは、ゲームや映画に出てくるような、キャラ付けされたhttps://media-massage.net/blog/densha-de-go-zuiki-switch-ps4-titan-one/Tue, 01 Aug 2023 14:05:04 +0000https://media-massage.net/blog/densha-de-go-zuiki-switch-ps4-titan-one/なぜかPS4版に対応していない専用コントローラー 子供のころから音楽館の「トレインシミュレーター」やタイトーの「電車でGO！」シリーズが好きで、大人になった今でも数年に一度は発作的にやりたくなってしまうhttps://media-massage.net/blog/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AB%E9%96%A2%E3%82%8F%E3%82%8B%E8%8B%B1%E8%AA%9E%E3%81%AE%E7%96%91%E5%95%8F%E3%82%92chatgpt%E3%81%AB%E8%B3%AA%E5%95%8F%E5%86%A0%E8%A9%9E%E8%A8%98%E5%8F%B7%E8%A4%87%E6%95%B0%E5%8D%98%E6%95%B0%E3%81%AA%E3%81%A9/Wed, 12 Apr 2023 16:15:05 +0000https://media-massage.net/blog/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%AB%E9%96%A2%E3%82%8F%E3%82%8B%E8%8B%B1%E8%AA%9E%E3%81%AE%E7%96%91%E5%95%8F%E3%82%92chatgpt%E3%81%AB%E8%B3%AA%E5%95%8F%E5%86%A0%E8%A9%9E%E8%A8%98%E5%8F%B7%E8%A4%87%E6%95%B0%E5%8D%98%E6%95%B0%E3%81%AA%E3%81%A9/開発をしていると節々で細かい英語の書きっぷりが分からなくなるときが稀によくある。 ドメイン固有の言葉って大文字で始めるものなの? それって固有名詞扱い? 一般名詞扱い? あれ? theっているの? いらないの? あhttps://media-massage.net/blog/ts-jest%E3%81%8C%E5%A4%96%E9%83%A8%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92import%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AE%E5%AF%BE%E5%87%A6%E6%96%B9/Wed, 12 May 2021 11:08:16 +0000https://media-massage.net/blog/ts-jest%E3%81%8C%E5%A4%96%E9%83%A8%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92import%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AE%E5%AF%BE%E5%87%A6%E6%96%B9/あるnpmパッケージを追加した後、Webpackのビルドは通っているのにJestでは以下のようなエラーが出るようになった。 ● Test suite failed to run Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel config,https://media-massage.net/blog/%E5%96%AA%E4%B8%AD%E3%81%AB%E3%81%A4%E3%81%8D%E5%B9%B4%E6%9C%AB%E5%B9%B4%E5%A7%8B%E3%81%AE%E3%81%94%E6%8C%A8%E6%8B%B6%E3%81%94%E9%81%A0%E6%85%AE%E7%94%B3%E3%81%97%E4%B8%8A%E3%81%92%E3%81%BE%E3%81%99/Fri, 11 Dec 2020 01:26:00 +0900https://media-massage.net/blog/%E5%96%AA%E4%B8%AD%E3%81%AB%E3%81%A4%E3%81%8D%E5%B9%B4%E6%9C%AB%E5%B9%B4%E5%A7%8B%E3%81%AE%E3%81%94%E6%8C%A8%E6%8B%B6%E3%81%94%E9%81%A0%E6%85%AE%E7%94%B3%E3%81%97%E4%B8%8A%E3%81%92%E3%81%BE%E3%81%99/今年は色々なことが起こる1年間だった。 パンデミックが起こり、父が亡くなり、入籍もした。 事実関係の確認と残った手続きが済むまでほとんど誰にも言っていなかったが、 今年の出来事は年内に整理しておきたいのでしhttps://media-massage.net/blog/javascript-typescript%E3%81%A7null%E3%82%92%E4%BD%BF%E3%81%86%E3%81%B9%E3%81%8D%E3%81%AA%E3%81%AE%E3%81%8B/Fri, 26 Jul 2019 01:21:51 +0000https://media-massage.net/blog/javascript-typescript%E3%81%A7null%E3%82%92%E4%BD%BF%E3%81%86%E3%81%B9%E3%81%8D%E3%81%AA%E3%81%AE%E3%81%8B/プロパティの初期値にnullをよく使うという話 TypeScriptでインスタンスを生成するときに、プロパティの初期値をどうするべきなのか……。最近ずっと気になっていた事柄だったので、考えをまとめてQihttps://media-massage.net/blog/change-jobs-from-web-studio-to-systems-integrator/Thu, 22 Mar 2018 01:43:40 +0900https://media-massage.net/blog/change-jobs-from-web-studio-to-systems-integrator/この投稿はいわゆる退職エントリという奴です。 2年6カ月エンジニアとしてお世話になった株式会社LIGを退職し、2018年3月から某外資系SIerへ転職しました。 普通は逆パターンの見出し（SIerを辞めてhttps://media-massage.net/works/docs/a-story-about-career-design/Thu, 22 Mar 2018 00:27:16 +0900https://media-massage.net/works/docs/a-story-about-career-design/LIGでの最後の社内勉強会として、キャリア設計についての自分の考えをまとめました。 スライド スライド(一部)https://media-massage.net/works/docs/describe-requirement-definition-from-a-designer-of-view/Sun, 14 Jan 2018 14:50:35 +0900https://media-massage.net/works/docs/describe-requirement-definition-from-a-designer-of-view/多くの下請け案件では、デザイナーが具体的な成果物を作り始める段階で、既に重要な要件があらかじめ決まってしまっています。 デザイナーが上流工程に参加していない場合、デザイナーはプロジェクトを通して解決するhttps://media-massage.net/blog/change-from-designer-to-engineer/Mon, 18 Dec 2017 00:00:00 +0900https://media-massage.net/blog/change-from-designer-to-engineer/この記事はLIGアドベントカレンダー2017のための投稿です。 僕は2015年に、それまでデザイナーとして勤めていた会社を退職してフロントエンドエンジニアとしてLIGに入社しました。今回は 当時の自分がなhttps://media-massage.net/blog/be_a_web_school_lecturer/Mon, 04 Dec 2017 00:00:00 +0900https://media-massage.net/blog/be_a_web_school_lecturer/この記事はLIGアドベントカレンダー2017の為の投稿です。 LIGではSTUDIO上野 by LIGというデジハリと提携したスクールをやっていて、昨年より『正しく理解するレスポンシブWebデザインの基礎と導https://media-massage.net/blog/ippatsushiken_driving_license/Sun, 03 Dec 2017 19:45:00 +0900https://media-massage.net/blog/ippatsushiken_driving_license/今年で29歳になったものの、特に必要を感じなかったので自動車免許を持っていなかった。気が変わったのは今年の夏くらいで、なんとなく新しいことを始めてみたくなったというのと、お盆休みを使えば教習がすすめらhttps://media-massage.net/works/project/qiitawidget/Wed, 18 Oct 2017 00:01:26 +0900https://media-massage.net/works/project/qiitawidget/プロジェクトページへリダイクレトします。https://media-massage.net/works/docs/system-jouryusekkei-for-webproduction-person/Sun, 11 Jun 2017 01:39:21 +0900https://media-massage.net/works/docs/system-jouryusekkei-for-webproduction-person/社内勉強会資料。Web制作では、システム開発に比べ、上流工程が軽視されがちな印象を持っています。このスライドでは、上流工程とは何をするフェーズであるのかを、システム開発の一般的な工程であるVモデルを軸https://media-massage.net/works/project/cheatsheet-of-ui-with-fuzzy-behaviors/Mon, 24 Apr 2017 00:20:02 +0900https://media-massage.net/works/project/cheatsheet-of-ui-with-fuzzy-behaviors/2ヶ月ほど前に公開した実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシートという記事の内容を更にブラッシュアップし、実際の制作現場で使える実用的なドキュメントとして整理したもhttps://media-massage.net/works/project/jquery.yakumono/Sun, 12 Feb 2017 17:02:32 +0900https://media-massage.net/works/project/jquery.yakumono/ブラウザで強制されてしまう約物アキの挙動を、よりDTPソフトに近い挙動へ改善するjQueryプラグイン。 約物アキ量とは、日本語の括弧や句読点のあとに入る余白を指す。ブラウザではこの約物アキ量が常に半角https://media-massage.net/works/project/redmine-chatwork/Wed, 26 Oct 2016 00:00:00 +0900https://media-massage.net/works/project/redmine-chatwork/RedmineのチケットとWikiの更新をChatWorkのルームへ自動で通知するプラグイン。同様のプラグインは過去にもいくつかあったものの、Redmine3.2で動作しなかったためSlack chat plugin for Rhttps://media-massage.net/blog/iioffice_cebu/Sun, 02 Oct 2016 22:26:39 +0800https://media-massage.net/blog/iioffice_cebu/先日の出張で、フィリピンのセブ・シティにあるいいオフィス・セブ(iioffice CEBU)を視察した。5日間の滞在中、何日かを実際にワーキングスペースとして使ったり、現地開催のイベントを見学したりした