box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる | Black Everyday Company
CSSだけでドット絵（Pixel Art）を描く・アニメーションさせる方法を紹介する。ただ、バニラCSSだけでも大丈夫なのだが、よりメンテナブルにするためSassで描く方法も併せて紹介する。 ちなみに下図のようなドット絵がつくれる。 マリオとMinecraftの土ブロックは、CSSアニメーションをつかって動かしている。もちろんJavaScriptは使っていない。 box-shadowプロパティについて ドット絵を描くためには、CSSのbox-shadowプロパティを使う。 そもそもbox-shadowプロパティは、要素にドロップシャドウ効果（影をつける）を与えるのが本来の使い方なので、まずは基本的な使い方からまとめる。 いくつかの構文がある。 box-shadow: offset-x offset-y color box-shadow: offset-x offset-y blur-rad
天才youtuber！「チャンネル人工知能」の実験が理系心をくすぐる。 - プロクラシスト
こんにちは、ほけきよです。 前から何度か記事を上げているように、私、youtubeフリークです。 人気youtuberには3種類ある？！オススメyoutuber6選 - プロクラシスト 金を超える『ダイヤモンドの再生ボタン』を持つ世界のトップyoutuberたち - プロクラシスト 最近のyoutuberが鉄球を熱しすぎな件について - プロクラシスト 【ガブリエル】これから期待のオススメyoutuberを徹底紹介！ - プロクラシスト youtuberにも色んな種類いますが、今回はScience系ユーチューバーを紹介。 ただし、このチャンネル、見せ方もスキルセットも他のyoutuberと全然違う。スゴい。。。 チャンネル人工知能 それがこのチャンネル www.youtube.com 物理エンジンを使った実験 人工知能と言っていますが、メインは物理エンジンを使った実験。 物理エンジンってい
Webページにチャット機能を簡単に導入できるSmallchatを試してみた #Slack | DevelopersIO
どうも！西村祐二＠大阪です。 今回はWebページに簡単にチャット機能を追加できる「Smallchat」というサービスを紹介したいと思います。 このサービスのいいところはWebページ上のチャットとSlackが連携できるところです。 通常だとチャット機能の開発コストや運用コストがかかり大変ですが、 このサービスは出力されたJavascriptのタグをWebページに埋め込むだけで簡単にチャット機能の導入ができます。 さっそくSmallchatを使ってみましょう！ 事前準備 Slackを利用するためSlackのアカウント、Slackのチームの準備をおねがいします。 Slackのサイト SmallchatとSlackを連携 ▼こちらよりSmallchatのサイトにアクセスし「Add to Slack」をクリックします。 ▼「Authorize」のボタンをクリックして権限を付与します。 ▼Webサイト
mimosalabo.com is Expired or Suspended.
「 mimosalabo.com 」のページは、ドメインが無効な状態です。 ウェブサイト管理者の方はこちらから変更・更新を行ってください。 「 mimosalabo.com 」is Expired or Suspended. The WHOIS is here.
人間の棋譜を用いずに評価関数の学習に成功 | やねうら王 公式サイト
今回、新たに評価関数をゼロベクトルから学習させた。elmo絞りを使うと意外と簡単にApery(WCSC26)相当の棋力を持つ評価関数にまで出来るようだ。追試できるように記事の前半に手順を記しておく。また、記事の後半には何回目のelmo絞りでどの程度の強さであったかも示す。 elmo絞りを知らない人のために簡単に説明すると、今回、将棋ソフトが人間の棋譜を用いずに勝率の高い形を強化学習でソフト自らが自動的に覚えたということである。今回、1回に生成している教師の数は5億局面。対局回数で言うと400万局程度であろうか。それだけの対局を終局までこなすことで、どういう駒の位置関係だと勝ちやすいのかを学習したということだ。 私は以前、elmo絞りを用いずにある程度の強さまでは到達出来たのだが、計算資源を湯水の如く消費するので途中で断念してしまった。今回はそのリベンジである。題して「Re : ゼロから始め
【資料作り講座・第5回】ビジネス資料に使える、シンプルなフリー素材サイトまとめ | プリント日和 | 家庭向けプリンター・複合機 | ブラザー
わかりやすい資料を作るためには、細かい画像素材や背景などにもこだわりたいもの。しかし、著作権などの問題から、どの画像が利用できて、どの画像がダメなのかわからないことも多いはず。そんな時に助かるのが、フリー画像素材を配信しているサイトです。 フリー素材を扱うサイトでは、サイトの運営会社が私たちにとって理解が難しい著作権を管理してくれているので、サイトに掲載されている利用規約に沿って利用すれば、問題になることはありません。 第５回目となる今回の資料作り講座では、資料作りに役立つフリー素材をダウンロードできるサイトを紹介していきます。
PCでの作業効率を最大限まで引き上げる超便利グッズ・ツール24選！ - ひつじの雑記帳
最終更新日：2018年07月27日 どのジャンルの仕事でもパソコン作業は必ず存在するといっても過言ではない。仕事によってはパソコンでの作業が9割を占めるものも存在する。仕事の枠に収まらないかもしれないがブロガーだってそのひとつだ。あなたはそんな「パソコン作業」を効率よく行えているだろうか。今回は、PCでの作業効率を最大限まで引き上げる超便利な道具24個を紹介していく。多くのひとが使っている基本的な道具から、あまり知られていないが意外と便利な道具まで幅広く取り上げていく。パソコン作業が日常の大半を占める方は特に参考にしてほしい。 スポンサードリンク PC作業の効率をあげる道具24選 1. 騒音対策に キングジム デジタル耳栓 密かな定番アイテム。電車の中や学校の休憩時間などの騒がしい場所でもこれを使えば、ノイズキャンセリングの効果で音が一切聞こえなくなる。これさえあればスキマ時間の作業も集中
3分でわかるFXとは｜図解でわかる仕組みと魅力の全知識
「FXが儲かる」とか「FXは24時間取引できてメリットが多い」などの話をよく耳にするけど、「そもそもFXってどんな取引なの？」「他の投資と比べてどうなの？」と疑問を抱いていませんか？ 結論からいうと、FXとは「日々価格が上下するドルやユーロなどの外国通貨を売買（交換）することで、差益や金利を狙う」という非常にシンプルな仕組みの投資で、「平日24時間取引可能」「原資の最大25倍の額まで取引可能」など、他の投資にはない魅力が多く、近年非常に人気が高まっている投資です。 「でも、難しいのでは？」と思わるかもしれませんが、実は株と異なり、FXで主要な通貨は数種類しかないため、初心者が始める際のハードルも低いことが特徴です。しかも、勝ち組トレーダーになると「数十万円の原資から数億円を稼ぐ」なんてことも可能な夢のある投資でもあります。 このページでは、「FXとはどういうものか」という疑問の解消から、始
Appleが買収して無料化したスマホの操作を自動化するアプリ「Workflow」レビュー
アプリで行う作業を自動化する「Workflow」がAppleに買収され、App Storeでアプリが無料で提供されることになりました。ということで、Workflowを使って面倒な作業を自動化してみました。 Workflow: Powerful Automation Made Simple on the App Store https://itunes.apple.com/us/app/workflow-powerful-automation-made-simple/id915249334 ◆アプリのインストール 上記リンクからApp Storeの「Workflow」ページを開いて、「入手」をタップ。 「インストール」をタップ。 「開く」をタップして、アプリを起動させます。 初回起動時にはチュートリアルが始まるので、「→」アイコンをタップして読み進めればOK。 途中で好みのワークフロー(いわ
200人と同時に通話できるLINEグループ通話の機能とその仕組み : LINE Engineering Blog
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは、LINEでグループ通話サービスを開発しているJungjun Parkです。 LINEでは「CLOSING THE DISTANCE」というビジョンを掲げ、様々なサービスを提供しています。今回の記事ではその中から、同時にたくさんの人と通話できるLINEのグループ通話機能と技術についてご紹介します。まず、グループ通話機能について簡単にご説明します。 最大200人と同時に通話できるLINEグループ通話 LINEのグループ通話は、LINEで同時に最大200人と通話できるサービスです。2016年3月にグループ音声通話サービスが公開され、同年12月にはグループビデオ通話をサービス開始いたしました。音声通話とビデオ通話のいずれも
刃牙の作者、秀才だった・・・！ : 哲学ニュースnwk
2017年02月05日22:30 刃牙の作者、秀才だった・・・！ Tweet 1: 以下、＼(^o^)／でVIPがお送りします 2017/02/03(金) 12:22:15.070 ID:Et3rgqtV0 2ch系怖い話の恐怖度ランク付けしようぜｗｗｗｗｗｗｗｗｗｗ http://blog.livedoor.jp/nwknews/archives/5164602.html これは天才 3: 以下、＼(^o^)／でVIPがお送りします 2017/02/03(金) 12:23:17.808 ID:iZb4BscEp 有能じゃないと売れる漫画出せるわけ無いわ 6: 以下、＼(^o^)／でVIPがお送りします 2017/02/03(金) 12:24:43.654 ID:+g5WylxH0 オイオイオイ 7: 以下、＼(^o^)／でVIPがお送りします 2017/02/03(金) 12:24:48
最近のgitを使った開発フローについて - その手の平は尻もつかめるさ
最近のgitを使ったWebアプリケーションのプロジェクトの開発フロー (主にブランチ運用) について記すものです． なお前提としてGitHub Enterpriseを利用しています． git-flow 大上段に構えたもののあまり特殊なことはしていなくて，基本的にgit-flowをそのまま踏襲しています． git-flowについてはしっかりした解説記事がインターネット上に数多く存在しますからそれらを参考にしていただければと思いますが，ざっくり説明すると masterブランチ，developブランチ，releaseブランチ，featureブランチ及びhotfixブランチがある masterブランチは常にリリース可能な状態になっている (すなわち現在本番で稼働しているアプリケーションのコードと等しい) developブランチは開発中の状態で，ステージング環境等に上がっている releaseブラン
やってみよう！AWSでWEBサーバー環境構築（シリーズ第1回） | Wedding Park CREATORS Blog
こんにちは、岩橋聡吾です。最近のAWSは、次から次に新たなサービスを展開し、その勢いは留まることを知リません。今やITと切っても切れない関係と言っても過言ではないでしょう。 そこでこの度、複数回に渡ってAWS上でのWebアプリ向けのサーバー環境構築について記事にしてみたいと思います。 今回構築するサーバー環境は、 ◉VPC（Virtual Private Cloud：土地全体）の構築 ◉AZ（Availability Zone：建造物エリア）、サブネット（：建造物を設置するための基礎）の構築 ◉WEBサーバーの設置（EC2） ◉ロードバランサー（ELB：玄関）の設置 ◉ステップサーバー（EC2：裏口玄関）の設置 ◉DNSの設定（Route53：住所登録） ◉データベースの設置（RDS） ◉KVSの設置（ElastiCache） …etc を想定しており、最終的には以下のようなイメージになり
ド素人でも3分でおしゃれなブログデザインを実現する11の法則 - 今日はこれを証明しようと思う。
2016 - 12 - 22 ド素人でも3分でおしゃれなブログデザインを実現する11の法則 ブログ論 あなたのブログの記事がどんなに面白くて、役に立ったとしても、 読みづらくてデザインがダサかったら、読者は途中で離脱 してしまいます。 いっぽう、当ブログは、よくこんなことを言われます。 記事が読みやすい ブログがおしゃれ すごいシンプルでまとまっている WordPressかと思ってた キャラクターがかわいい← みなさん、ありがとうございます（照） 今でこそ、こんなことを言ってもらえるようになりましたが、僕はWebデザインの知識もなければ、IllustratorやPhotoshopの類も全くつかえません。ついでに絵もめちゃくちゃ下手くそです← この記事ではそんな僕が、いろんな有名ブロガーのデザインを研究しまくって編み出した、「 ド素人でも3分でおしゃれなブログデザインを実現する11の法則 」
大量の暗記は不要？語源学習法で英語の単語量を増やそう！ | English Lab（イングリッシュラボ）┃レアジョブ英会話が発信する英語サイト
英語の上達を目指す上で、必須となるのが単語力です。新しい単語を覚えてボキャブラリーを増やすと、表現力が身に付きますし、リーディングやリスニング力の向上にもつながります。 とはいうものの、知らない単語を1,000個、2,000個…と、ただひたすら機械的に暗記していくのは正直言って退屈で、大変ですよね。また、一度学んだ単語を定着させるには、復習する機会も必要となるため、忙しい合間を縫って学習時間を確保しなければならない社会人の場合は、学習の効率性も重視したいところです。 そこでご紹介したいのが「語源学習法」です。実は、単語の語源を知ることによって、効率的に単語をインプットすることができようになり、丸暗記型の学習にはない様々なメリットを得ることができるのです。 今回の記事では、ぜひとも知っておきたい語源の基礎知識を具体例とともにご紹介していきます。 パーツに分解して意味をつかむ「語源学習法」 「
【楽しそうな作者】「漫画を描こう。」イラスト/リョーサン [pixiv]
よぼよぼのお爺ちゃんになっても、楽しい楽しいって漫画を描くのが夢です。
![【楽しそうな作者】「漫画を描こう。」イラスト/リョーサン [pixiv]](https://cdn-ak-scissors.b.st-hatena.com/image/square/78bdef1382e0402ed031af9669bbd4329d8d488e/height=288;version=1;width=512/https%3A%2F%2Fembed.pixiv.net%2Fdecorate.php%3Fillust_id%3D60202913%26mdate%3D1482867842)
何でもSSHでやってしまいませんか？ | POSTD
私はかつて、 ssh-chat というプログラムを書きました。 ssh http://t.co/E7Ilc0B0BC pic.twitter.com/CqYBR1WYO4 — Andrey ???? Petrov (@shazow) December 13, 2014 アイデアは単純なもので、ターミナルを開いてこのようにタイプするだけのことです。 $ ssh chat.shazow.net たいていの人はこの後に続けてlsコマンドをタイプするのでしょうが、ちょっと待って。よく見てください。そこにあるのはシェルではなく、なんとチャットルームですよ！ 詳しいことはわからないけど、何かすごいことが起こっているようですね。 SSHはユーザー名を認識する sshでサーバーに接続するときに、sshクライアントはいくつかの環境変数をサーバーへの入力として渡します。その中のひとつが環境変数$USERです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
仕事で WebRTC
SDカードが郵便を通知！ 無線LAN付きSDカード「FlashAir」を使ってドアポストセンサーを作ってみた＜後編＞
フリーのドローソフト「Inkscape」が2年ぶりの更新。グラデーションメッシュに対応
