米AI研究企業OpenAIは4月6日（現地時間）、文章から画像を生成するAI「DALL・E 2」を発表した。2021年1月に同社が発表した「DALL・E」の後継に当たるAIで、生成した画像を掲載するデモサイトも公開している。Twitter上ではAIが生成した画像のクオリティーの高さに「最新のAIやばすぎる」「個展開ける」など、驚きの声が出ている。 例えば「An astronaut riding a horse in a photorealistic style」（写真のようなリアルに描かれた、馬に乗る宇宙飛行士）では下記のような画像を生成する。

Re: 僕らを縛る Node.js という呪いについて - あるいはなぜ TypeScript 以外が真っ当な選択肢にならなかったか https://d.potato4d.me/entry/20220405-nodejs/ へのアンサーソング。 プログラミング言語としての JavaScript の話をする。 2010年頃、Python 2 でプログラミングを学習した自分にとっては Node.js + CoffeeScript が Better Python だった。 CoffeeScript は当時の JS(ES3~5) に足りない機能を補ってくれて、Python と同じく空白制御のオフサイドルールなのが気に入った。見た目が少しだけ Ruby っぽいので当時全盛だった Rails の人間に訴求するにも有利だった。 Node.js のモジュールシステムである Commonjs は Pytho

Tailwind CSSという言葉、最近よく耳にするようになっています。 カードやボタンなどUIデザインを基本としたCSSスタイリングが特長のBootstrapなどのフレームワークに比べ、Tailwind.cssはHTMLに直接スタイリングを行ってしまおうという考えで、今までのCSS設計のアプローチと全く真逆とも言えます。 そのため、ひとつの要素に追加された膨大なクラス名を見ると、カスタマイズしにくいと感じるひとも多いようです。 そんなときは、Tailwind.cssで利用可能なUIデザインのHTMLスニペットを集めた便利ライブラリFlowriftを活用してみましょう。 ヘッダーやフッター、ナビメニューといった基本から、ヒーローイメージ、CTA、サービス、お問い合わせフォーム、値段表、ギャラリー、404ページといったホームページ制作でよく利用するUIコンポーネントのコードをボタンひとつでコ

クイズ RFPを渡す前に交わす契約書があります。何でしょう？RFPは提案依頼書のこと。委託先候補に提案書＆見積書を提出してもらうため、依頼内容をまとめたものでしたよね。つまり、RFPには会社やプロジェクトの課題などを含め、社外秘とすべき内容がたくさん書かれているわけです。それを相手に渡すには、外部には漏らさないことを約束してもらわないと、安心できません。 こうした外部への情報漏洩を防ぐための管理方法などを記した契約書を、NDA（機密保持契約書）といいます。RFPを渡す前に契約を交わします。 NDAを交わさずにRFPを渡すNDAを交わしてからRFPを渡すそして、いよいよ発注をするときに交わす契約書にもいくつか種類があります。2-14では、契約書の種類や契約の際の注意ポイントを紹介します。

概要 みなさんは React のプロジェクトでアイコンが必要な際はどのように実装していますか？ SVG の埋め込み？それとも Font Awesome？ 私は、主に「React Icons」という React 用のライブラリを使用しています。 React Icons は、豊富な種類のアイコンが揃っておりシンプルで使いやすいため、大変重宝しています。 この記事では、React Icons の紹介とその使い方について解説しています。 それでは、早速みていきましょう。 React Icons とは React Icons は、Font Awesome や Material、Codicons（VSCode のアイコン）などのアイコンを簡単に利用することができる React 用のライブラリです。 npm パッケージとして提供されているため、npm installを使用してプロジェクトに導入します。

株式会社クリアコード（本社：埼玉県所沢市、以下クリアコード）は本日、オープンソースソフトウェア『Fluentd』プロジェクトの開発・メンテナンスにおいて、トレジャーデータ株式会社（本社：東京都千代田区、以下トレジャーデータ社）が担当していた活動を引き継ぎ、開発体制を強化することをお知らせします。 『Fluentd』は2011年にトレジャーデータ社によって開発の始まったオープンソースソフトウェア（以下OSS）プロジェクトで、クリアコードは2015年9月から同プロジェクトに参加。コミュニティサポート、プラグインのメンテナンスといった活動を開始し、以降『Fluentd』本体の不具合修正、機能拡張、ドキュメント整備など活動範囲を拡大してきました。法人向けの各種サービスも提供しており、トレジャーデータ社と協働で、トレジャーデータ社の顧客に対する『Fluentd』の導入支援等も行っています。また、20

米Microsoftは、機械学習ライブラリ「PyTorch」を使った、初学者向けのディープラーニングの教材を公式Webサイトで無償公開している。対応言語は英語のみだが、4時間13分で機械学習モデルの構築方法や自然言語処理、音声認識の概要などを学べるという。教材の利用に、外部ファイルのインストールは不要。Webページのみで完結する。 PyTorchは、米Facebookが2016年に開発したPython向けのオープンソースの機械学習ライブラリ。Microsoftは、2020年にWindows版PyTorchのメンテナーに就任し、2021年5月には「PyTorch Enterprise」を発表。Microsoft Azure上でPyTorchを使う企業へのサポートサービスの提供を始めていた。 無償公開している教材もMicrosoftとPyTorchが提携して作成しており、今後も企業とユーザー、

（前略） if (hum > wet_l3): command(LCD_2ndline) print("Dry") writeLCD("Dry ") led1.on() url = "https://notify-api.line.me/api/notify" # 追加 access_token = '*****************************************'# トークンを記述 headers = {'Authorization': 'Bearer ' + access_token}# 追加 message = '水やりを開始します' # 追加 payload = {'message': message}# 追加 r = requests.post(url, headers=headers, params=payload,)# 追加 motor.forward()

