この記事はCPS Lab Advent Calendarの8日目の記事です。 adventar.org 7日目の記事はこちら dattiren.hatenablog.com さて、本題に入ります。時間が無かったので使いまわしの資料ベースで話を進めたいと思います。 おとべです。CPSLabの新B3として配属されました🎉 まずはLabMartって何ぞやという所ですね、簡単に言うとこちらです。↓ 一度は見たことある人が多いのではないでしょうか。 そうです。野菜の無人販売です。 LabMartとは研究室内でお菓子や飲み物などを無人販売するというアイデアのもと始まったプロジェクト(?)です。 実際のLabMartがこちら↓ 結構いろいろな商品がそろっています。 お菓子や飲み物の無人販売というのはとても便利で私も結構な頻度で利用しています。 しかし このような問題がUXを低下させているなと感じました

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWA（Progressive Web App）というキーワードが流行です。特定の技術を指すわけではなく、スマートフォンとWebのあり方のベストプラクティスという位置づけです。そのため若干分かりづらく、理解するためには自分で実際に手を動かすのが良いようです。 今回はそんなPWAをAnnicと連携させたAnnict Mimiを紹介します。 Annict Mimiの使い方 サイトを表示すると、アプリとしてインストールするか確認が出ます。 アプリなので表示がブックマークとは違います。 そして立ち上げると全画面で表示されます。 登録はAnnictで行う必要があります。 そしてコメントが読めます。これはオフラインでも読めます。 設定です。 Annict Mimiはオフラインでも使い続けること

あいさつ ほんとはミライアカリになりきって、記事書きたかったんですが怒られそうだったんでやめます ↓ ニートに教わっても面白くないと思うので、僕のことを美少女だと思い込んで講座を受けてください。 はい。改めまして。 ハロー、yuki540だよ！ﾋﾟﾛﾘﾝ 結構、需要があったみたいなので今回から僕が今まで作ったcss animation作品の演出パターンを解説していくよ！ ホントにやってることは単純でcssの初歩的な知識で再現できるものなので、みんななら10秒あれば理解できると思います！ この講座では、sassとかpugは使わず、あくまで素のhtml, cssを使っていきます。 それでは、早速やっていきまーしょう！ 今回のアニメーション 「ミライアカリに学ぶCSS Animation演出講座」として最初にこれを解説します pic.twitter.com/rgHKA0TWpy— yuki540

こんにちは、どうしようもないニート無職の@kami30kです。 ここ最近つくっていたサービスをようやくリリースしたので、作業ログ的な記事を書いてみます。 なにをつくったか 今回つくったのは、HIRAMEKI CAFEというサービスのアイデア共有サービスです。 KPT LOG、SHOMEI DESIGNにつづいて自身3つめのサービスとなります。 サービスのアイデア共有コミュニティ HIRAMEKI CAFE 簡単に説明すると、知っている人は多い（と思う）ideamiのようなサービスです。 ぼくはこのサービスがとても好きだったのですが、最近あまり使われていないようで、とはいえサービス自体のニーズはあると思うので、今回サクッとつくってみました。 機能自体はとてもシンプルで、 Twitterで認証する アイデアを投稿する グッド（いいね！のようなもの）、コメントなどをつけてもりあがる だけのサービ

現在、主要なブラウザのほとんどでは、表示しているページの正規化されたオリジンをJavaScript上から取得するためのoriginプロパティがlocationオブジェクトに実装されています。 IE10以下などではlocation.originは実装されていないので、location.originプロパティを参照したい場合には、以下のようなコードを入れておくといいでしょう。 if( location.origin === undefined ){ location.origin = location.protocol + "//" + location.hostname + (location.port ? ":" + location.port : ""); } console.log( location.origin ); // 現在のオリジンを表示 たとえば、現在のドキュメントがhtt

脱獄系の映画かジョジョくらいしか思いつかないけど

Kotlinの入門がてら作ったのですが、リリースに至るまでの流れとか利用してるライブラリとかの話しをしようかなと思います。 play.google.com ざっくり以下の話しをしようと思います。 作ったものについて 開発期間について Kotlinについて 利用したライブラリなどについて CIについて タスク管理について 作ったものについて 画面はこんな感じで普通にRecylerViewでのリスト表示です。 今回は、Android Architecture ComponentsのPagingLibraryを使ってかなり楽できました。（またあとで説明します） このアプリの自分の用途について 毎クール30作品とか全部見てると時間がいくらあっても足りないので、 視聴中アニメでモチベーションが低くなってる作品のステータスを（見てる -> 一時中断 -> 視聴中止）にちゃんと更新したかった。 というモ

