フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根本的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に

過去を忘れることはできず、現在を思い出すことはできない。――マーク・フィッシャー PC、PS5、Xbox series X。 完成された棺桶(コフィン)で『サイバーパンク2077』を遊んでいる人間は不幸だ。 なぜならきらびやかな高解像(ハイ・レズ)だとしてもそれは紛い物の夢に過ぎない。本物の端末機(ピーエスフォー)で〝夜の街(ナイト・シティ)〟に没入(ジャックイン)する400万人、そう、我々こそ、真のネットランナーであり、サイバーパンクだ。 十二月。三度目か四度目の発売延期を経て、汎病禍(パンデミック)にあえぐ我々に福音が届く。『サイバーパンク2077』。ビタミンDの足りない憂鬱な我々にとって最高の妙薬だった。 キャラメイク、チュートリアル、そして最初のクエストを手際よく終え、高鳴る鼓動をなだめつつ本編に突入する。グッドモーニング、ナイト・シティ。 塒にしている高層環境建築(アーコロジー)

QRコード付証明書等作成システムという国税庁のシステムがあるのですが、まぁなかなかにひどい割にほとんど言及されていないので紹介します。 続きを読む USB Type-CなiPadのUSB Type-Cポートの仕様のメモです。 続きを読む Androidスマートフォンのメーカーごとのアップデート実施状況が気になったので調べてみました。 続きを読む USB-CなMacがDisplayPort 1.2 (HBR2) 対応なのかDisplayPort 1.4 (HBR3) 対応なのか気になって夜しか眠れないので推察してみました。 続きを読む OnePlusブランドのスマートフォンに関する個人的なメモです。 続きを読む

記録すること。すべて過ぎ去ってしまう前に。

「発見性」の強化のために、noteにランキングやホットエントリーに類するものをつけたいと思っている。しかしランキングやホットエントリーは、世間で思われている以上にデリケートなUIであるため、その設計は慎重に行われなければならない。下手な設計は、サービスのカルチャーそのものを破壊しかねないためである。 以下は、ランキング設計のための忘備録。 PVランキングは収奪的な設計であるPVランキングを設計する場合、まず最初に意識すべきことがある。それは本質的に、PVランキングは収奪的な構造であることだ。 「収奪的」とは、勝者が全てを独占してしまうことを意味する。 基本的にランキングに上位のコンテンツは、ユーザーの注目を獲得する。つまり、PVのあるコンテンツはランキング上位となる。そして上位コンテンツはその露出によって、さらにPVを集めてしまう。 結果、PVランキングは少数のコンテンツにPV、フォロワー

一週間ほど前から，NVIDIAがGeForceのデータセンタ利用を制限した話がネットを賑わしはじめた．おもしろいことになってるなと感じたので，私の経験と，それに照らし合わせて今回の騒動に感じた事を語りたくなった．記憶も記録も曖昧であるため，年寄りの昔話程度に読んでもらいたい． ここでいうおもしろいとは，滑稽という意味ではなく，興味深いという意味合いである．この件で色々な対応を迫られている方々を蔑む意図は微塵もないことはご理解いただきたい． 今回の騒動に抱いた感想俗っぽい言い方をすると「恋人がこちらをフって乗り換えた相手が意外に曲者で，元恋人が困っているのを眺める気持ち」だろうか．そのような経験をしたことはないし，恋人というほどNVIDIA社に固執しているわけでもないが． 事の発端NVIDIAが規約変更によりGeForceのデータセンター利用を制限。大学などの研究活動にも大ブレーキ これが最

どうも初めまして。デジタルプロダクトデザイナーのさだこえと申します。 この記事はFOLIO Advent Calendar 12日目の記事です。昨日は弊社フロントエンドエンジニアpika_shi氏の、ストレスフリーな規約同意UIとその実現方法でした。 今回は大手ITベンチャーからスタートアップに転職したデザイナーとして、日々どんなことを意識しながらデザインに望んでいるか、それをお伝えできればなと思います。 より良いアウトプットを出すためにプロダクトのUIデザインが私の主な業務ですが、業務を進める中で1人でデザインをするより、複数人で同じ画面や要素のデザインをする方が、より良いアウトプットを出すことに繋がるのではないかと考えています。 時には最初から最後まで1人で完結するデザイン作業もありますが、その場合でもなるべく他のデザイナーのフィードバックを取り入れています。UI設計に関しては1人だと

