Hyperapp V2を使いたいけど公式ルーターがない！でも欲しい！！ということで自作しました。TypeScriptで書いています。型定義はこちら。 サンプル JavaScriptにしたサンプル https://codesandbox.io/embed/zkml2q59j3 router.ts import { h, SubscriptionEffectRunner, SubscriptionEffect, VNode, DispatchType, Effect, Action } from "hyperapp"; export interface RouterProps { routes: Route[], matched: (route: Route | undefined, dispatch: DispatchType<any, any, any>) => void, } expor

A method for separating policy definition and behavior control by an intermediate language to achieve optimal server configuration management according to the situation

✄------------ AM 12:00 -----------✄

/wp-admin/ にアクセスするとログインページが表示される。これはダメなことなのでしょうか？ この記事を書こうと思ったきっかけ Twitterで、2,3ヶ月毎に1回くらいのペースでこんな内容のツイートがTLに流れてきます。 /wp-admin/ にアクセスしてログインページが表示されるサイトはクソ /wp-admin/ はWordPressの管理画面のパスです。ログインしていないと /wp-login.php にリダイレクトされID/パスワードの入力フォーム、いわゆるログインページが表示されます。 /wp-admin/ にアクセスすることでログインページが表示されるのはよくない、という内容です。 結構多いのでぼくの考えをまとめて記事にしようかと思いました。 ※WordPressについて書きますが、WordPressに限ったことじゃないです。 ※WordPressすげー！って記事じゃな

プログラミング言語やフレームワークに関する疑問をググるとだいたいQiitaの記事がヒットして、開くたびにアカウント登録しろしろとうるさいのでキレながらアカウント作りました。サブカルメンヘラクソ女の@hg0です。折角なのでアカウント登録のついでに書こうと思います。 大学は芸術系で、デザインやメディアアートをかじっていた程度なのですが、縁があってWebエンジニア業界に就職することが出来ました。 2年ほど、フロントエンドのお仕事・勉強をさせて頂いて思ったこと、躓いたこと、各言語やフレームワークを使って思ったことを振り返りながら書いてみようと思います。 言語・フレームワークについて HTML/CSS/JavaScript 「Webサイト制作」「フロントエンド」の勉強をするにあたって、誰もが一番最初に学ぶのは間違いなくこれだと思います。どれも国際的な団体が、仕様や書き方を中立的に定めている、Web業

1. はじめに 本稿は、私が1年以上の期間をかけて、成長し続けるチームに変わることができた施策を紹介します。 本稿は長文なので、忙しい人は太字だけを拾い読みして、興味をもった施策だけを詳しく読んでいただければと思います。 なお、本稿の内容で「Developers Summit 2020 KANSAI」というカンファレンスで発表した結果、ベストスピーカー賞1位をいただきました。発表を視聴してくださった方々に感謝しております。 発表資料と発表動画はコチラ 2. 施策の効果 私の開発チームは当初(1年と数ヶ月前)は、以下の状態でした。 あまり積極的に今のやり方を変えようと思っていないチーム メンバーは、中堅(私)が1名と入社2年目と3年目の3人(後に新人が配属して途中から4名に) 全員、技術記事を書いたことがない 全員、社外の勉強会などのイベントに参加したことがない 全員、開発知識は、業務で教え

「な、なんじゃこりゃあああぁあっtっt！！！！」 ・・・ ・・・ ・・・ 非同期処理を"ちゃんと"理解して使いたい 『非同期処理なんとなくの理解で書いている...』 『動いてるし、ヨシ！』 令和プログラマー*1である私自身、なるべく気を付けようと思っていますが、ついついなんとなくで書いてしまいそうになります。 （*1: 令和になってからプログラミングを知った人。初心者のこと。） ちなみに冒頭のコードは、「並列でいける処理をつい直列でやってしまっている」 例です。 実際に手を動かしながら非同期処理の理解を深める 本記事は以下の構成で、順を追って非同期処理を学習し、明日から自信を持って非同期処理が書けるようになるためのハンズオンです。 JSの非同期処理について知る Promise について知る Async / Await を使えるようにする 冒頭のコードがリファクタリングできるようになる 実際

同僚の昨日の日記から、本人の15年前の日記にリンクが貼られていて、現代の文章は普通の散文なのに、15年前はテキストサイト風になっていて感動した。 テキストサイト風はどんなのかというと、突然文字がでかくなり、自分の文章に自分でツッコミを入れながら進行するスタイル(笑) ちょっと真似してやってみたけどできなかった。つっこみどころを配置して、自ら回収していく、というのは文字のデカさの反面、冷静な進行が求められている。 (爆笑)って書きながら文字を大きくするために適切なマークアップを施すには、爆笑しながらタイピングすることはできなくて、爆笑するまえに適切なfontタグを挿入する必要がある。 ツッコミを入れる余裕がないときはいつだろう、と考えていくと、自らにツッコミを入れながら喧嘩する人はいないことに気づく。 今みたいに全人類がSNSを使い、思ったことを何でも書いている時代じゃなくて、もうちょっと限

