あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト

素晴らしい課題でコーディング意欲を高めよう。 Photo by Ferenc Almasi on Unsplash. はじめに コーディングを上達させる最も効率的な方法の1つは、できるだけたくさん作ることです。 コーディング課題は、ものを作ることで自分のスキルアップする楽しい方法です。この記事のリストを参考に、何か選んで作り始めましょう！ 急いでいる時や、コーディングのアイディアを枯渇させたくない時は、100以上の課題をここにまとめてあります。 課題には好きなツールを使えるので、練習したいものがあれば、気軽に挑戦してみてください。 1. タスクマネージャUI なんて美しいアプリケーションでしょう！クリーンでモダン、インテリジェントなUIです。 Aysenur Turkによる「CSSグリッドを使ったタスクマネージャーUI」 学べること HTMLでCSSを使用する方法。新しいCSSグリッドを試

前回の続き。 今回は結構な大改造になりました。 いろいろ手探りでやってるので仕方なし。 目次1 カスタムウィジェットを作成する1.1 custom_card.dartを作成する1.1.1 実際に叩かれ ...

OSSで提供されているダッシュボードツールRe:dash（リダッシュ）。リレーショナルDBはもちろんTreasureDataやBigQueryまで、数々のデータソースに対応するRe:dashの導入方法から使い方まで解説します。 世の中には数々のダッシュボードツールがありますが、Re:dashの特徴はなんといっても無料で使える(※)OSSであること、そして数多くのデータソースに対応していることです。 かくいうSELECKも、Re:dashの取材をした次の日に導入し、今では日々の数字をチームで共有し、次の打ち手を決めるために活用しています。 サービスの重要指標を可視化し、共有するためには欠かせないダッシュボード。その構築方法と使い方を解説します！ちなみにこの記事のためにAWSに環境構築をしたところ、30分くらいで終わりました。 ※ 無料とはいっても、Webサーバー代はかかりますが… ▼このシリ

最近自分はdeep learningやデータサイエンスの環境構築も基本的にdockerで行うようにしています。 dockerfileさえあれば他のVMでも簡単に同じような環境が作れるので重宝しています。 しかし、docker imageって何気にサイズがでかいのでストレージの容量がすくない端末やVMだとimageをたくさん作ったときにすぐ容量がなくって辛いです… そこで今回はdocker imageの保存先を変えてみたいと思います。 docker imageの情報はデフォルトの設定を変えていなければ基本的に /var/lib/docker/配下に保存されます。 この保存先のパスをマウントされたディスクなどに変更してあげればいいわけです。 docker の環境ファイルの場所を確認 docker info で環境ファイルの場所を確認できます。 $ docker info Containers:

前置き 最近ずっとMacbookのキーバインドについて考えていて、現時点での自分なりの回答を用意できたのでまとめてみたいと思います。 前提として、自分は、US配列キーボード、OSがSierraのMacbook ProでiTerm2, tmux, Zsh, Vimあたりを使っているウエブケーエンジニアです(iTerm2, tmuxは特に考慮すべきキーバインドの競合がなかったけど) 各種アプリのインストール方法、設定方法等はインターネッツをご参照ください。 環境 MacBook Pro 13-inch, 2016, US配列キーボード
MacOS Sierra 10.12.5 iTerm2 3.0.15 tmux 2.5 Vim 8.0 Karabiner-Elements 0.91.8 英かな 2.2.3 やりたかったこと なるべく指をホームポジションに維持したまま生きていきたかった。具体的

Twitterにいろいろお役立ち情報があったのでまとめる。 Quest無印にも役に立つ つけ心地改善など EliteStrap メガネ フリップアップ イヤーマフ ヘッドホン Link使用時 Linkでの画質設定 その他 AmazonPhotoで画像を自動アップロード！ 開発 Integration コントローラーモデル 方向リセット 注意系 最後に つけ心地改善など EliteStrap メインで使うならEliteStrapあった方が良いかな〜 バッテリー付きのしかないのかと思ったらAmazonでストラップ単体で売ってた メガネ スポンジの外側が硬くなったことでメガネ持っていかれる率が高まった。 テープでスポンジを締めるといいって 他の人も過去にやってたけど、メガネフレームが少し引っかかるのは側面にテープ貼ってスポンジを締めることで解決した。 pic.twitter.com/6RZ8KG

