個人制作では、画面ごとに色やボタンを決めても大きな問題にはなりません。しかし、複数人でWebサイトやiPhoneアプリを開発すると、同じ青色のつもりで少し違う色を使ったり、似たカードを何種類も作ったりする場面が増えていきます。…
News
Flexboxは現在のWeb制作においてもっとも頼れるレイアウト手法ですが、思い通りに要素が並ばず頭を抱えた経験は誰にでもあるはずです。画面幅が変わった瞬間にカラム落ちしたり、画像が画面外に押し出されたり、気づけば横スクロールバーが出現していたり。こうした症状は、CSS初心者からベテランまで日常的に遭遇するトラブルです…
iPhoneとの相性を考えたとき、完全ワイヤレスイヤホンの選択肢は年々増えています。音楽鑑賞、通話、動画視聴、ワークアウトなど、使用シーンによって重視するポイントは変わりますし、Apple純正のAirPodsシリーズ以外にも数多くのメーカーから魅力的なモデルが登場しています。…
ハッカソンでは、当日のひらめきや実装力だけでなく、前日までの準備が成果を大きく左右します。限られた時間でアイデアを形にするには、開発環境、役割分担、発表内容を先に整えておくことが大切です。…
去年、あるiOSアプリを多言語化することになった。英語、日本語、韓国語の3言語に対応させる計画で、当初は「テキストを翻訳するだけでしょ」と軽く考えていた。ところが実際に手を動かしてみると、設計から実装、テストまで想像以上に落とし穴だらけだった。福岡で受託開発をしていた頃から数えて、ローカライズ案件は何度か経験していたが…
Webアプリでは、通信、タイマー、ファイル読み込み、ユーザー操作など、結果がすぐに返らない処理を扱います。JavaScriptの非同期処理を理解すると、画面が固まる理由や、処理の順番が予想と違う原因を説明できるようになります。 この記事では、コールバック、Promise、async /…
個人サイトの運営はここ数年で大きく変わりました。レンタルサーバーやVPSを契約するのが当たり前だったのが、サーバーレス構成を選ぶ人が増えています。私も東京で働きながら福岡のサイトを継続する中で、運用負荷の少ない構成へと移行しました。…
iPadをMacの外部モニターとして使う方法はここ数年で大きく進化し、今では特別なアプリをインストールしなくても macOS の標準機能だけで接続できるようになりました。在宅勤務やカフェでの作業中に画面の狭さを感じたとき、手元にあるiPadがもう一枚の作業領域として使えるのは大きな利点です。…
Webサイトやスマートフォンアプリを制作していると、画面を見た人からさまざまな感想をもらいます。「見やすい」「少し使いにくい」といった率直な意見は、完成度を高めるための大切な材料です。ただし、受け取った言葉をそのまま修正指示として扱うと、デザインの目的から外れてしまうことがあります。…
福岡から東京へ移り、ハッカソンや勉強会、設計のコミュニティに顔を出すようになって数年が経ちました。テーマや規模の異なる集まりに足を運ぶたびに感じるのは、その場では熱量が高くても、数日経つと断片的な記憶しか残らないことです。技術の変化が速い領域だからこそ、リアルタイムで形にすることが大切です。…