はじめに 最近なにかと話題のTailwindCSSですが、個人的には結構手に馴染むし、何よりもUI構造とスタイルをセットにできるところがかなり好きだったりします。 ただしTailwindCSSはその便利さゆえに自由奔放に書くことができてしまうため、無秩序なUIコンポーネントの定義ができてしまったりします。そういった状況を数々経験してきた方々は、あまりTailwindCSSをよく思わないかもしれません。 個人的には「TailwindCSSは、ルールを守って運用できれば楽しくUIコンポーネントの実装ができる」のかなと思ったりします。 今回は楽しいTailwindCSSを用いた開発を実現するために、守るべきお作法を共有できたらと思います。 個人的Tailwindcssお作法の四箇条 今回紹介したいTailwindCSSのお作法は、以下の四箇条です。 classNameは見やすさ重視で改行すべし

中小ベンチャー企業での社外No.2、パートナーCFO®を広く一般に普及することを目的とする、一般社団法人日本パートナーCFO協会が主催するイベントに、ベストセラー『起業の科学』の著者で、スタートアップアドバイザーアカデミーを創設した田所雅之氏が登壇。「スタートアップのメンタリング」をテーマに、「知見」の5つのレベルや、いいメンターになるための18項目などが語られました。 「知見」の5つのレベル 質問者1：経営者の支援をしていて、「課題は？　仮説は？」とめっちゃ聞かれるんですけど、経営者側も若干「会社経営をやっていない人にいろいろ言われても」みたいな感じになっていて、うまいようにいかないなと思っています。 田所雅之氏（以下、田所）：単に答えを出すだけだったら、ChatGPTに聞けばわかるんですけど、これからは誰が言うかが大切です。「この人に言われるから腹落ちする」みたいに。 メンター側も追体

はじめに こんにちは、M-Yamashitaです。この記事は、GitHub Actions Advent Calendar 2022 の23日目の記事です。投稿が遅れてしまいすみません。 今回の記事は、はてなブログの下書き作成、更新、公開までをGitHub Actionsで自動化した話です。 以前「自動化大好きエンジニアLT会 - vol.9」でこの自動化について登壇しました。この話では、スライドで紹介できなかった実際のワークフローとその説明について伝えます。 この記事で伝えたいこと 各ワークフローの紹介 前提 はてなブログでは、はてなブログAtomPubが公開されています。ここでは、はてなブログの記事の参照、作成、公開、削除できるREST APIが公開されています。 このREST APIのCLIクライアントとなるものがblogsyncとなります。今回の自動投稿では、GitHub Acti

分散モノリスとWebAssemblyランタイムを用いた新しいアプリプラットフォーム「Wasmer Edge」登場。オーケストレーションもサービスメッシュも不要 WebAssemblyランタイム「Wasmer」の開発元であるWasmer社は、エッジロケーション上のデータセンターにWebAssemblyランタイムを展開し、分散モノリスなアーキテクチャを用いたサーバレス型の新しいアプリケーションプラットフォーム「Wasmer Edge」を発表しました。 The Cloud is dead, long live the Cloud! Announcing Wasmer Edgehttps://t.co/VjGsbMwopy pic.twitter.com/5mTtKBBjsZ — Wasmer (@wasmerio) June 15, 2023 上記のツイートに示されているように、Wasmer E

はじめに 先日、Terraform v1.5.0がリリースされました v1.5の目玉はなんと言っても import ブロックと terraform plan -generate-config-out によるtfファイルの生成ですよね〜。これで既存のリソースもimportし放題だと巷で話題です。 ところで、Terraformの特徴として、「インフラをコード化することで環境が再現できる」などと一般的に謳われています。また、Terraformには「既存リソースをimportする機能」があります。別にそれぞれ単独では間違ってはないのですが、これらを組み合わせて、「既存リソースをimportしてplan差分が出なければ元の環境を再現できる」と言えるのでしょうか？ 残念ながら現実にはそうとも言い切れません。なんとなく経験上わかってる人もいるとは思いますが、意外と気づいてない人も多そうな気がしたので、ち