VRChatの世界に入ってみました。 ※VRの道具が無くてもそこそこのPCがあればログインできますよ。 英語だらけでヤバいです！！ 説明から何から何まで全部英語！！！！ おまけに対面する人のほとんどが英語！！！！！ どうも、英語コンプレックスのしあです。 大学入試の時にセンター１５００という英単語帳をほぼ全て丸暗記したのに英文がサッパリワカランでセンター試験を悲惨な点数で終えるくらいには苦手です。 今まで苦手なものはしょうがないのでこれから克服していきたいと思います。 さて、本題です。 VRChatの中に入ってみたわけですが 基本アバターがなんというかアメリカンチックというか 物足りなさしかなかったので、事前に調べておいた 美少女になる方法を検証していきます。 以下を参考にさせていただきました deltaforce.blog.jp www.hushimero.xyz ※注意※ VRchat

今回はOculus Quest2のネタをやっていきます。 Oculus Quest2で撮影したスクショや録画ファイルをPCに取り込む方法についてまとめました。 去年書いたこちらの記事のリニューアル版です。変更点はあまりありませんが書き残します。 raspberly.hateblo.jp この記事のまとめ Oculus Quest2とPCを接続 Questでデータアクセス許可ダイアログが出ない場合 Oculus Questの内部ストレージの確認 スクショや動画ファイルの保存場所 画像とビデオのインポートから取り込む まとめ Macの場合 参考資料 この記事のまとめ ・Oculus Quest2をPCに接続し、確認ダイアログがQuest側で出るので承認 ・Quest 2\内部共有ストレージ\Oculusからスクショと動画ファイルにアクセスできるのでそこからコピーする ・まとめてPCに取り込みた

cookiecutter インストール 使い方 cookiecutter-pypackage cookiecutter-django cookiecutter-data-science 雛形の自作 cookiecutter github.com cookiecutterを使用するとPythonパッケージやDjangoなどのプロジェクトの雛形を作成することができるので試してみる。Pythonで書かれているツールなのでPython関連の雛形が多いが、他言語の雛形も作成できるようだ。 インストール pipでインストールできるので下記コマンドを実行。 $ pip install cookiecutter ヘルプメッセージ $ cookiecutter --help Usage: cookiecutter [OPTIONS] TEMPLATE [EXTRA_CONTEXT]... Create a

最新版にアップデートしました。 古くなっていたところなど多数あったので、アップデートして所属のテックブログとして投稿しました。よろしければこちらをまずは参照ください。 このページは、残しておきます。 機械学習の環境構築のために今更ながらDocker入門 最初に、この記事の対象者は、私のように趣味で機械学習しているエンジョイ勢や学生さん、初心者が対象です。インフラなど本職での運用などは全く想定しておりませんので、ご承知おき下さい。詳しい方は色々教えていただけると嬉しいです、それか生暖かく見守っておいて下さい。 というわけで、今更ながら機械学習の仮想環境としてDockerがとても優秀であることに気づいたので、Dockerに入門してみました。Dockerは何か？という基礎的な解説は、以下のさくらインターネットさんの記事が非常に分かりやすかったので、以下参照下さい。 仮想環境に関しては、Virtu

こんにちは Ryobot (りょぼっと) です． 本紙は RNN や CNN を使わず Attention のみ使用したニューラル機械翻訳 Transformer を提案している． わずかな訓練で圧倒的な State-of-the-Art を達成し，華麗にタイトル回収した． また注意を非常にシンプルな数式に一般化したうえで，加法注意・内積注意・ソースターゲット注意・自己注意に分類した．このうち自己注意はかなり汎用的かつ強力な手法であり他のあらゆるニューラルネットに転用できる． WMT'14 の BLEU スコアは英仏: 41.0, 英独: 28.4 で第 1 位 Attention Is All You Need [Łukasz Kaiser et al., arXiv, 2017/06] Transformer: A Novel Neural Network Architecture f

行動を変えるデザイン 行動を変えるデザイン ―心理学と行動経済学をプロダクトデザインに活用する 作者:Stephen Wendel発売日: 2020/06/11メディア: 単行本（ソフトカバー） 元々ファスト＆フローとか予測どおりに不合理とか行動経済学の話が好きなので、それをプロダクトにどう適用していくのかが気になって読んだ。行動変容が必要なアプリをつかってもらうために、どういった障壁があり、人の行動特性(ここが行動経済学の部分)を踏まえてその障壁を超える人を増やすにはどういうことをしたら良いかということが書いてある。そこそこページ数が多いが、後半は前半でいったことの繰り返しが多かったように感じた。 コンテナ物語 コンテナ物語―世界を変えたのは「箱」の発明だった 作者:マルク・レビンソン発売日: 2007/01/18メディア: 単行本 流通コストを大きく下げたコンテナ技術がどのような経緯で

