ocean

Webの何でも屋。

ocean

Webの何でも屋。

マガジン

  • 徒然

  • 家事・育児

  • 技術系

    日々のお仕事中に調べたこと。 WebのフロントエンドやCMSが中心。

  • my standard

    個人的な定番商品

記事一覧

【2023年】ゴールデンハムスターをお迎えするために買ったもの

知り合いからゴールデンハムスターを譲り受けることになったので、ちゃんと育てられるように色々調べて道具を揃えました。あくまで調べながら買ったものなので、実際に使っ…

ocean
1年前
2

【俺史上最高】ホームベーカリーで作る食パンのレシピ

今回ホームベーカリーで作った食パンが俺史上最高に美味しかったのでレシピを記録します。 生クリームいらずなので、普段そこそこ食パンを作っている人ならいつでも作れる…

ocean
2年前
3

[Vue.js]selectにv-modelを使った際selectedで初期値を設定する方法

例えば以下のような場面だとします。 ・PHPでCRUDアプリを作っている ・セレクトボックスの選択肢によってフォームに変化を加えたい(例えば「その他」を選択したら入力欄…

ocean
3年前
3

ニトリのカラーボックスでランドセルラックを作った

小学生になった娘のために、学校の準備が一箇所でできるようにランドセルラックを準備しました。 実現したかったことこれまで、娘としては自分がやりやすいようにやりたい…

ocean
3年前
1

貝印 ステンレスピーラー

普段使いで気に入っているものを記録・紹介するシリーズ。第4回は貝印のステンレスピーラーです。 シリーズの過去記事はこちら。 いろんな調理器具が100均で揃えることが…

ocean
3年前

gitでコミット間の差分をZIPで抽出するコマンド

git archive ブランチ名 --format=zip -o zipファイル名.zip --prefix=data/ `git diff --name-only --diff-filter=d 変更前コミット番号 変更後コミット番号`

ocean
3年前

澤井珈琲 クイーンモカ/モカブレンド 2kg

普段使いで気に入っているものを記録・紹介するシリーズ。第3回は澤井珈琲のコーヒー豆 クイーンモカ/モカブレンド 2kgセットです。 シリーズの過去記事はこちら。 第2…

ocean
3年前
3

KIHARA 有田HOUEN/1st マグカップ

普段使いで気に入っているものを記録・紹介するシリーズ。第2回は有田焼・波佐見焼の産地商社であるKIHARAの有田HOUEN/1st 小泉 誠 マグカップです。 シリーズの過去記事…

ocean
3年前
1

810s KITCHE

普段使いで気に入っているものを記録・紹介するシリーズ。初回はムーンスターが展開しているブランド810s(エイトテンス)のKITCHE(キッチェ)です。 810sは”腹八分目”…

ocean
3年前
1

カラーミーのテンプレートで日時の条件分岐で表示を変更する方法

例えば「2021年4月1日10:00になったら特設ページへのリンクを表示したい」というようなことをしたいときに使います。 カラーミーのテンプレートはSmartyで作られているの…

ocean
3年前

日産セレナにカロッツェリアのディスプレイオーディオを取り付けるときの機材一式

2020年購入の日産セレナ(C27)にカロッツェリアのディスプレイオーディオFH-8500DVSを取り付けました。取り付けに際してはオーディオ本体以外にも必要な機材があり、まと…

ocean
3年前
7

2019年買って良かったもの

年末なので今年買って良かったものをまとめてみました。 シロカ 電気圧力鍋 SP-4D151生活を激変させたものとしてコレは外せません。カレーや煮込み料理などを手放しで作れ…

ocean
4年前
2

サイトの文字サイズを変更するボタンの作り方

間違ったWebアクセシビリティとして名高い、文字サイズ変更ボタンの作り方です。ぜひ滅ぼしましょう。 完成形 HTML文字サイズ<button class="size-button" data-font="12…

ocean
5年前
34

Web2.0っぽいボタンをCSSで作る

10年前に流行っていた、光沢+グラデーションで装飾されたリッチなボタンを作るというお仕事がきたので、CSSで実現してみました。 完成形 HTML<a href="#" class="c-butt…

ocean
5年前

【WordPress】とりあえず入れておくプラグイン10個 - 2019年

2019年2月時点で、普段使っているプラグインです。どれもWordPressのインストールに合わせて有効化・設定をしています。自分用の覚書ですが、参考になれば幸いです。 All …

ocean
5年前
2

【WordPress】ブロックエディターで保存に失敗するときの対処方法

WordPress5をインストール、アップデートしていざブロックエディター(Gutenberg)を使おうとすると、「更新に失敗しました」というエラーが表示され、保存できなくなるこ…

ocean
5年前
2
【2023年】ゴールデンハムスターをお迎えするために買ったもの

【2023年】ゴールデンハムスターをお迎えするために買ったもの

知り合いからゴールデンハムスターを譲り受けることになったので、ちゃんと育てられるように色々調べて道具を揃えました。あくまで調べながら買ったものなので、実際に使ってみると合う・合わないはでてくると思います。不足しているもの・いらないものもあるかもしれませんが、ほぼネットの情報だけで判断したらこんな道具類になりました。
※感想は後日もし覚えていたら追記します。

ルーミィ60 グランスペース クリアー

もっとみる
【俺史上最高】ホームベーカリーで作る食パンのレシピ

【俺史上最高】ホームベーカリーで作る食パンのレシピ

今回ホームベーカリーで作った食パンが俺史上最高に美味しかったのでレシピを記録します。
生クリームいらずなので、普段そこそこ食パンを作っている人ならいつでも作れる材料のはず。
使用しているホームベーカリーはPanasonic SB-BH1000。大スプーン・小スプーンは付属しているピンク色の計量スプーンのことです。

材料強力粉:250g

牛乳:200ml

砂糖:大スプーン2.5杯(約21.25

もっとみる

[Vue.js]selectにv-modelを使った際selectedで初期値を設定する方法

例えば以下のような場面だとします。

・PHPでCRUDアプリを作っている
・セレクトボックスの選択肢によってフォームに変化を加えたい(例えば「その他」を選択したら入力欄が出てくるような)
・選択肢はPHP側で管理している

そんなアプリの編集画面では、セレクトボックスの選択は以下のような状態になると思います。

<select name="example" id="example" v-mode

もっとみる
ニトリのカラーボックスでランドセルラックを作った

ニトリのカラーボックスでランドセルラックを作った

小学生になった娘のために、学校の準備が一箇所でできるようにランドセルラックを準備しました。

実現したかったことこれまで、娘としては自分がやりやすいようにやりたいけれど、その環境がないので中々自分1人で準備することができない、という状況でした。ランドセルや体操服を置く場所がバラバラだったり、宿題をする机とランドセル置き場が遠かったり。

そういった状況だとどこに何を置いていたかも分からなくなるし、

もっとみる
貝印 ステンレスピーラー

貝印 ステンレスピーラー

普段使いで気に入っているものを記録・紹介するシリーズ。第4回は貝印のステンレスピーラーです。

シリーズの過去記事はこちら。

いろんな調理器具が100均で揃えることができる今、一人暮らしや料理を始めたばかりだとつい手軽な金額のもので揃えてしまうということがあると思います。ボウルや計量カップ、食器なんかは十分使えるものが揃っていますよね。

包丁やフライパンといったメインで使うだと、なんとなくそれ

もっとみる

gitでコミット間の差分をZIPで抽出するコマンド

git archive ブランチ名 --format=zip -o zipファイル名.zip --prefix=data/ `git diff --name-only --diff-filter=d 変更前コミット番号 変更後コミット番号`

澤井珈琲 クイーンモカ/モカブレンド 2kg

澤井珈琲 クイーンモカ/モカブレンド 2kg

普段使いで気に入っているものを記録・紹介するシリーズ。第3回は澤井珈琲のコーヒー豆 クイーンモカ/モカブレンド 2kgセットです。

シリーズの過去記事はこちら。

第2回ではKIHARAのマグカップを紹介しました。このとても使い勝手のいいマグカップでほぼ毎日コーヒーを飲む生活をしていると、コーヒー豆のコストも気になってきます。

誰かにギフトとしてあげたい、記念日にちょっと良いコーヒーを飲みたい

もっとみる
KIHARA 有田HOUEN/1st マグカップ

KIHARA 有田HOUEN/1st マグカップ

普段使いで気に入っているものを記録・紹介するシリーズ。第2回は有田焼・波佐見焼の産地商社であるKIHARAの有田HOUEN/1st 小泉 誠 マグカップです。

シリーズの過去記事はこちら。

このマグカップの特徴は何と言ってもこの形です。背が高すぎずやや下に広がった台形のフォルムは、すばらしい安定感を与えてくれます。

仕事中、電子機器が並ぶデスク周りにおいて、コーヒーやお茶をこぼしてしまうのは

もっとみる
810s KITCHE

810s KITCHE

普段使いで気に入っているものを記録・紹介するシリーズ。初回はムーンスターが展開しているブランド810s(エイトテンス)のKITCHE(キッチェ)です。

810sは”腹八分目”をキーワードに、プロユースで長年親しまれているシリーズをデイリーユースにできるようリプロダクトされたブランドです。洗練された機能とデザインでありながらも価格が6,000円程度と、非常にコストパフォーマンスに優れたブランドにな

もっとみる

カラーミーのテンプレートで日時の条件分岐で表示を変更する方法

例えば「2021年4月1日10:00になったら特設ページへのリンクを表示したい」というようなことをしたいときに使います。

カラーミーのテンプレートはSmartyで作られているので、その機能を利用することで手軽に指定できます。

コード例<{assign var="targetDate" value="202104011000"}><{if $targetDate <= $smarty.now|d

もっとみる

日産セレナにカロッツェリアのディスプレイオーディオを取り付けるときの機材一式

2020年購入の日産セレナ(C27)にカロッツェリアのディスプレイオーディオFH-8500DVSを取り付けました。取り付けに際してはオーディオ本体以外にも必要な機材があり、まとまった情報を見つけられなかったのでここに書きたいと思います。

※私がセレナを購入した6月時点では日産純正のディスプレイオーディオがなかったのでカロッツエリアのものを購入したんですが、2020年10月現在はApple Car

もっとみる
2019年買って良かったもの

2019年買って良かったもの

年末なので今年買って良かったものをまとめてみました。

シロカ 電気圧力鍋 SP-4D151生活を激変させたものとしてコレは外せません。カレーや煮込み料理などを手放しで作れるようになる素敵調理家電です。

電気圧力鍋で作れる料理は普通の鍋や圧力鍋でも作れるものですが、火力の調整が不要、(材料さえ同じなら)いつでも同じクオリティの料理ができる、他の料理or家事を並行して進めることができる、という点が

もっとみる

サイトの文字サイズを変更するボタンの作り方

間違ったWebアクセシビリティとして名高い、文字サイズ変更ボタンの作り方です。ぜひ滅ぼしましょう。

完成形

HTML文字サイズ<button class="size-button" data-font="12">小</button><button class="size-button active" data-font="16">中</button><button class="size-bu

もっとみる

Web2.0っぽいボタンをCSSで作る

10年前に流行っていた、光沢+グラデーションで装飾されたリッチなボタンを作るというお仕事がきたので、CSSで実現してみました。

完成形

HTML<a href="#" class="c-button"><span>最先端のボタンデザイン</span></a>

文字をspanタグで囲まなくてはいけなかったところに、技術的な敗北感を感じています。悔しい。

CSS(Sass).c-button

もっとみる

【WordPress】とりあえず入れておくプラグイン10個 - 2019年

2019年2月時点で、普段使っているプラグインです。どれもWordPressのインストールに合わせて有効化・設定をしています。自分用の覚書ですが、参考になれば幸いです。

All In One WP Securityセキュリティ対策を一通り設定できるプラグインです。WordPressを利用している以上セキュリティ対策は欠かせないので必須のプラグインです。他のセキュリティ対策プラグインでも良いと思い

もっとみる

【WordPress】ブロックエディターで保存に失敗するときの対処方法

WordPress5をインストール、アップデートしていざブロックエディター(Gutenberg)を使おうとすると、「更新に失敗しました」というエラーが表示され、保存できなくなることが稀にあります。

下書き保存や公開ボタンを押したときだけでなく、自動保存もされないことから、どうしようもない状況になってしまうんですね。

クラシックエディターでは保存できるのに、ブロックエディターでは失敗するという謎

もっとみる