週刊Webテク通信 2019年6月第3週号1位は、 CSSによるレイアウト技法を学び直せるサイト、気になるネタは、モジラがFirefoxの新ロゴを発表、ブラウザーだけではないことを強調 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2019年6月10日～6月16日の間に見つけた記事のベスト5です。 1. Relearn CSS layout: Every Layouthttps://every-layout.dev/ CSSレイアウトの技法をまとめた、CSSを使ったレイアウトを学び直すためのサイトです。 今のところ、スタック（積み重ね⁠）⁠、サイドバー、カバー（表紙）の3つが公開されており、最終的には8種類のレイアウト技法が見られるようです。 ブレイクポイントやマジックナンバー（特定の条件

情報セキュリティマネジメント試験とは？ 去る2019年4月21日、情報セキュリティマネジメント試験（以下、SG試験）が行われました。SG試験は国家試験「情報処理技術者試験」のうちの1つです。ITの安全な利用・活用の推進を目的に、幅広い職種の人を対象に行われている試験です。年に2回、春期（4月第3日曜日）と秋期（10月第3日曜日）に行われます。 試験は午前と午後に分かれており、それぞれ100点満点中60点を取れれば合格です。午前は四肢択一の多肢選択式で、情報セキュリティと法務が重点分野として出題されます。午後も多肢選択式ですが、5〜7ページ程の文章から出題される形式となっており、選択肢が4つを超える問題もあります。 IPA（独立行政法人 情報処理推進機構）の発表によると、今年は13,000人以上が受験し、そのうちの約7,000人が合格を果たしました。 情報セキュリティマネジメント試験の試験形

Android StudioとAndroid Emulatorは64ビット版のみに 6月11日、Android Developers Blogで、Android StudioとAndroid Emulatorの今後のバージョンは、64ビットのOSのみをサポートすると発表しました。 Android Developers Blog: Moving Android Studio and Android Emulator to 64-bit versions これはWindowsの話でmacOSは関係ありません。 Windows版のAndroid StudioとAndroid Emulatorは、今後、32ビット版Windowsがサポート外となり、64ビット版Windowsのみのサポートになります。 対象バージョンとサポート終了日は以下です。 Android Developers Blogでは、6

音声サービスの普及段階に入る兆しが見えはじめた Amazon公式認定のAlexaエージェンシーが中心となり、国内初となる音声ユーザーインタフェースをテーマとする「VoiceUI Show ～2019 Spring～」が5月31日に開催されました。 【増枠】VoiceUI Show ～2019 Spring～ connpass これは、主にAmazon Echoを使ってマネタイズしているビジネスイベントで、音声をユーザインターフェースとしてマネタイズを進めている事例の紹介を見ることができました。事例紹介があったのは以下の企業です。 株式会社ZOZOテクノロジーズ 日本航空株式会社 オルビス株式会社 日本テレビ 日本放送 アイプロスペクト・ジャパン株式会社 どれもAmazon Alexaの活用事例で、スキルを開発するまでのいきさつや工夫・苦労した点、今後の方向性などが紹介されました。また、ラン

DMM.comのCTO就任が話題を呼び、多くのメディアに登場している松本勇気さん。本誌ならではの切り口でお話を伺いました。 松本 勇気 さん合同会社DMM.com 最高技術責任者（CTO⁠）⁠。 株式会社GunosyでCTOおよび新規事業開発室室長を務めたのち、2018年10月より現職。DMMのテックカンパニー化を推進している。 Twitter：@y_matsuwitter URL：https://medium.com/@y_matsuwitter DMMならいくつもの事業に取り組める 竹馬：今回のインタビューにあたって、同世代、30前後のエンジニアで一番出世したのは誰か、と考えて思いついたのが松本さんでした。この機会にお話を聞けたらいいなと思って。 主に経営と技術の2つについて聞きたいと思っています。まず聞きたかったのが、今のDMMのCTO（Chief Technology Office

ソフトウェアの規模は、ハードウェアの規模がそうであるように生産量ではなくスペックである。実現方式が違えば生産量の定義が変わる。そんなバカなことはない。プレス加工だろうが、鋳造だろうが、生産量の定義が変わるはずがない。ソフトウェアの規模を生産量扱いするというのは、加工方法が変われば生産量の定義が変わるというようなもの。これでは、異なる加工方法間での生産性の比較ができず、生産性の大幅な改善は期待できない。ソフトウェア開発の生産性が向上しないのも、生産量の定義が間違っていることによるものが大きい。 ソフトウェアにおける開発はハードウェアにおける設計 - 酔狂人の異説 に触発されてこのエントリを書きました。 はじめに これまで、私はウォーターフォール型の開発プロセスを使った現場でプログラマをしてきました。 しかし、いくら設計書をちゃんと作っても、バグが無くなったり、 進捗管理を厳しくやっても、スケ