ACM-ICPC 2017 Asia Tsukuba Regional | ACM-ICPC 2017 Asia Tsukuba Regional 358組中43組の国内予選を通過し、アジア予選に参加してきました。 まず結果について 0完(1問も解けなていないこと)についてはショックが大きいです。汚点を残したとか、期待を裏切ってしまったとか結構考えさせられました。他校からすると全然気にならないかもしれませんが。帰って寝るまで辛かったです。起きたら元気でした。 毎年直前になんとか集まるグループ 自分の大学には競プロサークルなどは無いです。 毎年ACM-ICPC参加登録 1ヶ月前くらいに誰か一緒に参加してくれる人を探して、僕の趣味に付き合って貰う形で出来たグループで挑戦しました。 今年の国内予選は僕にとってはラストで、3回目にして始めて通過しました。 電機大から一昨年は1グループ、去年は3グル

vim以外のエディタでコード書くと私の手は産まれたての子鹿みたいになります。 効率よくコーディングをしてもらうために、新人やvimを学びたい人にvimの研修を実施しています。今回は研修で非常に有効だった内容についてまとめておきます。 ※ なんだか誤解を生んでしまっているようなので追記しておきます。vimの研修は新人研修の一環として行ったわけではなく、vimを使って開発をしたがっていた新人へテスト駆動開発の研修を実施した際に並行して盛り込んだだけです。会社がvim強制とかではないのでご安心ください。言葉足らずで申し訳ありません。 2つの繰り返しキーの存在を認識させる vimは一度実行したコマンドの組み合わせを記憶する.(ドット)とfを使った移動の際のキーストロークを記憶しておく;(セミコロン)があります。これらを駆使することで他のエディタよりも高速な編集作業を行えます。 セミコロンはus配列

本記事が切っ掛けとなってお声がけを頂き、本記事の増補リファイン版となる記事をSoftwareDesign 2018年1月号のシェルスクリプト特集第2章として執筆しました。リファイン版には、この記事で触れていない文法面での分かりにくさについての解説が含まれています。その文法面での分かりにくさの解説の一部に相当する記事もありますので、ぜひそちらも併せてご覧下さい。 Shell Script Advent Calendarをご覧の皆様、図々しくも5日目に続く2度目のエントリーのPiroです。 前回は自作のBashスクリプト製Twitterクライアントをネタに実装を解説しましたが、今日は他の言語で多少のプログラミング経験はあるんだけど、どうにもシェルスクリプトは苦手だ……という人のための、シェルスクリプトによるプログラミングの勘所を解説してみようと思います。多分、プログラミング入門レベルの人や上級

「いま、どのエディタが一番人気なのか」 宗教戦争※になぞらえるほどの議論を巻き起こすこの問題に、転職ドラフトチームはデータから答えを出してみたいと思います。 すでに登録済みの方はご承知のとおり、転職ドラフトの登録フォームには「好きなエディタ」を入力する項目が用意されています。そのデータを集計の上、審査を通過したユーザーのみを対象として、「昨対比」「年代比」「言語別」といった多視点から分析を行なってみました。 さて、あなたが愛用するエディタはいったいどこに位置しているでしょうか？（どんな結果になっていても怒らないでください…） 【集計対象】 転職ドラフトの審査を通過したユーザー1642人 【目次】 2017年度版 エディタ使用率を大公開！ ヤングVSアダルト！年代別エディタ使用率比較 エディタ別 指名率＆指名数比較 エディタ別 GitHub＆Qiita入力率 プログラミング言語別 エディタ使

by Damian Patkowski 「SecLists」はセキュリティアセスメントに役立つ複数種類のデータをリストとしてまとめたもので、ハッキングの危険性が高いユーザー名・パスワード・URL・機密データなどが含まれたリストです。このリストに自身の使っているパスワードが含まれていることを発見したユーザーがこっそり自身のものだけ削除したところ、他のユーザーに改変内容が見つかってしまい、総ツッコミを受けるハメになっています。 Projects/OWASP SecLists Project - OWASP https://www.owasp.org/index.php/Projects/OWASP_SecLists_Project SecListsのリストはGitHub上で公開されているので、インターネット上から誰でも簡単にアクセス可能なデータとなっています。 GitHub - danielm

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用してい