誰にとっても通信速度は遅いより速い方がいいけど、情報の速さで利益を出している高頻度アルゴリズム取引業者にとっては、通信速度は死活問題だ。そういった業者のために、証券取引所間のレイテンシをマイクロ秒単位で減らすネットワークが、数百億～数千億円というお金を使って構築されている。ここではそういうネットワークについて書いてみよう。 いつの時代でも、証券取引の参加者にとって、他の証券取引所の状況をいち早く知ることは重要だった。他の人が知らない取引状況を知っていれば、それはある意味ちょっとだけ未来を知っているのと同じようなもので、わずかな時間とはいえ有利な売買ができるからだ。そのために昔から市場参加者は伝書鳩や電話などあらゆる方法で早く情報を得ようとしていた。とはいえ、人間がすべての注文を出していた時代は通信速度を極端に最適化してもあまり意味がなかったが、コンピュータを使ったアルゴリズム取引が一般化す

「デザインという概念の始まりについて説明できるか？」という質問を受けたことがある。この質問を受けて誰にでもわかりやすく上手に答えられるデザイナーって全体の何パーセントくらいなんだろう？ 私は正直いうと、その時ちゃんとに説明できてなかった。「そうですね、大昔からデザインはありますよ、例えば縄文土器もある意味デザインですね〜」そんな適当すぎる感じだった。 確かに、デザインで行うメインの作業は、「構想、造形、設計」だ。なので、縄文土器が人間によって「構想、造形、設計」されていたというのは、間違いない。合っている。しかし、ここで答えなくてはいけないのは、「人間がいつから構想、造形、設計していたか？」ではなく、「歴史上でのデザインという概念の始まり。」だ。その答えとしては、縄文土器は完全に間違いだ。明確な答えが存在している。 では、現代まで続く、デザインの概念の始まりはいつなのか？ それは19世紀の

noteチームでは、クリエイターさんの売り上げをアップする仕組の議論も行われています。いくつか有望なアイデアは出てきていますが、開発リソースに限りがあります。実証実験や実装には、しばらく時間がかかりそうです。 そんな中、売り上げアップのために、クリエイターさん側でできることを、紹介してみようかと思います。多分、この辺をちゃんとやると、売り上げに影響があるんじゃないかなぁと。 基本的には、以下の3要素を意識して、コンテンツを設計してみると良いんじゃないでしょうか？（ただし、コンテンツが面白いことが前提となります）。 ・視認性を高める ・わかりやすくする ・お金を払う前にコンテンツの価値が伝わる 記事に表紙画像をつけよう表紙画像をつけると、クリック数が増加し、ページビューが増えます。結果、ノートの購入される確率が高くなります。また、副次的にシェアやフォロー、オススメに乗る確率もアップします。

隠れAIプレイヤーだったAdobeが、今回のMAXでいよいよ表舞台に立った。 前記事では、Adobeの構造と収益体制について解説した。今回は本編として、AdobeがAI戦略で、何を狙っているのかを考察する。 ＊注 筆者はAdobe社から、Adobe MAX 2017への招待を受けて参加しています。…が、それはそれとして中立で書きます。Adobeさん、都合の悪いこと書いてたらごめんなさい！ Adobeが学習しているモノは何か？AdobeのAIプレイヤーとしては、特殊性なポジショニングを持つ。その特殊性を理解するには、まずAdobeが何を学習しているのか？を理解しなければならない。多くの人々は、「AdobeのAIは画像認識」だと考えている。だが、それは大きな間違いだ。画像認識は、AdobeのAI群のわずか一部分にすぎない。 では、AdobeのAIの本質は何か？ Adobe Senseiの本質は

