
普段、ラジオやテレビで知った気になる情報は一時間後には忘れてることがよくあって。映画館で映画を見た時も上映前の予告編で気になるのがあっても、本編上映後には忘れてるってのもそう。そこで、そんな気になる情報を書き留めておけたらな、と思っていました。
そしてWebクリエイターとして、それらの情報をほかの誰かの気になる情報につながればいいな、ということで、まずは東京に特化して位置情報を持つ情報を集めてみることにしました。
そこからヒントを得て「i my me her」というスモール・プロジェクトを立ち上げました。
(結局は「たびのとTOKYO」というサービス名に落ち着くわけですが・・・)
まずはじめに目的を明確にすることで、ぶれないで制作を進めることができます。とくに別の仕事をしながらその合間に作るという極めて限られた時間の中では、たとえ自分ひとりで作ることでも大事な工程です。
ここにひとりキックオフの資料をご紹介します(いまとなっては懐かしい!)。
意気揚々とやる気になったところで、まずは作りたいコンテンツの類似サイトやアプリの調査をしてみました。想像以上にすでにたくさんのコンテンツに溢れていることに驚かされました。もはや新たに作る必要はなくて、お気に入りのコンテンツを見つけるほうが健全な気がしました。
でも、いいんです。
そこはWebクリエイターとしての個人的な知見を増やしたいことであるし、差別ポイントを見つけて、それを追求できればチャンスはあるかもしれない。そもそもこの手の情報は一つに統合することなど不可能な領域なので、超ニッチなところで誰かにとっては面白いと思ってもらえるかもしれない。
そんな前向きな思考になったところで、結局のところ「意地」かもしれませんが、作るとチャレンジすることに決めました。
管理画面からオリジナルで作ってもよかったのですが、WordPressで構築することにしました(これは単純にWordPressのノウハウを増やしたいためです)。これを前提として、あとは制作する際に気をつけたことは凝りすぎない、ということ。
デザインや機能を凝ってしまうと限られた時間の中では完成するまで相当日数がかかってしまいます。そこで最低限のデザイン・機能に絞り込み、あとは実際に使ってもらって「こんな機能があったほうがいい」という共感を募りながら改善していくことを理想としました。
そんなわけで、「たびのとTOKYO」というWebサービスを作ってみました。
たびのとTOKYO
よかったら見てみてください。サービス内に、ご意見・ご要望のフォームもありますので、気になる点などありましたらお気軽に投稿していただければ幸いです。よろしくお願いします。
この書籍の中で、ライティングのユーザビリティについて触れている項目があり、激しく共感する部分だったので、ここで備忘録としてピックアップする。 ・・・
この書籍は、I部 リサーチ、II部 デザイン、III部 インプリメンテーションと三部構成になっている。この記事では、その中から、I部 リサーチ、・・・
これを知ったときはマジか!と飛び跳ねた。あらためて思い返してみると、確かに公式チュートリアルでも触れていたことをうっすら思い出す。そしてそのときとやり方がなん・・・
試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。 プロジェクト設定 > 「カラーマネジメント・・・
プロジェクト設定と環境設定について詳しく解説されている情報がなかなか見つからないので、要所要所で知り得た情報を更新していきます。 プロジェクト設定 ・・・
Clipyが超絶便利そうだったので、macOS Big Sur にインストール&再起動して使ってみた。ところが、command + c を複数の箇所で行い、c・・・
requestAnimationFrame をはじめて見たので調べていたら、setTimeout や setInterval は requestAnimati・・・
6年ぶりに読み返したが、今なおハッとさせられることが多く見つかる。 この本で忘れないようにしたい項目をピックアップするだけでも役に立ちそ・・・
この記事では、以前に読んだ際に付箋を付けていたが、その部分だけを備忘録としてピックアップするため、本の要約ではない。実際は、何倍も濃い内容で、練・・・
もう一回、全部読み返したいところだが、書籍がありすぎるので、当時付箋紙をつけていたところだけをピックアップ。書籍内ではより具体的な説明があるので・・・
コンテンツの量に関わらず、スクロールしても、ヘッダーとフッターは常にブラウザ上に表示されるようにする。 ポイント htmlとbodyに高さ100%を指定する ・・・
#と6桁(もしくは3桁)の英数字(正確には16進数で表記される0から9、aからfの英数字)からなるカラーを、RGBでの数値に変換、もしくはRGBから16進数に変・・・
変数bnにphpファイルのファイル名を拡張子なしで取得するサンプル $bn = basename($_SERVER['PHP_SELF'], ".php");・・・
たとえば、セルに「テスト左:テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ・・・
【2020年4月11日更新】 プラグイン名が「AMP for WordPress」から「AMP」に変更され、作成者も「AMP Project Contribu・・・
具体的には、ブラウザ表示領域(ファーストビュー)とコンテンツ高さを比較して、コンテンツ高さの方が短い場合、フッターは下部に固定。コンテンツ高さの方が長い場合、ス・・・
記事のコメント部分を最低限必要な情報のみ直書きしてみます(WordPress 4.9.2 で実施)。 前提 誰でもコメントできる(管理画面の「設定」→・・・
講演者 鷹野雅弘(株式会社スイッチ) ゲスト 五寳匡郎(マイクロソフト) 開催日 2007年3月15日 場所 アップル銀座店 IE6とIE7の制作に携わった・・・
記述方法は間違いないのに、文字化けしてしまう。 xhtmlはutf-8で宣言していたのだが、Javascriptで記述された日本語がブラウザで確認すると文字化け・・・
「CSSは記述しているのに適用されない」という質問が多々あるので、あらためて基本をざっくり。 CSSを指定する方法として、大きく分けて2通りの考えをマスターする・・・
「test」
「>ころころさん コメントありがとうございます! 確かに、APIドキュメント見ましたが、ライブに関する情報は今のところ取得できないようですね。 インスタライ・・・」
「SIGMAから超軽量で明るい単焦点レンズが2本発売になりましたので、リストにレンズ情報追加しました!」
「>名無しさん ご指摘、ありがとうございます! 記事冒頭の「まずはサンプル」のサンプルが動いていませんでしたので修正しました。」
「>前田さん コメントありがとうございます。 環境は分かりかねますが、修正したいファイルのパーミッションを604や644に変更すると書き込みできるようになります(・・・」
「アバターを取得する「get_avatar」についても追記しました!」
「「値をクリアする」を追加しました。チェックボックスやラジオボタンの値を何も選択していない状態に戻すときについて触れています。」
「>匿名さん コメントありがとうございます。 サンプルでは、beforeは何も処理していないので期待する表示にならない、で正解です。 クリックした後が、対応・・・」
「(匿名)さん コメントありがとうございます。何も設定変更していないのに、それまで使用できていたサーバーが突然使えなくなるのは辛いですよね、、。 ここで紹介したや・・・」
「コメントありがとうございます! そもそもできるかはわかりませんが、ソースを書き換える必要はあります。 下記記事などが参考になるかもしれません。 illustra・・・」