※本ページは、アフィリエイト広告を利用しています。 HTMLとCSSを学ぶ近道は、手を動かすこと。本当なら制作会社で経験を積まないと身につけられないコーディングのスキルを独学で学べる解説書を紹介します。 本書は実案件をもとに作成された練習サイトを実装しながら、本格的にHTMLとCSSを学ぶことができます。デザインカンプや仕様も用意されており、かなり実践的に学べます。 本書は、HTMLやCSSのスキルを身につけるための学習サイトCodejumpの運営者である小豆沢氏による初の書籍。経験することでしか身につけられない実制作のスキルを独学でしっかり学べます。 B5判で普通の解説書とサイズは同じですが、すごいのは576ページと大ボリューム。さらにFigma, Adobe XDのデザインデータ、実装に使用する画像、HTMLやCSSのソースコードもサポートサイトからダウンロードでき、至れり尽くせりです
AmazonはAI分野への投資を積極的に行っており、独自のAIチップ「Trainium2」やAmazon Novaなどの基盤モデルを発表した。 オンラインストアの売上高は7％増の755億5600万ドル、広告サービスは18％増の173億ドル、サブスクリプションサービスは10％増の115億800万ドルだった。Kindle端末の販売台数が過去10年間で最大だったという（Amazonは具体的な販売台数を明らかにしない）。 アンディ・ジャシーCEOは「ホリデーシーズンのショッピングはAmazonにとって過去最高の成功を収めた。AWSにおける革新的な技術が、顧客とビジネスに数カ月後に利益をもたらすと期待している」と語った。 2025年1月～3月期の予測は、売上高を1510億ドル～1555億ドルとした。これは、前年同期比で5％～9％の成長に相当する。 関連記事 「Amazon Aurora DSQL」プ
Dockerのマルチステージビルドとは Dockerfile内で複数のビルドステージを定義し、軽量な本番用イメージを作成するやり方です。これのおかげで大きなイメージ(例えば1.2GBなど)から、運用に必要な最小限のファイルだけを含む軽量なイメージ（例：100MB）にまで縮小することが可能になります。 Dockerって構築すると容量などが取られるのでそこがネックでしたが、それを解決する手法になりそうです。 メリット 不要なファイルやツールの排除ができ、転送・デプロイが高速になり最終イメージも軽量化できます。 デメリット Dockerfileの複雑化、中間ステージの内容が最終イメージに含まれずデバックが難しくなり、学習コストが増加します。 マルチステージビルドの仕組み 複数のFROM Dockerfile内に複数のFROMを記述することで、複数のステージを作成します。 ビルドステージ コンパイ
Apple、Xcodeで使われているビルドエンジン「Swift Build」をオープンソースで公開。WindowsとLinuxもサポートへ Appleの発表を読み解くと、Swift Buildをオープンソース化する狙いは2つあるようです。 1つは、Swiftのエコシステムにおいて、XcodeのビルドエンジンであるSwift Buildと、Swift Package Managerに搭載されているビルドエンジンという2つの異なるビルドエンジンが存在していた状態を、Swift Buildに統一することです。 これには比較的単純なビルドエンジンであるSwift Package Managerのビルドエンジンを高機能なSwift Buildに置き換えることで、Swiftエコシステムのビルドエンジンを今後さらに発展させていくための優れた基盤となることも含まれています。 そしてもう1つは、Swift
もっと簡単にStack間のリソースの移動を行いたい こんにちは、のんピ(@non____97)です。 皆さんはCloudFormationやAWS CDKを使っていて「もっと簡単にStack間のリソースの移動をしたい」や「論理IDを変更したい」と思ったことはありますか? 私はあります。 従来はそのような対応をする場合、以下のようなステップが必要でした。 Deletion PolicyでRetainを設定して、Stack上で削除されても、リソースを削除されないようにする Stack上からリソースを削除する 別のStack or 別の論理IDとしてリソースをインポート どうしても手間が掛かりますし、非常に神経を使います。 今回アップデートによって、 CloudFormationのStack間のリソースの移動や論理IDの変更を簡単に行えるようになりました。 AWS Blogsにも投稿されています
![[アップデート] CloudFormationのStack間のリソースの移動や論理IDの変更を簡単に行えるようになりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/9275d181cd999971b068c70e3626e94ee8ad0343/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fimages.ctfassets.net%2Fct0aopd36mqt%2Fwp-thumbnail-dcbaa2123fec72b4fafe12edd4285aaf%2F178121bca8a805d8af9e86e4e4bbe732%2Faws-cloudformation)
世界中には多数の無料アプリが存在し、特にそのジャンルに詳しくない場合、どのようなアプリを選択すれば良いのか迷ってしまうことがあります。 本日紹介する「Awesome Free Apps」そのような場合に役立つ無料アプリの厳選リストです。Windows、macOS、Linux、スマートフォン(AndroidとiOS)の無料アプリを網羅しており、現在も活発にメンテナンスされています。 シンプルなリスト形式で、各アプリの対応プラットフォームや、オープンソースかどうかといった情報を確認することができます。 ブラウザ、テキストエディタ、開発ツールなど幅広くリストアップ Awesome Free Appsでは例えば以下のような無料アプリが取り上げられています。 オーディオ オーディオプレーヤー：Foobar2000、MusicBee、AIMPなど オーディオ録音：Audacity、Ocenaudioな
フロントエンドエンジニア（フルリモート可・フルフレックス） ちょっと株式会社 @chot TypeScript React Vue.js Angular I want to hear a detailed 仕事概要 弊社はモダンなフロントエンド開発を得意とし、上場企業〜スタートアップまで様々な規模のWebサイトやアプリケーション開発の受託事業を展開しています。 創業から5年、おかげさまで多くのお客様からモダンなフロントエンド開発に強い会社として支持され、案件のご依頼が続いています。お客様のご要望にお答えするため、引き続き体制の強化を行っています。 現在の従業員数は50名。フルリモートの働き方を取り入れているため、従業員の約半分は東京以外の場所に住んでいます。またフルフレックスで自由な時間で働けるのも特徴です。 エンジニアは約30名が在籍しており、そのほとんどがフロントエンド開発を中心とした
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 0. はじめに この記事では、AIチャットアプリを作成していきます！ 最後まで読むと↓のようなアプリを作れるようになります 👏 工夫したポイント ストリーム形式でレスポンスを受け取る ユーザ体験の向上 ✨ 1. 技術スタック 1.1. Hono.js バックエンド（API）を作成します。 最近耳にする機会が増えたのでこれを機に触ってみたかったので採用しました。 ※フロント側で直接OpenAI APIを呼べばいいので、正直このチャットアプリにAPIは不要ですがHono.js使いたかったんです・・ ChatGPT曰く、以下のような特徴があ
OpenAI の o3-mini の API の利用に関して、記事執筆時点では、リリース直後と同様に「tier 3 から tier 5 のユーザーのみ利用可能」となっています。 ↓こちらは、公式のヘルプセンターからの抜粋です。 ●API access to o1 and o3-mini | OpenAI Help Center https://help.openai.com/en/articles/10362446-api-access-to-o1-and-o3-mini はじめに 以下の記事の中でも話題に出していた、OpenAI の「o3-mini の API」に関する話です。 ●OpenAI o3-mini を API で利用しようとした話（利用できていない原因も記載）と tier 1 を tier 3 にした課金の話 - Qiita https://qiita.com/youtoy/
React19のuseOptimisticの使いどころがそんなにわからないなと思っていた昨今ですが、めっちゃハマる使いどころを見つけたので共有します！ useOptimisticってなに？ 「楽観的更新をするためのHook」と記載されており、「データの更新→ロード→更新されたあとのデータを表示」の動作のロードの部分を割愛するための仕組みで、確実にデータの更新ができるであろうケースに使用するとアプリを高速で操作できるように見せることができるようです。 useOptimisticの使用の有無の比較 なし あり なしのほうがアイテムを離したあとに少しカクついていることがわかります。 DnDでデータを並び替える実装をみる（なし） ドラックアンドドロップ（以下DnD）で操作を行う場合の多くはDropしたときにDBのデータも書き換えたいものだと思います。今回はリストを並び替えるという動作を例にあげます
はじめに こんにちは、JAXA認定の宇宙ベンチャー企業、株式会社 天地人 (てんちじん) でエンジニアリングマネージャーをしている白井と申します。普段は天地人コンパス (Tenchijin COMPASS) のフロントエンドまわりの開発を行っています。 推し人工衛星はだいち4号です（昨年7月に種子島まで打ち上げを見にいきました） レビューを依頼したときにありがちなこと チーム開発を行う上で、Pull Request（以下PRと略します）ベースのコードレビューは当たり前になってきていると思います。 コードレビューは、他のメンバーにあなたのコードを見てもらい、フィードバックをもらうための重要なステップです。 しかし、レビューを依頼した際に以下のような状況に直面したことはないでしょうか？ 😇 レビュー依頼してしばらく経っても返信がなく、状況を質問してようやく 「あ、今から見ます」 と言われてし
皆さんご存知の JavaScript ランタイム兼開発ツールの Bun が、v1.2.3 でフロントエンド開発のための便利な機能が使えるようになったので取り急ぎ。 現時点(2025/02/06)では Canary build なので試す方は以下のコマンドを実行してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
