Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLの解析(パース)を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算する はじめに 私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適
自分が所属している会社のメンバーの教育用資料として、それなりの規模のデータを扱う時に前提として意識しておかなければいけないことをざっくりまとめたので、弊社特有の話は除外して公開用に整理してみました。 大規模データ処理、分散処理に慣れている人にとっては今更改めて言うことじゃないだろ、みたいな話ばかりだと思いますが、急激にデータスケールが増大してしまったりすると環境に開発者の意識が追い付かないこともあるかと思います。 そういったケースで参考にできるかもしれません。 弊社は基本的にAWSによって運用されているので、AWSを前提にした様なキーワードやサービス名が出てきます。後、句読点があったり無かったりしますが、ご容赦ください。 追記: 社内用の資料の編集なのでかなりハイコンテキストな内容だから誤解するかもしれませんが、これらはそもそもRDBの話ではありません。(関係無くは無いけど) 1000万オ
こんにちは。スープ作家の有賀薫です! 毎日スープを作っています。 皆さんは日々、野菜不足を感じることってありませんか? 特に、外食やテイクアウトに頼りがちな人ほど、野菜がとれていないな……と思うことも多いのではないでしょうか。 それを簡単に解決してくれるのが、野菜スープです。 私が得意とするスープは、季節の野菜を使った「食べるスープ」。それほど長時間煮込まず、簡単に作れるレシピが多いのが特長で、およそ8年半、3,000日以上にわたってさまざまなスープを作ってきました。 私がこれまでに作ったスープの一例(2018年の記事より)野菜のスープに肉や魚を足せば一皿でも十分に栄養のバランスの取れたスープになりますし、さらにごはんや麺を加えれば、リモートワークのお昼ご飯にもぴったり。夜遅く食べても罪悪感が生まれません。 こんなふうに、スープを取り入れると、食生活がぐっと充実します。 今回は、秋の季節野
こんにちは~筋肉料理人です! 酒を飲んでも、ご飯を食べても美味しい、まさに食欲爆発の秋。今日は、食事としても、酒のつまみとしても美味しいカリカリの「焼きおにぎり」を、買い置きしてあるツナ缶を使って作ります。 といっても、ご飯に塩とツナ缶を混ぜて、オーブントースターかフライパンでしょう油を塗りながら焼くだけ。なんですが、ぜひ覚えておいていただきたい、焼きおにぎりを美味しく作る簡単なコツも合わせてご紹介します。 ちなみに、この料理は宮崎県日向市の郷土料理「こなます」をイメージして作りました。かつおのたたきをご飯に練りこんで焼いた漁師めしがこなますで、今回の焼きおにぎりはかつおのたたきをツナ缶でアレンジしています。 筋肉料理人の「ツナ缶焼きおにぎり」 【材料】2人分 ツナ缶 2缶(フレークオイルタイプ、1缶70g) 温かいご飯 400g 塩 小さじ1/4 しょう油 適宜 お好きな漬物 お好みで
キャベツがお手頃に手に入る季節が来たので、無限キャベツレシピですฅʕ•̫͡•ʔฅ と言っても味付けはチキンラーメンに頼りっぱなしです(´艸`)* さらにツナ缶で旨味成分マシマシで本当にやみつきになりますよ( ´͈ ᗜ `͈ )♡ めっちゃ簡単リーズナブルな作りかたをご紹介しますね(*・ᴗ・*)و! チキンラーメンとツナ缶で!やみつき無限キャベツ! 【材料】2人分 ◎キャベツ・・・1/2玉 ◎チキンラーメン・・・1人前 ◎ツナ缶(70g)・・・1缶 (調味料) ◎ごま油・・・大さじ1.5 ◎中華だし(顆粒)・・・小さじ1/2~1 ◎にんにく(チューブ)・・・3cm (お好みで) ◎ブラックペッパー・・・適宜 ◎刻みネギ・・・適宜 【作り方】 1.キャベツを粗目の千切りにします。 (お好みで5mm~1cm程度でOKです) 2.キャベツを耐熱ボウルに入れてふんわりとラップをし、レンジ(600W)
≫ 【2週間無料!】初心者でもホームページが作れる!高速・安定・快適なレンタルサーバー みなさんこんにちは、文系出身のエンジニアのちょまど(@chomado)です。大手外資系IT企業でDevRel (Developer Relations) のお仕事をしています。 今回の記事では、プログラミング言語の歴史について書きたいと思います。私はもともとプログラミング言語が大好きで、歴史には大変興味があったので、今回、たくさん色々調べたり、ベテランの先輩エンジニアの方々に当時の様子をお聞きしたりして(ありがとうございます!)、記事にまとめました。 (*゚▽゚* っ)З「ちょまぎょです! 一緒にお勉強していこうね」 また、今回、Google Developers Expert の田中洋一郎さん (@yoichiro) に記事のレビュー(査読)や助言をしていただきました。誠にありがとうございました! そ
2018年10月に公開した「ミクシィの技術スタックについてまとめてみた」。こちらの記事ですが、SNSやブログ等で反響をいただきました。他の企業さんも、ここ数年で自社の技術スタックの公開する傾向が進んだかと思います。 ……「で、第二弾はないの?」という声をチラホラいただきましたので要望にお応えする形で、第二弾を公開。ミクシィを代表するサービス群はもちろん、updateされたサービス、新規開発中のサービスまで、各サービス/事業部で、開発言語・インフラ環境・デプロイツールなどでまとめてドドーンと公開します。 ※サービスやプロダクトに該当しないケースは、各事業部で採用している技術を紹介します ※2020年9月30日時点での情報です ※記事ボリュームがありますので、可読性を考慮し2ページに分割しております 【サービスおよび、技術スタック一覧】 目次 モンスターストライク TIPSTAR コトダマン
中華料理チェーン「陳麻婆豆腐」を展開しているケンコーホールディングスは、1年間毎日担々麺が食べられる「パスポート」が手に入る「幻の屋台式担々麺1年間無料キャンペーン」を11月14日から開始します。 これが幻の屋台式坦々麺。屋台料理としての坦々麺にこだわった一品なのだ このキャンペーンは本場の四川料理を楽しんでもらうことを目的とした「老舗の復活!正宗プロジェクト」の第2弾で、「食」でたくさんの人に元気になってもらうために企画されたもの。 対象メニューは「陳麻婆豆腐」の「幻の屋台式担々麺(450円/税別、以下同)」で、この担々麺を3杯食べれば、365日いつでも1日1杯担々麺を食べられる「1年間無料パスポート」が手に入ります。仮に1年間毎日担々麺を食べた場合は、なんと16万4250円お得に(450円×365日)。1350円で1年間無料はめちゃくちゃコスパがいい……! このパスポートで坦々麺が食べ
画像はUnsplashより 日々、目まぐるしく進化、発展を遂げるAI(人工知能)業界。さまざまな企業が新しいサービスを開始したり、実験に取り組んだりしている。 そこで本稿ではLedge.aiで取り上げた、これだけは知っておくべき、10月のAIに関するニュースをお届けする。AIの活用事例はもちろん、新たな実証実験にまつわる話など、本稿を読んでおけばAIの動向が見えてくるはずだ。 AI研究の松尾豊さん「優秀な人ほどパラレルにやれ」高専生に期待 日本ディープラーニング協会(JDLA)は9月18日、「第1回全国高等専門学校ディープラーニングコンテスト2020(DCON2020)」の一環として、東京大学大学院工学系研究科 教授で、同協会の理事長も務める松尾豊さんによる、最優秀賞受賞の東京工業高等専門学校(東京高専)への表敬訪問を実施した。 DCON2020は、高専生が日頃培った「ものづくりの技術」と
10/10 に webpack v5 がリリースされたので、今回は変更点や気をつけたい点をまとめてみました。 プロダクションで使うのはまだ早いかも(2020/10/27時点) webpack v5 のリリースは行われたが、まだバグが多くあり、webpack で使用する loader や plugin は対応が追いついていません。 パッとwebpack 5 関連の Issueを眺めるだけでも、まだ多くの問題があることがわかります。 なので、webpack v5 を使用するのは安全にいきたければ 1,2 ヶ月ほど待ってもよいと思います。 いまはこのバグ対応によりすでに webpack のバージョンは v5.3.0 になっています。 試して見たい方は v4 から v5 へのマイグレーションガイドを参考にするとよいです。 周辺ツールの現状 webpackを使用するにあたって特に重要な webpac
こんにちは、 CTO 室の山田です。 私は新卒入社から現在までずっと Amazon Alexa や LINE Clova などのいわゆるスマートスピーカーやスマートディスプレイ向けのアプリケーション開発に携わっています。 特に Amazon Alexa に関しては、日本だけでなく、スペイン、メキシコ、アメリカ、ブラジルの計 5 カ国にてサービスを展開しています。 現在は上記のプラットフォームへアプリケーションを公開する形でサービスを提供していますが、私たちが掲げている目標は「Voice User Interface の特性を活かし毎日の料理をもっと楽しみにする」ことであり、必ずしも特定のデバイスやプラットフォームに特化をして開発をするわけではありません。 例えば iOS/Android などのモバイルデバイス上での方が今より良いサービスを提供できるかもしれませんし、私たちでハードウェアを開
こんにちは、臼田です。 みなさん、AWSのセキュリティログの可視化してますか?(挨拶 今回はAWSからOSSとして提供されたSIEMソリューションである「SIEM on Amazon ES」の概要を確認しつつCloudTrailの可視化をしてみたいと思います! AWSのリリースは以下を参照してください。 AWS サービスのログの可視化やセキュリティ分析を実現する SIEM on Amazon Elasticsearch Service 公開のお知らせ | Amazon Web Services ブログ SIEM on Amazon ESとは まずはこいつを見てくれ(公式ブログから引用) すごく…いい感じです… これはSIEM on Amazon ESで可視化したCloudTrailのログです。この仕組が簡単に作れることがこのソリューションの魅力の一つです。ただこれだけにはとどまりません。特
CSSの変数(カスタムプロパティ)の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満載です。 CSS Variables 101 by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの変数(カスタムプロパティ)とは 変数名の付け方 CSSの変数のスコープ CSSの変数のフォールバック CSSの変数の効果的な使用例 インラインでCSSの変数を定義 メディアクエリでCSSの変数を定義 CSSの変数の継承 CSSの変数のバリデーションの仕組み CSSの変数の興味深い発見 デベロッパーツールで使用できる便利なテクニック 終わりに はじめに CSSの変数(別名: カスタムプロパティ)がブ
Adobe Flash Playerがセキュリティの問題などから2020年末に終了することが発表され、Flashで作られたゲームなどのコンテンツをなんとか次世代につなげようという試みがいくつか出てきています。 それらの中でも注目を集めているのが、ブラウザ上で動くFlashエミュレータRuffleです。 ruffle.rs Ruffleはユーザーがブラウザの拡張機能やデスクトップアプリとして利用可能なほか、Webサイト管理者側がWebサイト側に設置すればユーザーが特に何もしなくてもFlashコンテンツを再生することが可能です。 つまり、ユーザーかWebサイト管理者側のどちらか一方が導入していれば、Flashコンテンツを再生することができます。 開発は急速に進められており、多くのFlashアニメーションが再生可能なだけでなく、最近では「くまのプーさんのホームランダービー!」「ハム将棋」などの人
こんにちは! Tetsukick(菊池哲平)です。 2020年11月現在、インドネシア(PT.AQ Business Consulting Indonesia)でモバイルアプリ開発の技術顧問をしております。 iOS歴5年、Flutter歴1年。個人でもアプリ開発してます。 本記事の対象読者 モバイルアプリ開発者 Flutterの今後の可能性を知りたい方 モバイルアプリ開発案件を検討中で技術選定をされている方 本記事のタイトルが気になる方 序 今回インドネシアでモバイル開発の技術顧問をさせていただく中で、Flutterの提案から導入までを実施し、実際に導入に至ることができましたので、その過程で用いた技術的根拠等々をシェアいたします。 実際に非技術者に対しても提案をしましたので、そのままお使いいただくことも可能かと思います。 PPT素材が必要な方いましたらTwitter_@tpi29までDMい
こんにちは、Webディレクターのともぞうです。 今回はWebサイトのリリース前後に最低限おこなっている確認作業を一部ご紹介します。 LIGでは、リリース後でないと確認できないことや、案外忘れがちなものを「最低限おこなうものリスト」として管理しています。あくまで忘れがちなものたちの確認のため、クロスブラウザテストや機能テストといったスケジュール内に組み込まれるものは対象外になっています。 リリース前の確認作業 リリース前には、以下のことを実施しています。 最低限おこなうものリスト(リリース前) faviconは正しく表示されているか metaタグは記述されているか(title,description) ogpタグは記述されているか(type,title,description,url,site_name,image) headタグ内に不要なタグが出力されていないか canonicalの設定は
Next.js CommerceA Next.js 14 and App Router-ready ecommerce template featuring: Next.js App RouterOptimized for SEO using Next.js's MetadataReact Server Components (RSCs) and SuspenseServer Actions for mutationsEdge RuntimeNew fetching and caching paradigmsDynamic OG imagesStyling with Tailwind CSSCheckout and payments with ShopifyAutomatic light/dark mode based on system settingsNote: Looking for
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く