消費税率の10％への引き上げまであと100日になりました。小売店では、増税に合わせて導入される「軽減税率」と、キャッシュレス決済のポイント還元への対応が十分に進んでいるとは言えず、制度の周知を進め準備を加速させることが課題となっています。 スーパーなどの小売店では、８％と10％の税率の商品が混在するため、レジの買い替えやシステムの改修が必要になります。 しかし、中小企業庁によりますと、この費用を賄うための補助金の申請は、先月末の時点でおよそ10万7000件で、想定のおよそ35％にとどまっているということです。 さらに、増税に伴う景気対策として、クレジットカードなどのキャッシュレス決済に対するポイント還元も、ことし10月から９か月間、中小の店舗で導入されることになっています。 このポイント還元について４月に各地の商工会議所が中小企業を対象に調査を行ったところ、制度に「申し込む予定」の企業は3

2019.6.22 DevLOVE Xで登壇したときの資料です。

DevLOVE X Day1 C-5のセッションです。 ITの活用範囲の広がりとともに、費用・品質よりもデリバリを優先するプロジェクトも増えてきました。しかし「しっかり考えるよりも、作ってリリースしちゃおうぜ、正解なんて誰にも分からないんだから」というマントラを唱えながら、返済見込みの立たない大量の技術的負債を抱える。それが最善の選択なのか、もう少しだけ立ち止まって考えてみませんか? YAGNIという言葉を便利に使いすぎてはいませんか? コードを書きなぐるのと、ちょっと考えて設計して作るのとで、そんなに開発スピードに違いがありますか? 考えてみたいと思います。 Read less

✄------------ AM 11:00 -----------✄

GitHubにブックマークをコミットして管理できるはてなブックマークみたいなブックマークシステムを書きました。 詳しいモチベーションなどについては次のスライドで発表しています。 スライド: ブックマーク管理システム: 動くアプリをとにかく早く安く作ろう はてなブックマークのAPIが2019/5/31ぐらいエラーを返すようになって困ったので自分用のブックマークの仕組みを突貫で作りました。 （はてなブックマーク APIは2019/6/3には直ってました。） 逆にじっくり開発していくアプリについては次のスライドで話しています。 スライド: 考えながらクライアントサイドのウェブアプリケーションを作る話 azu/asocial-bookmark: Personal Bookmark System. socialじゃないのでasocial bookmarkです。 特に運用の費用的なコストはゼロにしたか