日本酒の空き箱がいくつかあったので、Bluetooth接続して使えるワイヤレススピーカーを作っています。前回は100均で売ってる100円のモノラルスピーカー2つを使って格安のものを作りましたが、今回はちゃんとしたフルレンジスピーカーを使ってみました。バッテリーも搭載し、電源の無いところでもスマホと接続して大音量・高品質の音楽を楽しめます。 日本酒の箱で作るBluetoothワイヤレススピーカー 特殊な工程は無く、Amazonで比較的容易に入手できるパーツで構成しましたので、オリジナルスピーカーにチャレンジしたい方は是非参考にしていただければと思います。 目次 目次 こんなふうに動きます＆こんなふうに作ります 主要構成パーツ 日本酒の箱の加工 電源・Bluetoothモジュール回路 アンプモジュール まとめ 主なパーツ＆工具リスト こんなふうに動きます＆こんなふうに作ります 動作の概要と作り

今週は技術的な選択の仕方について考えることが多かった。 どうやって決めるか、というだけでなくて、どこに決めポイントがあるか、というところの見極めも難しい。 何も決めずに進んでいって、あとで見返すとすごいことになってしまい、ここをもうちょっと考えておけると良かったね、ということもあるし、考えすぎて重厚に作りすぎだったので、あとからシンプルな形に直していく、ということもある。 個人的には、ふだんはこのように考えています、という手順を書いておくと、 実現方法を考えるだけでなくて、他に取れる作戦がないか考えていく よさそうな方針が、他の作戦と比べてこれが一番良い、という確証を得る 確証が得られないときは、考えて決める 昼休みにプールに行って泳いでいると、これだけ考え続けて何も出てこないということはこれで行くしかない!と決められることが多かった というような形でやっていると思う。これでできるのでこれ

ECMAScript 2020の変更に対応したJavaScriptの入門書としてJavaScript Primer 2.0.0を公開しました。 JavaScript Primerのウェブサイトから閲覧できます。 ウェブサイト: https://jsprimer.net/ サマリIssue: ECMAScript 2020の対応 · Issue #1145 · asciidwango/js-primer 変更内容の詳細はリリースノートを参照してください。 Release 2.0.0: ECMAScript 2020対応 · asciidwango/js-primer 2.0.0の目的 JavaScript Primerは、継続的にメンテナンスするためにOSSとして開発しています。 ECMAScriptの仕様は年に一度アップデートされていて、現実でのJavaScriptの使われ方も変化していく

昨日・8/31、a-know (ver 0.38.5) がリリースされました。更新内容は以下のとおりです。 この続きはcodocで購入

Intro ブラウザの持つ Video/Audio コーデック実装へアクセスする API として WebCodecs の仕様策定と実装が進んでいる。 これにより、映像や音声の変換などといったユースケースへの応用も可能だ。 本来なら WebCodecs 単体の API について解説するところだが、筆者がこの API を待っていた理由であるところの「WebRTC の代替」としての WebCodecs/WebTransport の応用に注目し、背景も踏まえて解説する。 WebRTC WebRTC は UDP 上に DTLS で交換した鍵を用いて、 RTP を SRTP で流し、そのシグナリングに SDP を、ホールパンチに ICE(STUN/TURN) を用いることで、 P2P ビデオチャットといったユースケースを可能にした API だ。 しかし、最初から「P2P ビデオチャット」というユースケ

2020.09.01 週刊Railsウォッチ（20200901後編）RubyKaigi 2020 Takeout登壇者発表、Ruby開発版が2.8から3.0へ、マイクロサービス分割ほか こんにちは、hachi8833です。RubyKaigi Takeout 2020開催を目前にして、Rubyの開発バージョンが仮の2.8から3.0に変わりましたね。 Ruby 3.0.0 だ https://t.co/z1kNBv1sJN — みょうが (@mrkn) August 31, 2020 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 夏のTechRachoフェア2020もどうぞよろしく🙇。 ⚓Ruby ⚓RubyKaigi 2020 T

2020.08.31 週刊Railsウォッチ（20200831前編）GitHubがRuby 2.7にアップグレード、Durationに変換メソッドが追加、hair_triggerでデータベーストリガほか こんにちは、hachi8833です。RubyKaigi Takeout 2020はもう今週の金曜土曜ですね。YouTubeのRubyKaigiチャンネルでリマインダーを設定できるそうです。 Also you can now set a reminder for #rubykaigi on YouTube. As usual, English interpretation is available for Japanese-spoken talks! https://t.co/DzCv83vJ71 — RubyKaigi (@rubykaigi) August 27, 2020 各記事冒頭に

