制作ブログ Web制作WEB設計知識編ケータイサイト

知識編

ケータイサイト

制作時の注意点

大きくても200×300（20文字×15行）

  • 特殊文字の積極的利用
  • 電話番号入力で直接電話をかけられる
  • 文字入力ではなく、リストから選択できる工夫を！
  • 画像はクリック表示というように、ファイルの最小化を心がける（パケット対策）。

制作はWindowsがおすすめ（開発ツールのほとんどがWindows用のため）

機種毎の仕様言語

iモード
i-HTML=c-html(compact-html)
バージョン1〜6
EZweb
HDML（htmlと互換性なし）、WML（htmlと互換性なし）、XHTML Basic（auは対応、ツーカーは未対応）
ボーダフォン（現ソフトバンク）
i-HTMLとほぼ同じ（ただし使えないタグもあるので注意）

WEB制作・映像制作のブログ

最新記事

個人事業主にとっての税金

8月某日。「納税通知書在中」がポストに投函されている。え？まだあるの？今年の納税は終わったーと思っても、突如送られてくる納税の振り込み用紙がトラウマになってし...

個人起業向け情報

結局、公開ディレクトリ名は何が主流なんだろう？→ public

これまでいろんな案件をやってきて、案件ごとというか環境構築時に使用するフレームワークによって公開ディレクトリ名が様々あった。 だがしかし、個人的な制作物...

知識編

MAMPとDockerの仁義なき選択

ローカル環境をどうしようかな、の結論。 AWSやGCP、Azureを使う場合は、Docker。いわゆるレンタルサーバーを使う場合は、MAMP。 ポ...

MAMP

Apple WWDC24 の基調講演を見て

日本時間では、2024年6月11日 深夜2:00から、WWDC24の基調講演が配信された。気になった点のみピックアップ。 visionOS ...

イベントレビュー

最近の稼働状況

2022年3月時点で「今後は週末のみの稼働となります」という記事を書いていたが、2023年10月から全く異なる状況になっているので、とりあえず最新状況を書いて...

お仕事・制作日記

Nikon Z f、ついに発表！！

（写真は公式サイトより） 2023年8月中旬、Z fc の後継機、Z f のフルサイズ機が8月下旬に発表される噂があることを教えてもらった。Z fcより...

カメラトーク

WordPress Popular Posts のフィルターフック、wpp_custom_html も wpp_post もなぜか使えなくなってた → new \WordPressPopularPosts\Query($args)

「よく読まれる記事」のリストを表示する便利なプラグイン「WordPress Popular Posts」。これまでは、wpp_custom_html をフィル...

WordPress

スクロールバーをカスタマイズする

スクロールバーをカスタマイズできるライブラリを探して。いくつか試したけど、ページ内に複数あるとうまくいかなかったり、画面をリサイズするとうまくいかなったりして...

ライブラリ

Mac M2 に Node(npm)をバージョン指定して使えるようにする

Homebrewをインストールする 1. 公式サイトのインストールに表示されている内容をコピーする。https://brew.sh/index_ja ...

制作効率化

【カメラ初心者からの脱却】マニュアルモードしか勝たん。さらに脱AFの極みへ

ちょっと若ぶってみたけど、「勝たん」ってもう死後かな？！ さて。写真を撮るときに意識するのは、「絞り（ボケみ）」「シャッタースピード（被写体を止めるか流...

カメラトーク

Nikon Z fc

今月末には、Z fcのフルサイズ版が発表になるという有力情報がある。それを待ってからでもよかったのだが、Z fcを購入した。これは2021年7月に発表された、...

カメラトーク

Webアプリ「Filmpathy HANGOUT」作りました！

Webアプリ「Filmpathy HANGOUT（フイルムパシーハングアウト）」、作りました！2021年7月に公開後、細々と活動してきましたが、2023年5月...

お仕事・制作日記

配列内のオブジェクトの値が重複する場合は削除する

