#開発

今まで開発したものやtipsなど


LIFF(LINE)ブラウザでwindow.prompt()が期待する動作をしない

2021年10月16日(土) 14時22分50秒

運用しているLIFFアプリでwindow.prompt()を使っているのだけれど、ある時から、promptのデフォルトメッセージそのままだと処理が進行しないというバグ報告をもらった。該当の部分はこちら...

Ryotaro Tsuda avatar


microCMSにプリセットで入っているimgixを利用してお手軽に動的OGPを設定する

2021年9月6日(月) 14時33分9秒

Qiitaとかである記事のタイトルなんかをOGPに入れ込んでシェアした段階でわかりやすくなるあれですhttps://blog.qiita.com/qiita-article-ogp-renewal/動...

Ryotaro Tsuda avatar


ついにURLのogp出力に対応した

2021年9月1日(水) 2時20分35秒

URLを貼り付けたらOGP情報があればそれを引っ張ってきて貼り付けるような仕様に対応しました

Ryotaro Tsuda avatar


actions-js/push@masterでのデフォルトブランチがmasterからmainに変わっていてCIが動かなくなっていた

2021年8月30日(月) 8時49分10秒

ある日突然CIが動かなくなったこのCI自体はこのブログシステムのJAMStackアーキテクチャ内で利用していて、ブログシステムのアップデートと記事の更新によるトリガでCIが動くような仕組みになっている...

Ryotaro Tsuda avatar


なるべく楽にUnityからPlayCanvasへヒエラルキーごと3Dモデルを移植する

2021年8月17日(火) 2時29分33秒

UnityからPlayCanvasへそのままヒエラルキーごとモデルを移植するいい感じの方法を見つけたので書きます

Ryotaro Tsuda avatar


Webサイトの変更を監視してLINEに即通知を行うシステムを開発・提供しています

2021年6月28日(月) 5時21分3秒

Webの変更を監視して、変更があった場合即LINEへ通知する仕組みを開発・提供しています。ECサイトでの商品の確認や、トレードサイトなどでのレートの変更確認、ブログやメディアなどで最新記事が公開された...

Ryotaro Tsuda avatar


埋め込み要素(iframe / embed)をいい加減対応させたい

2021年6月9日(水) 1時2分54秒

何故かmicroCMSは埋め込みが特定のサービスしか対応していないので独自でHTMLを書いて埋め込むのができないなので埋め込みを対応できるように自力で実装しようと思う。

Ryotaro Tsuda avatar


nuxt.jsでテキストボックスクリック時にテキストを全選択する

2021年6月1日(火) 14時2分16秒

URLを発行したりしたときにコピーさせやすくするためのアレですこんなふうにテキストボックスを用意します<b-input ref="selectablebox" readonly id="inli...

Ryotaro Tsuda avatar


私的Nuxt.jsでどのアーキテクチャを選ぶかフロー

2021年4月27日(火) 15時51分42秒

ユーザージェネレーテッドかどうかYES → SSRNO↓ページ数が多くそれぞれのページのSEOを気にするかYES → SSGNO↓SPASSR動作が早いがデプロイ環境がnode.jsサーバーがホスティ...

Ryotaro Tsuda avatar


Among us向けヘルパーツールを作りました「Among us ビジュアルヘルパー」

2021年3月8日(月) 15時23分32秒

ツールはこちらWeb版:https://amgus.utautattaro.com/デスクトップ版:ダウンロードダウンロードして解凍した後、amongus-visual-helper.exeを実行して...

Ryotaro Tsuda avatar


会社のテックブログを勝手に爆速にしてみた

2021年2月1日(月) 14時22分18秒

本記事はOne Tech Blogに寄稿した記事を転載したものですこんにちは GMOグローバルサイン・ホールディングス株式会社 GSP事業部 PlayCanvas推進室室長の津田@utautattar...

Ryotaro Tsuda avatar