最近、注目を集めている“バーティカルSaaS"という言葉を聞いたことがあるだろうか。 セールスフォースやfreee、Sansanといった業界を問わず利用されるクラウド型のシステムは、部署や部門の課題を水平的にカバーすることから“ホリゾンタルSaaS"と呼ばれている。一方「建設」や「不動産」など、特定の業界に根付いた課題を解決するシステムは、垂直を意味する“バーティカルSaaS"と呼ばれ、徐々に認知が広まってきている。 今年3月、マザースに上場した建設業向けの業務効率化システム「SPIDERPLUS」を提供するスパイダープラスも、バーティカルSaaS企業の1社だ。 同社は直近年度の売上高は20億円弱ながらも、現時点の時価総額は700億円となるなどトップSaaS企業と肩を並べるバリュエーション（評価額）が形成されており、バーティカルSaaSに対する期待が表れている。 なぜ今、バーティカルSaa

「Deno 1.10」では、組み込みのテスト機能であるdeno testが大幅に改善され、複数のテストをそれぞれのモジュールの新たなランタイムで個別に実行するようになるとともに、テストケースに適用する正確なアクセス許可を指定可能なpermissionsオプションが追加されている。 さらに、Webワーカーにおいて構造化クローンアルゴリズムを使用して、シリアル化できるすべてのデータを許可するよう変更が行われた。 ほかにも、新たにWeb Storage APIのサポート、Markdownファイルにおけるdeno-fmt-ignore-fileディレクティブのサポート、WebAssemblyにおけるアトミックと共有メモリのサポート、リモートインポートマップのサポートが追加されるとともに、プラグインインターフェイスの更新によってランタイムとネイティブプラグイン間のインターフェイスにserde_v8を

pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプトです。何の設定も無くJSとCSSを読み込むだけで上デモのようにページロードのプログレスバーを表示してくれます。 非依存で単体で動作してくれます。デモではロード時間までをパーセントで表示していますが、これらも全て自動で処理してくれます。 プログレスバーはCSSで管理されており、いくつか選べるようになっています。プロジェクトページでCSSがダウンロードできるのでお好みのスタイルを選んでください。 <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/pace-js@latest/pace-theme-default.

この記事は、Next.js Advent Calendar 2020 の6日目。 突然だが、2021年 は Fullstack Next.js 元年になる。 その理由として自分は以下のものがあると思っている。 ベストプラクティスとしての TypeScript のデファクト化 Next.js の Dynamic Routes による動的パス、 getStaticProps/getServerSideProps による使い勝手の向上 Vercel によるISRの発明 prisma の成熟 Vercel / Serverless / Cloudflare Workers / Cloudrun 等による Node.js サーバーの運用コスト減 参考: Frontend Study #1: 基調講演 - Frontend 領域を再定義する Blog - Next.js 9.3 | Next.js R

なるべくlodashを使わず標準の機能で済まそうとしている[^1]が、どうしても標準だと面倒で欲しくなるケースがある。 例えば1つの配列をn個に分ける_.chunkなどはちょうどよいだろう。 You Dont Need Lodash Underscoreを参考に自前実装すると最低でもこのぐらいは必要だ。 const chunk = (input, size) => input.reduce((arr, item, idx) => idx % size === 0 ? [...arr, [item]] : [...arr.slice(0, -1), [...arr.slice(-1)[0], item]] , []);

誰もがクリエイティブに生きられる社会へ。「Cocoda!」登録数2万人突破と、「Cocoda!」運営の株式会社almaが7,000万円の資金調達を実施。 デザインプロジェクトや学習コンテンツに取り組み実践的なデザインの力を身に付けられるサービス「Cocoda!」と、Cocoda!に集まったデザイン人材をプロジェクトに巻き込みサービスの体験を向上させることができる法人向けサービス「Cocoda! team」を運営する株式会社alma（本社：東京都目黒区、代表取締役社長：斎藤孝俊、以下alma）は、この度THE SEED、KVP、元メルカリ分析チーム責任者 樫田光氏、株式会社FiNC Technologies CCO 小出誠也氏、田中裕一氏、その他機関投資家に加え融資調達により、総額7,000万円の資金調達が完了したことをお知らせいたします。その他、高梨大輔氏、山本健人氏など個人投資家複数名か

こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で

従来は「消費電力が大きい」とされてきたWi-Fiの弱点を解消する新しい技術が開発されました。ワシントン大学の研究チームが開発した「Passive Wi-Fi」は、通信速度に影響を与えることなく必要な電力を最大で従来の1万分の1程度にまで激減させることが可能で、スマートフォンなどのバッテリー消費を削減可能なほか、モノのインターネット(モノがネットにつながる社会)の普及にもつながりそうな技術となっています。 Passive Wi-Fi http://passivewifi.cs.washington.edu/ Researchers create super-efficient Wi-Fi | Ars Technica http://arstechnica.com/information-technology/2016/02/researchers-create-super-low-power

Live2Dみたいなソフト作りたい 「一枚絵のキャラクターが動いてる！？」 「Live2Dすげぇ」 そんな感動からLive2Dの真似事をし始めた男の話です。 前回の記事で書いた「Live2Dみたいにキャラを動かしたかった男の話」の続きです。 以前からLive2Dっぽいものを作っていたんですが、開発が一区切りついたので記事を書かせてもらいます。 satella.io Live2Dライクなsatella.ioというソフトをElectronで作りました。 UIは、こんな感じになってます。 モデリング（？）とアニメーションを一つのソフトで行うことができます。 WebGLでのレンダリング WebGLは、Three.jsなどのライブラリを使わず開発しました。 というか、Electron以外は一切フレームワーク・ライブラリを使っていません。 正直、途中から「ライブラリ使っときゃ良かった」と思いましたが、