by Marcus 電柱(電信柱)が地面から伸び、電線がクモの巣のようにあちこちに伸びる姿は日本人にとっては当たり前の風景です。アニメのワンシーンにそういった電線の姿が登場しても特に気にとめることなくスルーしてしまう人が多いはず。しかし、海外では電線を地下に埋めている場所が多く、日本のような電線を珍しいと感じる人も多くおり、「どうしてこんなにいろんなアニメで電線が登場するんだろう？」と疑問に思う人が多くいるようです。 Why Is Anime Obsessed With Power Lines? - Atlas Obscura https://www.atlasobscura.com/articles/why-power-lines-anime-electrical-infrastructure Tumblr上には映画やドラマの食事シーンだけを延々と集めるブログや誰でも使ってOKな写真素材

突然ですが、こちらの写真をご覧ください。 酔っぱらって帰る道中で、ふと撮った写真です。 自販機のサンプルが傾いてて面白かったので撮影しました。 酔っぱらってると何にでもウケちゃうの恐ろしいですね。 続いて、同じ自販機の翌日の様子をご覧ください。 お分かりでしょうか。向かって右側のオロナミンCです。 180度回転して、こちらへおしりを向けているんです。 不思議に思い、また翌日に様子を確認しに行くと… 真正面に向き直ってました。何だこれ、こわい。 ちなみに他のサンプルに変わった様子はありませんでした。 どういうわけか、このオロナミンＣだけが回転しているのです。 1人元気ハツラツに活動するオロナミンＣ。 何故回るのか。勝手に回るのか、それとも誰かに回されているのか。 考え得るどのルートを辿っても、「いや、なんでだよ！」にたどり着いてしまいます。 私はこの回るオロナミンＣの真相が気になり、観察して

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づ

[レベル: 上級] Microsoft Edge ブラウザの開発版と Apple Safari ブラウザの開発版がともにデフォルトで Service Worker のサポートを有効にしました。 Service Workers: Going beyond the page – Microsoft Edge Dev Blog Release Notes for Safari Technology Preview 46 | WebKit Safari と Egde は Service Worker をサポートせず PWA（プログレッシブ ウェブ アプリ）の構築には必須と言ってもいい、Service Worker を現状でサポートするメジャーなブラウザは、Google の Chrome と Mozilla の Firefox です。 ほかには、Opera や Samsung Internet など

ブログが「重い」その理由とは 昨夜、前に読んで面白かった方のブログ投稿がtwitter上で流れていたので読みにいったのですが、残念な事にめちゃめちゃ重く固まりかけたので見ている途中で離脱しました ブログに関するあれこれをすべて書き切るつもりでいるのでそのブログがなぜ重かったのかの理由を考え、解決方法もメ記載したいと思います 今回の記事ははてなブログを想定して文章を記載させて頂きます ブログが重かった理由「Youtube動画の埋め込み投稿」 ブログが重い理由で考えられる事は必要以上の情報量が１画面に表示されている事が考えられます、そのブログを読み込むのに4,5秒くらい掛かったのですが少し時間が掛かりつつも下までスクロールして行くと理由が分かりました 「大画面で自分のバンドのYOUTUBE投稿を埋め込みしていた」 これが主な理由だろうなーと思いつつ、さすがにバンドマンの方のブログだったので動画

大学生だった当時、梅田望夫の本を読んではてなにやってきた僕は、ブログ論壇への憧れだけがあって、技術者にもなれず、時流のテーマに対して書くべきテーマを持たず、ただ実家の宗教に対する恨みだけを書き綴っていた。 もちろん、そんなものを好きこのんで読む人はいなくて、ただ虚無へとテキストを放り込んでいたのだけだど、いつからか、ある程度パターンを獲得して、その真似をするようになって、成功失敗を繰り返して、それなりにPDCAを回してきたと思う。思えば、その過程でいろんな人のヘイトを買った気がする。 人間のテキストの読み方、その反応、というのはパターンを、いくつか書き起こしてみる。 読者は、ファーストビューのレイアウトで、読む読まないを決める タイトルは記事の印象の5割 章タイトルが残りの半分 本文はほとんど読み飛ばされる 書き手としては単語の印象の連なりでイメージを形成することになる 段落が均等に分割さ