🍓 Raspberry Pi 4 が買えるようになりました2019年11月、待望の Raspberry Pi 4 技適取得版が発売されました。H.264 ハードウェアエンコーダを搭載した、リッチなシングルボードコンピュータです。2020年5月28日には 8GB メモリ搭載の上位モデルも登場しています。 はたしてこれは何をするためのデバイスなのでしょうか? そうです、録画ですね。もうテレビの録画をするために高価なパソコンを購入する必要はありません。5000円台から入手できるマシンを利用して、安価に録画サーバーを構築することができるようになったのです。 この記事では Raspbery Pi 4 を利用した Mirakurun + EPGStation での録画サーバー構築方法と、ハードウェアエンコーダを利用した録画ファイルのエンコードについて解説を行います。 筆者の⾃宅で運⽤している録画サー
これから注目されること間違いなしの CSS フレームワークです。 Tailwind CSS では、UI コンポーネントを提供するのではなく、CSS の class を提供するだけなので、用意された class を指定するだけなので簡単に複雑な UI を作成することができます。 公式ドキュメントを元に Flex の例を見てみましょう。 class を見るだけで大体なにをしているかわかると思います。 Tailwind CSS を採用した理由僕は、割とフロントエンドには自信があります。デザインもかじってる系です。 UI フレームワークだとちょっといじろうと思うと逆にコストがかかるケースが多く、コンポーネント作成や見た目はこっちでやるから class だけ提供してくれとずっと考えており、そんな中 Tailwind CSS と出会ったので採用しました。 英語もできないので正直 class 名を考える
Motion design helps guide users, giving context and providing clues on how to best navigate. But it hasn’t always been easy to integrate this new field into established UX design workflows. As recently as 2016, it still felt like the dark ages of UX motion design. There were a lot of new patterns but this was still before Lottie let us actually render animation on device. Preparing a visual design
Summary*English report here ストリート・ディベートは路上で問題提起をし、世論を硬貨で可視化する職業である。これは、路上での「ものごい」に代わる行為でもあり、尊厳を損なわずにお金を稼ぐことができる誰もが出来る方法である。 路上で暮らすことを余儀なくされた人々が、友好的な会話を通して社会へ対等な立場で再接続する最初のステップとなることを目指している。 ロンドンではストリート・ディベートで1時間に平均13.5ポンドを稼ぎ、12.5人を議論に巻き込むことが明らかになっている。 Why I started designing the act of beggingもしあなたが、ロンドンやパリといったヨーロッパの都市を訪れたなら、道端で「ものごい」を行なう人を見ることは、そう珍しいことではないだろう。
It was a summer night in Seattle. I ate some ice-cream, watched a Youtube tutorial, and downloaded a free trial of Principle. Several months later, I completed my 5th 100-day-project — 100 Days of Motion. I started my first 100-day-project back in 2015. My past projects include 100 Days of Doodle, 100 Days of Lettering, 100 Days of Watercolor, and 100 Days of Vector Illustration. My Past 100-Day-P
Mineral UI is an open source design system, built by CA Technologies, for which I am a core contributor. Design tokens, popularized by Lightning Design System and helpfully explained by Nathan Curtis, are a valuable asset to any organization, particularly large ones with many products/platforms to support. Think of each token as a relatively static value representing a design decision. In the imag
(Versión en español aquí.) But first, a bit of a backstory. I started using Sketch a few years ago, as a replacement for my favourite design software back then, Fireworks, which had been discontinued by Adobe — leaving a whole generation of designers broken-hearted. Since my first days of using Sketch, I was very surprised by how easy and straightforward it is to use. I had, once again, found an a
This weekend I made this little plugin. It arrange tons of icons in formations like the petal arrangement pattern in a sunflower. I love sunflowers 🌻 They call such patterns phyllotaxis pattern. Phyllotaxis describes spiral like patterns — it occurs repeatedly throughout nature. Arrangement of petals in sunflowers for instance. You can read more about Phyllotaxis in case you find it interesting.
※人材サービス業の方のご参加はお断りしております。--------------------------------------Engineer Recruitingとは------... powered by Peatix : More… 参加者は 株式会社モンスター・ラボの村上氏 株式会社アカツキの大日方氏 株式会社MOLTS の寺倉そめひこ氏 株式会社ユーザーベースの大川氏 という面々。もちろんエンジニア採用のHowToがメインテーマだったわけですが、むしろ大枠というか抽象概念みたいなところに非常に重要性を感じました。そこで、下記にポイントをまとめてみたいと思います。 曰く、別にエンジニア採用だから特別に◯◯をするということはなく、まるっと採用に必要な大前提は同じだよね、ということ。 普段支援をさせていただいている出資先の悩みの中でも大きく上がってくるのが採用の課題。普遍的な大前提とし
1. Copy from the Past into the Present or Vice VersaThis tip can be used in all apps actually, and probably most of you already doing it for little things. But still you should consider doing it for the things even in the distant past. As I can be really lazy in designing same things again, I use this trick often. Undo > Copy > Redo > Paste Copy > Undo > PasteThis video might be a bit confusing wi
A while back, a buddy released a new album. While the music is great, the nerd in me equally enjoyed the website. It’s filled with amazing art and type design, including this header/logo/treatment thing you see below: A great example of the effect we’re about to create in SketchI wrote an article the other day about seamless patterns in Sketch. A helpful commenter pointed out that not only can you
The Apple Watch has certainly played its part that a certain UI pattern has become extremely popular lately: the round progress bar, also called “the ring”. There are two ways to achieve this effect in Sketch: The first one is to use the Scissors tool, which I’ve already covered in a recent article, and the second one, which makes use of the border options, which I will cover in this article. Afte
3200。これはハーマン・メルヴィルが生きているあいだに「白鯨」が売れた数です。メルヴィルは波瀾万丈のその人生が終わるまで、ニューヨークで無名の税関職員として働いていました。それから彼の著作がアメリカを代表する小説とされるまで、実に50年の歳月がかかりました。 教訓:素晴らしいアイディアは、いつか必ず注目される。 でも私たちは、みなさんがそんなに長く待たなくていいようにしたいと思っています。Mediumは、「素晴らしいアイディアを発表する場」を作ることに本気で取り組んでいます。単にバズるネタを投稿する場所にはしたくありません。投稿して終わりではなく、しっかり読者も集めてほしいと思っています。そこで、記事の見せ方を工夫し、注目を集め、読者を惹きこみ思わず紹介したくなるようにするの4つのコツをご紹介します。 I.読者の目を引く写真を使うこと意味を持たせること。もしも売上を伸ばすことだけが目的で
My most used Sketch plugin ‘Content Generator’ by Timur Carpeev, is also one of my favourite ones. I like it so much that I mentioned it in my post: 10 Sketch Tricks for Designers a while back. It’s awesome and saves me a lot of time adding content in my Sketch designs. However the data in Sketch Content Generator is not real data which sometimes can be a problem, when you want to show what it’s r
We ran a survey at about the time the standard became official in June 2015 to see how many people were using ES6. Nearly half of respondents already were. Because of the availability of transpilers and polyfills, the world adopted ES6 much faster than previous enhancements to the language specification. ES6 includes lots of great enhancements that will make you & your team more effective. If you
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く