JSer.info #503 - Firefox 80がリリースされました。 Firefox 80.0, See All New Features, Updates and Fixes Firefox 80 for developers - Mozilla | MDN Firefox 80 Site Compatibility | Firefox Site Compatibility ES2020のexport * as namespace構文のサポート、CSSのappearanceプロパティをprefixなしでサポートしています。 また、window.open()がouterWidthとouterHeightを無視するように、Cache-Controlが設定されている場合にPragmaヘッダは無視されるようになるといった変更も含まれています。 D3.js 6.0.0がリリースされました。

今日はなんといってもお待ちかねの並列化機構 Ractor がコミットされました。 [79df14c04b] Koichi Sasada 2020-03-09 17:22:11 UTC みなさんお待ちかねの新しい並列化機構 Ractor がコミットされました。 [ruby-core:99449] [Feature #17100] Ractor については今日 RubyKaigi takeout でささださんが解説したセッションがあったので、そのうちアーカイブも公開されると思うので RubyKaigi の YouTube チャンネルに登録しておきましょう。 https://www.youtube.com/channel/UCBSg5zH-VFJ42BGQFk4VH2A/featured ざっくりと見所を探していくと、まず ractor.h で構造体 rb_ractor_t が定義されていて、こ

今日はバージョン番号を 2.8.0 から 3.0.0 に変更する matz のコミットやテストなどでのその対応がありました。 [585a659b1e] Burdette Lamar 2020-08-30 15:34:13 UTC Array の rdoc 用コメントで call-seq から alias のぶんを消したり不要なサンプルを消したり。 https://github.com/ruby/ruby/pull/3475 [9b88851c83] git 2020-08-30 15:34:36 UTC version.h の日付更新 [21c62fb670] "Yukihiro \"Matz\" Matsumoto" 2020-08-31 07:38:13 UTC include/ruby/version.h の RUBY_API_VERSION_{MAJOR,MINOR} を更新してバ

週刊Webテク通信 2020年9月第1週号1位は、ウェブアニメーションの基本ルール、気になるネタは、MS監修、Officeみたいなアプリを搭載したパソコン玩具、タカラトミーが発売 「在宅勤務の親と同じことを」 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2020年8月24日～8月31日の間に見つけた記事のベスト5です。 1. Ground Rules for Web Animations | CSS-Trickshttps://css-tricks.com/ground-rules-for-web-animations/ ウェブアニメーションの基本ルールを解説した記事です。 アニメーションを使うのに適した場面 UIブロックが切り替わるとき コンテンツを読み込んでいるとき ヒントを与えると

続・即戦力になるか？ Pixel Buds（2世代目）国内販売 Google Pixel Buds（2世代目）が国内で発売開始になりました。 左右のイヤホンがケーブル接続された1世代目は国内販売がなく、純正のイヤホンがなかったので待ちに待った方も多いと思います。筆者も入手して愛用しているので、その印象をレビューします。 Pixel Buds - Bluetooth 対応のワイヤレス イヤフォン - Google ストア 前回に続いて、今回はPixel Budsのウリであるリアルタイム翻訳とアダプティブサウンドにフォーカスしてレビューします。 リアルタイム翻訳の使い心地 Pixel Budsに翻訳機能が搭載されているのではなく、翻訳はスマホのGoogle翻訳アプリにある会話機能が使われるので、事前にアプリをインストールしておく必要があります。 使うときの流れは、まずPixel Budsの左イ

Jetstack（米Venafi）は9月2日、Kubernetes向けX.509証明書管理の正式版「cert-manager 1.0」を公開した。 cert-managerはJetstackが開発し、オープンソースとして公開するKubernetesのアドオン。様々な認証局からのTLS証明書の管理を自動化する。kube-legoをベースとし、kube-cert-managerの概念を取り入れた。証明書の有効性を確認し、定期的に最新のものかどうかをチェックして有効期限が切れる前に更新する。Jetstackは4月に米Venafiに買収されている。 3年前に開発に着手して以来、初の安定版となった。APIがv1 APIとして互換性を約束するものとなり、新しく安定扱いとなるKubernetes APIを使用する。 kubectlプラグインの強化を利用して、証明書が発行されない問題の調査を行うkubec

チェコJetBrainsは8月31日、iOSとAndroidでコードを共有できるSDK「Kotlin Multiplatform Mobile（KMM）」を発表した。KMM Plugin for Android Studioのアルファ版をプロジェクトのWebサイトより入手できる。 Kotlin Multiplatform Mobile（KMM）はKotlinのマルチプラットフォームを活用したクロスプラットフォームのモバイル開発ツール。iOSとAndroidで同一のビジネスロジックコードを使ってアプリを作成できるという。 AndroidとiOSはUIが異なっても、データ管理、アナリティクス、認証などのビジネスロジックは似ていることが多い。これらビジネスロジック部分を共通化しながら、それぞれのOS向けにコードを書く部分を最小化することで開発の効率化を図り、柔軟性を得られるという。 Kotlin