App::PRTというPerlのリファクタリングツールを作ってるのだけど、起動時に対象のファイルを指定しようと、lib/**を渡すか、'lib/**'を渡すかで挙動がちがう。前者はシェルが展開して渡してくれるけど、後者は'lib/**'という文字列が引数として渡ってくる。 Gitを使ってるとここを意識したことなかったな、と見てみたら、wildmatch.cに自前でワイルドカードの展開が実装されていた。 github.com よくできてるな、いつからあるのかな、と見たら2012年にrsyncからコピペで輸入されていた。その後は独自の進化を遂げている模様。たしかにrsyncやgitはワイルドカードを扱うことが多そう。 github.com App::PRTとしてはglobを展開するべきなのか?という話の一環で調べていたのだけど、ほしくなったら作ればいいでしょう、ということでissueはclos

ここのところ、コードレビューがたまっているのでずっと見ている。レビューすると、手早く何かした感を満たせるので、ダラダラ見てしまう。 週に一回やってる振り返り会で、最近ずっとコードレビューしてるんですって話をしたら、一人で見続けるんじゃなくて、コードレビューしまくってるときは誰か他に見れる人を呼びましょう、ということになった。 こういうことはよくあると思っていて、過去には、チームビルディングがうまくいってなくて、どう見ても開発がうまくいっていないときに、手速い承認を得るために、お客さんからのお問い合わせに答え続ける事例などがあった。一番難しい問題に向き合わないといけない。

極めて個人的な話題なんですが、このブログを通じてしかお伝えできない人もいたりするので、こちらで失礼します。 7月1日より、日々の生活の拠点を自分の地元である岡山に移します。主に自分の "ライフステージ的なもの" の変化を起因としたものですが、以前より「いつかは岡山に戻りたい」という強い気持ちを常々持っていたので、僕個人としてはこの変化をとても嬉しく思っています。仕事については大きく変わりはありません。私は現在、株式会社はてな という会社に所属し、サーバー監視サービス・Mackerel の CRE（Customer Reliabilty Engineer）として働いていますが、そういった所属企業、職種・ロールも今のまま、据え置きです。岡山からのフルリモート勤務となります。 お仕事についてもう少し。今回のことについては「岡山に引っ越すこと」が先に立ってのことだったので、今の仕事そのものについて

今日、Pixela v1.12.0 をリリースしました。 Release v1.12.0 · a-know/Pixela · GitHub 内容のサマリは以下。 Graph に publishOptionalData プロパティを追加しました。 このプロパティが true のとき、各 Pixel の optionalData が生成されるSVGデータに含まれるようにしました。 各 Pixel に optionalData （任意のJSON文字列）を持たせることは、v1.6.0 以降、もともと可能だったんですが、これをSVGに含めることができるようになったよ、というアップデートになります。この機能は Pixela Supporter のみ利用可能な機能になっているので、気になる方は以下のリンク先もチェックしてください。 Patreon を使って Pixela を支援する／限定機能を使う ·

2019年頭より少しずつ書いていたTypeScriptの教育コンテンツをクリエイティブ・コモンズ4.0の表示 - 継承 （CC BY-SA 4.0）で公開します。といっても完成版ではなく、アーリーアクセス版のような品質であることをご了承ください。 仕事ですぐに使えるTypeScript Web版に加えてPDF版もダウンロード可能です。 そもそもこの資料を書き始めたきっかけですが、フューチャーのようなB2Bな会社であっても、最近はフロントエンドの比重が高まっているところから出発しています。僕もフューチャーに転職後からReactでがっつり1年以上の案件をやったり、半年ぐらいのAngular案件をやったりしています。会社としてはVue.jsを推しています。グループ会社の東京カレンダーはReactを使っていたりもします。要件に合わせていろいろですね。B2B2Cな案件も多いですし、お客様の求めるUX

JSer.info #440 - ReactのRedux向けバインディングのreact-redux 7.1.0がリリースされました。 Release v7.1.0 · reduxjs/react-redux 7.1.0ではReact Hooksに対応しています。 React Hooksで扱えるuseSelectorというAPIが追加されています。 import React from 'react' import { useSelector } from 'react-redux' export const CounterComponent = () => { const counter = useSelector(state => state.counter) return <div>{counter}</div> } 詳しくは次のドキュメントで解説されています。 Hooks · Reac

情報源: Windows Terminal (Preview) を入手 – Microsoft Store ja-JP Windowsの新コンソールになるであろうWindows TerminalのPreview版がMicrosoft Storeに登場しました。 一応注意として、日本語IMEのインライン変換が出来ません（既にissueはGitHub上に上がっています）。日本語の表示はふつうに出来いますが、フォントフォールバックによる表示なので、設定(JSON)で日本語の等幅フォントに変更しておいた方が良いでしょう。 PowerShell 6.0, PowerShell, CMD, インストール済みのWSLのディストリビューションが選択できるようになっています。 設定は、GUIは無く、JSONを直接編集します。 { "acrylicOpacity" : 0.5, "closeOnExit" :

► 2022 (2) ► 10月 (1) ► 2月 (1) ► 2021 (51) ► 11月 (2) ► 10月 (2) ► 9月 (4) ► 8月 (4) ► 7月 (4) ► 6月 (4) ► 5月 (3) ► 4月 (10) ► 3月 (7) ► 2月 (4) ► 1月 (7) ► 2020 (155) ► 12月 (7) ► 11月 (10) ► 10月 (8) ► 9月 (8) ► 8月 (11) ► 7月 (21) ► 6月 (19) ► 5月 (14) ► 4月 (20) ► 3月 (13) ► 2月 (10) ► 1月 (14) ▼ 2019 (293) ► 12月 (11) ► 11月 (12) ► 10月 (24) ► 9月 (29) ► 8月 (27) ► 7月 (36) ▼ 6月 (40) 2019/06/29 筋トレ 鉄棒 幽☆遊☆白書 2019/06/27 筋

技術部の青木峰郎です。 去年までは主にデータ分析システムの構築を担当していましたが、 最近はなぜかレシピサービスのサービス開発をやっています。 今日は、そのサービス開発をする過程で導入したBFF（Backends for Frontends）であるOrchaについて、 導入の動機と実装の詳細をお話しします。 Orcha導入にいたる経緯 まずはOrcha導入までの経緯、動機からお話ししましょう。 最初のきっかけは、わたしが去年から参加しているブックマークのようなサービスの開発プロジェクトでした。 このプロジェクトの実装のために新しいmicroserviceを追加することになったのですが、 そのときにいくつかの要望（制約）がありました。 1つめは、撤退するとなったときに、すぐに、きれいに撤退できること。 2つめが、スマホアプリからのAPI呼び出し回数はできるだけ増やしたくない、という要望です。

Help us understand the problem. What are the problem?