Webサイトに動画を組み込むことは、ユーザーの関心を引きつけ、製品やサービスの魅力を伝えるうえで非常に有効な手段です。しかし、再生が始まる前に大きなデータ量をダウンロードする必要があり、何も対策を講じなければ初期表示の遅延やレイアウトのずれといった問題を引き起こします。…
News
福岡出身で、現在は東京でWebデザインやスマートフォンアプリ開発に取り組んでいます。これまで勉強会には参加者として足を運ぶことが多く、発表を聞いたり、参加者同士で情報交換をしたりしてきました。自分が話す側になる機会もありましたが、イベント全体を設計して運営するのは初めての経験でした。…
ブログを長く続けていると、「次の記事がうまく書けない」と感じることが増えてきます。筆者自身もかつては、書き出しの一文を決めるだけで何十分も費やし、構成を何度も書き直す日々を過ごしていました。書きたい内容があるのに、組み立てる段階で手が止まってしまうという矛盾を抱えていたのです。…
Webアプリケーションにおいて、ユーザーが入力するフォームはサービス体験の入り口です。誤ったデータや不完全な情報は、そのままサーバーへ送信されると後工程の処理やデータベースの整合性に深刻な影響を及ぼします。特に業務システムでは、入力チェックを疎かにすると運用コストが増大し、信頼を損なう要因にもなりかねません。…
十数年間、同じテキストエディタを使い続けてきた。愛着もあり、新しいツールを覚えるのが面倒に感じていたが、「そろそろ限界かもしれない」と思う瞬間が訪れた。…
2023年に発売されたiPhone 15シリーズは、Appleが長年採用してきた独自規格のLightning端子をやめ、USB-Cポートを搭載しました。以来、iPhoneユーザーの日常や制作環境には静かだけれど確かな変化が起きています。…
ハッカソンは短期間でプロダクトを形にする、密度の高い開発体験です。限られた時間のなかでアイデアを出し合い、コードを書き、発表までを駆け抜けるため、終わったときには心地よい疲労感と達成感が残ります。しかし、そこで満足してそのまま解散してしまうと、せっかくの経験値を持ち帰る機会を逃してしまいます。…
個人でアプリやウェブサイトを作っていると、開発環境の差異に悩まされる瞬間が必ずやってきます。自分のローカルでは動いていたコードが、別のマシンに移すと急にエラーを吐き出す。あるいは、新しいフレームワークを試すたびに依存関係が衝突して収拾がつかなくなる。こうした経験を一度でも味わったことがあるなら、そのつらさを理解できるは…
海外のWebサイトやアプリ事例には、配色、余白、タイポグラフィ、動きの設計など、日々の制作に活かせる発見が多くあります。一方で、気になったページを無差別に保存すると、必要な情報を探すだけで時間がかかり、参考資料が眠ったままになりがちです。…
単語と意味を登録して、あとから検索できる単語帳は、Vue.jsの基本を学ぶ題材に向いています。入力フォーム、配列データ、クリックイベント、条件分岐、ブラウザ保存という、フロントエンド開発で頻繁に使う機能を一つの小さなアプリにまとめられるためです。…