実験的にシェアブースターの検証を開始します。モバイル版の画面に、シェアボタンが表示されます。 今回の施策は、あるていど賛否両論が予想されます。しばらくは実験期間だと思ってください。 シェアブースターってなに？コンテンツのシェア率を増加させる施策を、便宜的にシェアブースターと呼んでいます。今回のアップデートで、モバイル版の画面下部に図のようなボタン群が表示されます。 これは調査実験的な試みなので、今後の検証次第で、再び外される可能性もあります。 なぜ必要なの？一言で説明すると、「シェア率をの増加」が、noteのユーザー体験に大きく寄与するためです。たくさんシェアがされることで、新規ユーザーの増加と、読者の感想の増加が予測されます。 読者数の増加と、感想の増加は、クリエイターの満足度や継続率にポジティブに働きます。また、新しい作家がnoteを始める率が高まります。 作家数とコンテンツ量が増加す

noteチームはコツコツと改善に取り組んでいます。9-10月でユーザーの継続率が20%アップしました！フォロワー数や読者数の増加を、肌感覚で感じたクリエイターさんもいるのではと思います。 そんなわけで、note10月後半のアップデートのお知らせです。 noteでゴシック体「も」、使えるようになりました。実験的にnoteのクリエイターさんが、自分のノートで使う書体を選べるようになりました。クリエイターさんが、作風にあわせた空気感を出せるよう、noteチームが応援いたします。実験的に僕のアカウントだけゴシック体でしたが、これからは全員に解放されます。 書体選択をサポートした背景について。実は統計的には「ゴシック体」の方が可読性が高く、読者に好まれる傾向があります。noteとクリエイターさん両者の利益を考えると、「多くの人に作品を見てもらう」ことが最優先事項です。このため、ゴシック体の導入を検討

今年のAdobe MAXの話題は、人工知能「Adobe Sensei」一色だった。 ステルスぎみのAI企業だったAdobeが、いよいよ浮上してきた今回のMAX 2017。 数年前から「AdobeはAI銘柄」と言い続けてきた僕としては、とても感慨深い。 以下、自身の雑感まとめ。大きな戦略レイヤーの話がメインなので、個々のテックはICSさんの記事などをご参考。 ＊注 筆者はAdobe社から、Adobe MAX 2017への招待を受けて参加しています。ですが、それはそれとして中立で書きます。Adobeさん都合の悪いこと書いてたらごめんなさい。前半エントリではAdobeのAI戦略を理解する前提として、「AdobeがAIや未来に投資しだした背景」、「Adobeのビジネス構造」の2つを論じる。 AI戦略の始まりは月額課金へのシフト まず最初に、AdobeがAIプレイヤーとして、急速に浮上してきた背景を

仕事で面接をしたり、学生の作品ポートフォリオのレビューをする機会が、最近は多くなってきました。ところが生徒のポートフォリオを見ていると、見せ方で損をしている人が多い印象。能力はすごいのに、伝え方がもったいないイメージです。 毎回、同じことを指摘するのも大変なので、ポートフォリオの作り方を備忘録としてまとめてみました。今期の就活生さんの参考になればと。 目的を決めようまず、これから作るポートフォリオの目的を決めます。大事なポイントは3つです。「誰」に向けて「何」を伝え、「どう」行動してもらうためのものかです。この3つのポイントを明確にしましょう。 たとえば就職活動のポートフォリオの目的は、「採用企業があなたのスキルと適性を理解すること」となります。 GOOD ・採用企業があなたのスキルと適性を理解するツール BAD ・自分が見せたいものを並べた ・今まで作ったものを並べた 企業が知りたいこと

中長期のための大きなデザインも大事だけど、そのために日々の改修が犠牲になってはならない（その逆は言語道断）。そんなわけで、しばらくの間は、1〜2日で終わる小さな改修を、コンスタントにnoteチームに提案したいなぁと考えている。 もちろん、「リソースが許せば」だけれども。なぜならpiece of cakeにはまだデザイナーが1人しかいないことだ。そんなわけで、中長期でどういうチームを作るべきかウンウン唸っている。 並行して走るスロットが3-4つ欲しい理想を言えば、デザイン/開発リソースを3つのグループにわけたい。「大局リソース」、「開発リソース」、「カイゼンリソース」の3つだ。これらはそれぞれ独立しているのが望ましい。複数のレイヤーを1人のスタッフが兼任していると、どれかが忙しくなると、他の全てがストップしてしまうからだ。 大局リソース ガイドライン、コンポーネントなど、会社全体にストックさ

noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

Stories about our creative apps and services for everyone

Meet the whiteboard transforming the way teams work together. Try Freehand