Category : デジタルとWEB

久しぶりにUIのトレースをしました。今回は仕事で使いまくっているMicrosoftのTeamsです。iOS版。 休日ぶっ潰してまでこれをやるモチベーションが何なのか未だに言語化できませんが、やってしまったので公開します。 さて今回はMS製品を選んでみました。 デザイナー界隈、というか自分の周りでは相変わらずこの会社のプロダクトを卑下する人が多いのですが、最近かなり頑張ってると思いますけどねぇ自分は…続きを読む

PCブラウザ版Twitterのサイドカラムの挙動を実装します。 下方向にスクロールする時は、 上方向にスクロールする時は、 その間の場合は、 2020年3月時点のUIです。将来挙動は変わるかもしれません。 仕様はこうです。 下方スクロール時は、下端がFixedするまで下方スクロール 上方スクロール時は、上端にFixedするまで上方スクロール デモ 専用デモは用意していませんが、このサイトの右カラム…続きを読む

ニューヨークでジャズミュージシャンとして活動を続ける山中一毅のウェブサイトをリニューアル制作しました。彼自身の2枚目のアルバム “Dancer In Nirvana” の発売に合わせ、作品の世界観を表現するデザインを意図しました。 デザイナーじゃないのでグラフィック的に大した事はできない(と言うと氏に失礼ですが)私が最もスタディしたのは、背景の色です。 彼が京都の三十三間堂…続きを読む

このような方向け WordPress投稿画面にYouTubeの動画URLそのまま貼り付けで生成されるiframeプレイヤーがとにかく扱いづらい かといって、YouTube動画の埋め込みコードを毎回コピペするのが面倒くさい この問題に対し、以下を自動化する事で記事制作コストの低減を目指します。 自動生成されるiframeからwidthとheightの指定を取り除き iframeに特定のclassを持…続きを読む

別案件でWordPress入れた際にPHPのバージョン7.3に上げたら爆速になったので、自分のサイトでもやりたくなりました。 というか、 また、PHP5系は2018年末にサポートが終了して「セキュリティアップデート」すらなくなっています。 2019年4月からWordPressのphpバージョンは5.6以上が必要になるよ! | WEBマスターの手帳 そもそもサポート切れてるとは知りませんでした。 紆…続きを読む

この記事の要諦 ロリポップでWordPressを運営 サーバ契約から10年間放置していたPHPのバージョンをアップしたら、「データベース接続確立エラー」。 データベースのパスワード更新するだけでは解決しなかった PHP5.3じゃなく5.2からアップデートしたせいっぽい こちとらデータベースまわりは素人なので、この問題の解消に半日かかりました。 2020年になってPHP5.2使っている人がどれだけい…続きを読む

ブログを運営していると写真のトリミングを行う機会が一般人よりは多いわけですが、今までPhotoshopにお世話になってきました。が、Photoshopは重いので、代わりにSketchで出来たら便利だなぁと思い、jpg出力のサイズでも比較して今後の参考にしようと思います。 比較方法 先日のイスラエル旅行で撮った写真から3枚をピックアップして、出力クオリティ別にjpg出力、容量と画質を比較します。 撮…続きを読む

画像の遅延ロード、Chromeでは標準搭載になりましたし、SEOへの影響も無いという事から今後のスタンダードになるのは間違いない気がしますので、さっさと対応しておきます。 Chromeがネイティブlazy-loadをサポート、JSなしで画像を遅延読み込み可能に | 海外SEO情報ブログ function.php function.phpに以下の記述を加えます。 //imgタグにloading属性を…続きを読む

弊サイト、記事の最後に「関連するかもしれない記事」というコーナーがあるのですが(まぁどのブログもだいたいあるわな)、ここで表示する記事数を増やしてみました。6記事から9記事に。 こういうやつ↓ そしたら1セッションあたりの平均PVが増えるのかなと思ってやったのですが…。 何とも言えない結果になりました。スマホとPCで効果の差がある事をやっているとは思えないのに、それでいて逆の結果が出ているというこ…続きを読む

UX DAYS TOKYO 2019に行ってきた。こういうカンファレンスはここ2年くらい避けてきたが、久し振りに行ってみると意外といいもんだなと思った。 このイベントも大型UX系カンファレンスの例に漏れずメタ原則論のプレゼンテーションではある。なので「明日から使える実践ノウハウ」を期待した人には抽象論に聞こえたかもしれない。 ただ、これでも一応UXデザインだのサービスデザインの手法、プロセス、メト…続きを読む

TwitterのiOSアプリ、YouTubeのiOSアプリと続いて、第3弾はGmailをやってみた。そして今回はふと気が向いてAndroid版としてみた。 以下の方針は第1弾、第2弾と同じ。 UIの「サイズ」にフォーカス (自分の土俵は情報&UIの構造設計なので) カラーリングやフォント解析はビジュアルのプロに任せる ただし今回はAndroid版ということで、手持ちのPixel3からスク…続きを読む

2 / 111234511