株式会社識学が主催した経営層向けのオンラインイベントに、創業当初から営業部門を率いてきた同社副社長の梶山啓介氏が登壇。「評価制度が会社を長期自動成長させる」と題して、インセンティブ制度の弊害や、勤務態度をマイナス評価の対象にしない理由などを解説しました。 営業職以外の数値化しづらい部門の評価制度のつくり方 司会者：ここからは質疑応答に移ります。最初のご質問は、「業務評価の定量化が困難なケースの対応例はございますか」ということです。 梶山啓介氏（以下、梶山）：先ほど「完全結果」をご紹介をしましたが、定量化、基準を明確化する時のポイントは、いつまでに、どういう状態かという期限と状態に分解することです。 期限は、四半期とか1ヶ月とか決められますよね。。どういう状態かを決めるのは、テクニカルなところが必要になります。 1つ目は、人は必ず比較をするので意外と決められるという話です。例えば総務部にAさ

DockerコンテナイメージをWebAssemblyに変換、Webブラウザ上での実行も可能にする「container2wasm」バージョン0.3が登場 DockerコンテナイメージをWebAssemblyに変換し、WebAssemblyランタイム上で実行可能にするツール「container2wasm」のバージョン0.3がリリースされました。 開発者はNTTの徳永航平氏。container2wasmは実験的なツールとしてオープンソースで公開されています。 バージョン0.3では、RISC-Vアーキテクチャに加えてx86_64アーキテクチャのDockerコンテナイメージにも対応したことが大きな変更点です。 実際にDockerコンテナイメージをWebAssemblyに変換したものをWebブラウザ上で実行できるデモページも用意されました。 下記はインテルの64ビットプロセッサを搭載したWindows

はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と

なぜいらないダッシュボードを作らないようにしなければならないのかいらないダッシュボードとは、作っても見返りがないか、見返りがあっても非常に少ないダッシュボードのことである。作っても最初から誰も見ていないのは論外であるが、そうでなくてもいらないダッシュボードがたくさんある。 作ったが最初だけで今は誰も見ていない 意思決定の役に立たない 作るのにとても手間がかかる 維持管理にコストがかかりすぎる いらないダッシュボードは作るのにリソースが必要になる。放っておけば邪魔になるので維持管理も必要だし、いらなくなったら後で削除すればいいと思ってもコミュニケーションの手間がかかる。 そしてこのいらないダッシュボードに費やした時間は何の価値も生まず、他にやるべきことに使えた時間を奪う。従って「いらないダッシュボードは作らない」に勝ることは無い。 ではどうしたらいらないダッシュボードを作らないようにできるの

技術記事『Amazon Builders' Library』にフォーカスを当てた勉強会「AWS Tech talk Night#5 クラウドネイティブ時代のエンジニアが押さえておきたい ソフトウェアの構築・運用で考慮すべき5つのポイント 〜AWSプリンシパルエンジニアの技術記事をソリューションアーキテクトが解説〜」。ここで、ソリューションアーキテクトの吉澤氏が登壇。まずはAmazonがダッシュボードを重要視している理由と、実際の活用のポイントについて話します。 吉澤氏の自己紹介 吉澤巧氏（以下、吉澤）：それでは「Amazonにおけるダッシュボードのベストプラクティス」というタイトルで、アマゾンウェブサービスジャパン、ソリューションアーキテクトの吉澤からお話しします。 まずは簡単に自己紹介です。私は2022年に新卒で入社した吉澤といいます。現在はソリューションアーキテクトというポジションで働

【毎月更新・日本の AWS エンジニアがクラウド解説】 初心者向け解説、最新のクラウドネイティブな開発手法・利用シーン別ハンズオンを学ぶ »

AGIラボは、最高のAI情報をお届けするためのマガジン・コミュニティです。GPTsを筆頭にClaude 3やSoraなど注目のAIについても詳しく解説、今日から使えるAI活用情報を一番わかりやすくお伝えします。他に限定コミュニティへのアクセス、限定イベントへの参加権が含まれます。

Blockly は、ドラッグ&ドロップ ブロックを使用する Google のビジュアル プログラミング エディタです。世界で最も人気のあるコーディング教育プログラムを支えているエンジンです。 Blockly ライブラリは、コーディング コンセプトをインターロック ブロックとして提示する、カスタマイズ可能なエディタをアプリに追加します。また、任意の言語でクリーンなコードを作成し、アプリケーションに合わせたカスタム ブロックを作成できます。