たとえば、下記のような配列があって。 const array = [{ id: 1, name: 'test1' }, { id: 2, ...

JavaScript

WWDC23 のセッションから「visionOS」で絞り込み

WWDC23で公開されたVIDEOは181個（!!!）もある。その中から、「visionOS」のタグがついたVIDEOだけを抽出してみた。 Acc...

Apple Vision Pro

visionOSの紹介

（chatGPT訳）ページ元：https://developer.apple.com/visionos/ 全く新しいプラットフォーム。お馴染みのフレーム...

Apple Vision Pro

よく読まれている記事

2画面の片方を全画面プレビューする設定方法(iPadでもできる)

外部モニターがあれば、片方の画面全体にプレビューを表示させながら編集したくなるというもの。さらに、iPadを外部モニターとして接続することもできる。 ...

DaVinci Resolve

CSSのminifyやJSの難読化された圧縮ファイルを戻すWebツール

xxx.min.cssやxxx.min.jsのようなファイル名でCSSのminifyやJSの難読化された一行の圧縮ファイルを見やすくした状態で確認したいとき。 ...

お役立ちツール

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素...

JavaScript

Dreamweaver CC 2021が起動しなくなった → キャッシュ削除で復活

朝、いつものようにMacを起動して、AutomatorでWeb制作関連のアプリを一気に立ち上げる。あれ？Dreamweaverが開いていない。起動画面で「サイ...

Dreamweaver

S-Cinetone をα7III で再現！

Sonyからフラッグシップモデル「α1」が発表され、これまで動画機に搭載されていたピクチャープロファイル「S-Cinetone」 が採用された。S-Cinet...

カメラ関連の学び

背景色を黒から白ベースに変更する

どうしても黒ベースが苦手で。玄人感がある気がするのです。エンジニアさんの黒ベースは「おおー」って思うけど、自分の作業画面が黒ベースなだけで何となく難しい印象を...

VSCode

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを...

WordPress

Macで編集時と書き出し後で色味が変わってしまう場合に試してみたいこと

試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。 プロジェクト設定 > 「カラーマネジメント」&...

DaVinci Resolve

MacBook Air Mid 2013 を中古で購入して、Big Sur を入れてみた

2022年1月16日大幅に書き直しました。 Monterey が登場したことで、Big Sur が最新のOSではなくなった。2021年3月に、この記事で...

徒然なままに

記事の投稿者（ユーザー）情報を取得する方法 → get_the_author_meta

記事の投稿者（ユーザー）情報を取得するには、これまでは「get_userdata」を使っていたが、IDを取得したいだけなのに、もうちょっとシンプルな方法がある...

WordPress

Slog(PP7, PP8, PP9)で撮影した動画のカラコレは一瞬だった → カラースペース変換

ほんとはrawで撮影して自分色に編集したいところだけど、カメラ内部でrawで録画できる機種はまだまだ少ない。raw撮影できないとなると、次の選択は「logで録...

DaVinci Resolve

maxlength属性

inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。 調査ポイントは２つ。半角英数と全角でmaxlength値のカウント方法が異なるか？文...

html

[連想配列]2つ以上のキーで並び替えをする

2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつて...

JavaScript

Instagram API を使ってインスタに投稿した画像データを取得する

2022年2月2日追記 前回確認したときは多くが変わりすぎていたWebページですが、今確認したところ、ロゴがFacebookからMetaに変更があるだけで、仕...

API

項目”Clipy”は開いているため、ゴミ箱に入れることができません。←アンインストールしようとしたときの話し

Clipyが超絶便利そうだったので、macOS Big Sur にインストール＆再起動して使ってみた。ところが、command + c を複数の箇所で行い、c...

徒然なままに

最近コメントありの記事

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを...

WordPress

iOS Safariで絶対配置(position:fixed)して惰性スクロールしてもロックしない、フリーズ回避方法

2022年10月15日追記いつからかわからないが、このバグはすでに解消されてるッ（iOS15.6.1 Safariで確認済み）！！この記事は結構な時間と検証を...

JavaScript

商品ごとの最安値を価格コムから参照して、スプレッドシートに記入。毎日、自動更新で。

ふと、カメラレンズの価格が知りたくなった。その数、50本くらい。いや、もっと増えるだろう。価格コムの最安値を参考価格とする。さっそく、Googleスプレッドシ...

Google Apps Script

Instagram API を使ってインスタに投稿した画像データを取得する

2022年2月2日追記 前回確認したときは多くが変わりすぎていたWebページですが、今確認したところ、ロゴがFacebookからMetaに変更があるだけで、仕...

API

項目”Clipy”は開いているため、ゴミ箱に入れることができません。←アンインストールしようとしたときの話し

Clipyが超絶便利そうだったので、macOS Big Sur にインストール＆再起動して使ってみた。ところが、command + c を複数の箇所で行い、c...

徒然なままに

MacBook Air Mid 2013 を中古で購入して、Big Sur を入れてみた

2022年1月16日大幅に書き直しました。 Monterey が登場したことで、Big Sur が最新のOSではなくなった。2021年3月に、この記事で...

徒然なままに

スライドショー

最初にスライドショーを自作したのがおよそ11年前(2021年12月現在)。当時の記事「スマートフォンでも使えるフォトスライド」Web業界の11年は、とんでもな...

ライブラリ

イラストレーターでレイヤーごとにPNGで書き出す

【2022年07月05日】 macOS Monterey（12.4） / Adobe iLLustrator 2022（26.3.1） にて動作確認済み(透...

Illustorator

アイキャッチ画像のURL情報だけを知りたい → the_post_thumbnail_url()

アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得する...

WordPress

テンプレートの種類と優先度

  ホーム index.php home.php フロント 静的フロントページ front-page.php   投稿 single.php s...

WordPress

Macで編集時と書き出し後で色味が変わってしまう場合に試してみたいこと

試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。 プロジェクト設定 > 「カラーマネジメント」&...

DaVinci Resolve

Fairlightメモ

DaVinci Resolve（ダビンチリゾルブ）の音関連についてのメモ。 特徴 エディットでのフレーム単位より細かい単位で動かせる 音量バ...

DaVinci Resolve

WP_Queryを使って絞り込み検索するのにコレは便利！

めっちゃ参考になるページを見つけた。絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。参考： これは便利！WordP...

WordPress

Sony Eマウント フルサイズ対応のカメラレンズを収集するページを作ってみた

Sony Eマウント フルサイズ対応のカメラレンズを集めてみた。 サンプル：https://sample.simplesimples.com/sonyal...

お仕事・制作日記

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素...

JavaScript