【Web表現チェンジャー】PlayCanvasに追加された3Diframeサンプルが控えめに言ってヤバい

2021年1月13日(水) 15時21分41秒

最近PlayCanvasで3Diframeのデモが@yausterによって追加されましたhttps://developer.playcanvas.com/ja/tutorials/youtube-in...

Ryotaro Tsuda avatar


グリグリリック 開発秘話

2020年12月8日(火) 4時30分37秒

TL;DRマジカルミライプログラミングコンテストで拙作「グリグリリック」が入選しました。本記事ではグリグリリックの作り方についてブレイクダウンして解説していきたいと思います。

Ryotaro Tsuda avatar


健康生活

2020年11月5日(木) 14時57分32秒

送り迎え今日試しに保育園の送り迎えをどちらも歩いて行ったところ、合計13000歩、9.5km踏破していた。このうち半分は息子を担いで歩いている。今日の体感としては、慣れれば楽になりそうだと思った。だが...

Ryotaro Tsuda avatar


次はURLのogp出力に挑戦

2020年10月30日(金) 16時52分19秒

やりたいことnoteみたいにURLを貼ったらogpを読み取ってリッチに表示するようにする検討している実装手段ビルドのタイミングでbodyを直接書き換える方法を取る。具体的にURLを検出したら以下のライ...

Ryotaro Tsuda avatar


目次をデフォルトで開いたり、開いたり閉じたりを検出したい

2020年10月30日(金) 9時52分28秒

やりたいこと↑この上の目次をデフォルトで開いてる状態にしたい現状想定しているやり方まずはDOMにアクセスしないといけないので、これを試すhttps://designsupply-web.com/med...

Ryotaro Tsuda avatar


目次を作りたい→作った

2020年10月29日(木) 11時1分28秒

目次を作りたい目次とはhタグをまとめて上部にアンカーリンクを置く要件完成物とりあえずhタグが全部リンク化されている状態にしたいどうやって作るか?とりあえずフルスクラッチで作ろう具体的にbodyをデータ...

Ryotaro Tsuda avatar


highlight.jsを入れた

2020年10月28日(水) 13時49分3秒

vue-highlight.jsもmarkdownitも試したがうまくいかなかったので最終手段CDNで入れたら秒でできた。2時間返してくれ。C++#include <iostream> ...

Ryotaro Tsuda avatar


テキストから一意の値を算出する

2020年10月27日(火) 14時9分41秒

タグに自動で色がつくようにしました。なお、同一のタグは同一の色がつくようになっていますタグのコンポーネントはこんな感じ<template>     ...

Ryotaro Tsuda avatar


Webの変更をLINEに通知する仕組みを提供するサービスをココナラに出品しました

2020年10月25日(日) 2時50分32秒

https://coconala.com/services/1448243息子のお守りをしながら文章書いた自分で使っていた仕組みが意外といい感じのフレームだなーと思ったので、提供することにしたちなみに...

Ryotaro Tsuda avatar


Github Codespaces試してみた

2020年10月24日(土) 16時7分6秒

今のところめっちゃいい感じ基本的にVSCodeこまったらCtrl + Shift + Pで何とかなるところとか普通にVSCodenpm run devとかでlocalhost:3000とかでデバック環...

Ryotaro Tsuda avatar


backnumberを実装した

2020年10月21日(水) 9時34分34秒

こんな感じhttps://blog.utautattaro.com/backnumber/2020-10/microCMSのcreatedAtで、年月だけを抽出して記事を作成する仕組みを作ったこれで、...

Ryotaro Tsuda avatar


tweetlogを作った

2020年10月10日(土) 3時22分55秒

自分のツイートを収集してブログに残す仕組みを作りましたIFTTTGASmicroCMSで構成しています。まず、Twitter APIがめんどくさそうむずかしそうだっため、IFTTTでスプレッドシートに...

Ryotaro Tsuda avatar