こんにちは、id:aerealです。 今回はGraphQLのスキーマ管理を工夫している点について紹介します。 背景 対象となるアプリケーションは先日プレスリリースが出された学習トレーニング機能を裏で支えているコンテンツ管理システム (以下、内部CMS) で、エンドユーザ向けを含む複数のサービスから呼び出されます。またAngularで書かれたWeb UIを備えます。 内部CMSを開発するチーム内には主にサーバサイドを担当するメンバーと、主にクライアントサイドを担当するメンバーとがおり、どちらもGraphQLを用いた開発経験があります。 この内部CMSはスクラッチから開発を始めており、目指すリリース予定日に対してやることは山積みなのでうまくタスクを分担したい状況にありました。 時と場合によってはクライアントサイドのチームの手が空いていたりあるいは逆になったり、状況は目まぐるしく変わります。 で

みなさん、今日もﾊﾟﾌﾞﾘｯｸｽﾀﾃｨｯｸｳﾞｫｲﾄﾞﾒｲﾝしてますか？ ｼﾞｬﾊﾞと言えばﾊﾟﾌﾞﾘｯｸｽﾀﾃｨｯｸｳﾞｫｲﾄﾞﾒｲﾝですよね。 最近はIDEでmain[tab]と入力すれば補完してくれるとはいえ、コードを読むときには目に入ってきたりしますね。 そんなﾊﾟﾌﾞﾘｯｸｽﾀﾃｨｯｸｳﾞｫｲﾄﾞﾒｲﾝの呪文から解放される日が近づいています。 TL; DR 9月リリースのJava 21の試用機能として void main() { System.out.println("Hello"); } をhello.javaで保存したら、java hello.javaで実行できるようになります。 (Java 21では--enable-preview --source 21が必要) Javaではプログラムを開始するときにpublicなclassなどにStringの配列を受け取るpublicでs

Docker一強の終焉にあたり、押さえるべきContainer事情 を読んで漠然とDockerが終わるって思った人、素直に手をあげてください。別にDockerは終わりません。なんかむしろWASMとかんばるぞって息巻いてて可愛いので頑張って欲しいと個人的には考えています。 その昔、Kubernetes 1.20からDockerが非推奨になる理由 - inductor's blog を書いたら炎上しました。最初の記事の書き方が良くなかったという反省はあるにせよ、世間一般で「Dockerは開発環境で使うやつ」という認識があまりにも広がりすぎているというのが良くわかる勉強の機会になりました。 逆を言うと、みなさんがこれらの記事を読む時には、Dockerという言葉に含まれる意味に注意して読んでいただきたいと思っています。Dockerには大きく分けて以下の意味が含まれると僕は考えています。 Docke

※2023年6月27日 「今回配布を予定しているアイコンの例」画像を差し替えました。 ライセンスの記載について追記しました。 デジタル庁では、行政手続をわかりやすくするためのイラストレーションやアイコン素材集の制作をおこなっています。 2023年の始めにプロジェクトが発足し、これまでデジタル庁の四半期報告会見資料や、重点計画資料で活用をおこなってきました。これらの素材集を、府省庁や自治体、事業者の方々など、どなたでも活用ができるように配布をはじめます。 Figma Communityで公開しているデジタル庁デザインシステムから、ウェブやアプリケーションで利用ができる素材を6月中に配布開始予定です。 専門的でわかりにくい行政手続の改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政

広報誌「ファイナンス」1月号 特集 適用利率が上昇してきている 個人向け国債の特長と購入方法 他 「ファイナンス」は、財務省が発行する月刊の政策広報誌です。 毎月、旬なテーマで予算・税制など財務省の施策を紹介する特集や、著名人・有識者等が自由なテーマで寄稿する巻頭言をはじめとして、読み応えのある記事を多数掲載しています。 さらに、表紙には、いきいきとした子供の姿。次世代に向け豊かで希望ある社会をつないでいく取組み、ご覧になってみませんか。 【主な内容】 特　集   適用利率が上昇してきている 個人向け国債の特長と購入方法 Future TALK ○○さんと日本の未来とイマを考える 藤井サチさん（モデル・タレント）編 年頭所感　令和6年1月 財務大臣年頭所感 ・・・ 財務大臣　鈴木 俊一 ※最新号の目次及び上記を含む記事の内容を以下のいずれかの方法でご覧いただけます。 電子ブックはこちら 閲