今、インターン先の業務で音声認識のモデルを組んでいる。調べてみると、発話内容を予測する時にCTCを使ったBeam search decoderというものがよく使われるらしい。 TensorFlowではtf.nn.ctc_beam_search_decoderという関数まで公式で実装されている。(Pytorchは公式実装なし) 調べたついでに簡単にまとめてみる。 以下のサイトが大変参考になった。 Beam Search Decoding in CTC-trained Neural Networks CTCとは まず、CTCはconnectionist temporal classificationの略で、パス探索の際に使われる手法の1つ。 通常CTCはニューラルネットワークモデルの最終層に付け加えられるもので、直前の各タイムステップごとに出力される、語彙の確率分布を元にデコードする方法となる

萩尾望都先生の漫画を読んでいます 突然ですが、漫画家の萩尾望都先生をご存知でしょうか？知っている人は知っているし、知らない人は知らないと思います（当たり前）が、70年代から傑作を書き続けている、少女漫画家にして、デビューから50年近くたっても、未だ現役の少女漫画界のゴッドです。 私自身は、昔から知っていたわけではなく、小説家の森博嗣先生が、好きな作家で必ず萩尾望都先生を挙げていたので、その作品を知りました。作品は凄いの一言ですね。こんな凄い作品を生み出していた人が少女漫画界にいたことに衝撃を受けました。もちろん、書かれた時代から今読むと多少の違和感ありますが、全然今でも通じます。というか、なおその普遍的なテーマが輝きを増しているような気がします。 最近、たまに図書館に行くのですが、市の図書館に萩尾望都先生の作品が結構並んでいるので、読みふけっています。「銀の三角」とか凄すぎて言葉出ないです

追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。本記事の内容も含めてまとめてあります。よろしければ、こちらも参考にしてみてください。 VS CodeのRemote Development拡張 VS Codeでラズパイ上のファイルやクラウド（GCP等）上のファイルを編集したくなるケースが増えてきました。 今まではリモートのファイルにアクセスするときVS CodeのSSH FSという拡張を使ってラズパイ上のファイルをSSH経由で編集していましたが、最近は、Remote Developmentが公式推奨でイケてるらしいので、乗り換えることにしました。 Remote Developmentの概要は以下です。 VS Code Remote Developmentより引用

質問に対して適切な回答を数多く投稿し、コミュニティの運営に大きく貢献したユーザーです。MVPは3ヶ月に一度、その間に獲得したポイントを元に決定し、表彰を行っています。

「Voicy」を聞いています 最近会社の行き帰りに「Voicy」を聞いています。「Voicy」は、ブログの音声バージョン的なサービスです。個人ラジオ局と言い換えても良いかもしれません。Podcast知っているなら、Podcastと基本は同じと思ってもらえば良いと思います。 PCでも聞けますし、スマホならアプリがあるのでアプリで聴くのが良いでしょう。 Voicy [ボイシー] - 今日を彩るボイスメディア Voicy, Inc.ニュース無料 「Voicy」の特徴としては、どのチャンネルも10分〜20分程度と短めで、通学・通勤に聞くのに丁度良いボリューム感ということと、参加に審査があるため、コンテンツのクオリティがある程度担保されている（極端にダメなものは無い）ところでしょうか。ランキング上位の人は、ネットの有名人の方が多いようです。ただ、私が良く見る層とは異なるようで「名前は聞いたことあるか

@Vengineerの戯言 : Twitter SystemVerilogの世界へようこそ、すべては、SystemC v0.9公開から始まった これ。 github.com pybind11にて、jax を jit で使えるようにするものっぽい。 tensorflow/compiler/xla/python/xla.ccの中で、 BuildJaxjitSubmodule(m); を呼び出している。 具体的には、"jit" にて、CompiledFunction を生成して、__call__ で生成した CompiledFunction::Call を呼び出す感じ。 Google、計算部分に、jax を上手く利用する感じですかね。 github.com jax の jit は、「Compilation with jit」ということろに説明がありますね。 import jax.numpy as