並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 10938件

新着順 人気順

Wordpressの検索結果121 - 160 件 / 10938件

  • 分散型SNS「Misskey」、それを支える技術スタック | gihyo.jp

    本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っていきます。第1回はMisskey、ひいては分散型SNSの簡単な紹介とその内部実装の概略を説明します。 はじめまして! はじめまして、Misskey(みすきー)のプロジェクトリーダーをしている、しゅいろ(@syuilo)です! この度連載の機会をいただきましたので、ちょっと仰々しい気もしますが「Misskey & Webテクノロジー最前線」と題して、今後Misskeyやそれに関わる最新のWeb技術について解説をしていく予定です。 今回はMisskey、ひいては分散型SNSの簡単な紹介とその内部実装の概略を説明します。 対象読者は、後半の実装解説の部分においてはある程度のWeb開発の知識がある人を想定しています。 Misskeyとは⁠、そして分散型とは Misskeyは、オープン

      分散型SNS「Misskey」、それを支える技術スタック | gihyo.jp
    • AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。|榊原昌彦

      AMP(Accelerated Mobile Pages)がオープンソースとして立ち上げられてから数年が経ちました。食べログなどの大手Webサービスが対応し、また簡単にAMP対応できるWordPressプラグインが出たことで、今では一般に浸透してきた感じを持っています。 ただ「表示高速化技術」「一瞬で表示する技術」というのは正しくないのでやめませんか? AMPはWeb Componentsフレームワークまず誤解されがちなのですが、AMPは新たな技術ではなく、Web標準の「Web Components」というAPIを用いて実装されています。AMPのGitHubページにもしっかりと「The AMP web component framework.」(AMPというWeb Componentsを用いたフレームワーク」と掲載されています。 Web Componentsは、再利用可能でカプセル化された

        AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。|榊原昌彦
      • 令和時代のページネーションを考える (REST API編) - Sweet Escape

        今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 はじめに REST APIを実装するにあたってリスト系のAPIを提供する場合に必須といっても過言ではないのがページネーション。大量のリソースをレスポンスする場合にそれらを一気に返してしまうことは応答速度、転送量、クライアントサイドでの扱いづらさなどなどに繋がるので必須と言える。 最近、新たなAPIを開発するにあたってページネーションをする必要があったこともあり、今回はこのページネーションをどうやって提供するか整理して改めて検討してみた。 前提 TypeScript Nest.js

          令和時代のページネーションを考える (REST API編) - Sweet Escape
        • マークアップのわかり方

          この記事は、2022年10月28日に開催されたDIST.37「マークアップな夜」での発表「マークアップのわかり方」をもとにしたものです。当日は話せなかった内容も大幅に追加しています。 現代における「マークアップ」とはどのような行為なのか。いかにそれと向き合っていけばいいのか。そういったことについて考えてみます。 マークアップの議論においては、「マークアップには正解がない」という意見が決まって出ます。正解がないと言うならば、たいていなんであってもそうです。たとえばCSSやJavaScriptの書き方には「正解」があるのかと考えてみると、必ずしもそうではありません。 しかし、ことさらマークアップにおいてこれがよく言われる理由としては、妥当性を判断する基準がわからない、ということでしょう。 というのも、CSSなら望む通りの見た目になればとりあえずOKだし、JavaScriptでも意図した通りの振

            マークアップのわかり方
          • 1~2年目のエンジニア向けにキャリアや勉強方法について話したこと

            オフィスアワーで1~2年目のweb/モバイルエンジニア向けに今後のキャリアや勉強方法について話す機会があった。形式としてはLTのような形ではなく、質問をいくつかもらいそれに都度答える形で進んだ。LTのような1対多の発表よりインタラクティブに相手に合った受け答えができるので良い形式だなと思った。 自分としてはキャリアについて偉そうに語れる立場ではないが、そこそこの刺さる話はできたと思うので今後のためにも要点をまとめておくことにする。 Q. エンジニアとしてのキャリア・技術遍歴を教えて! 自分は正直働いた会社は2社しかない。 2012~2014 大手 Web メディアサイトの開発 2014~現在 起業 技術遍歴。偉そうに語れるようなものではないことがお分かりいただけるだろう... 大学 4 年くらいの頃に WordPress あたりから始まり PHP や Javascript を触る 新卒入社

              1~2年目のエンジニア向けにキャリアや勉強方法について話したこと
            • もう人間がクエリを書く時代じゃない!SQLクエリの組み立てを自動化するSlack botを開発・導入しました - Pepabo Tech Portal

              こんにちは。SUZURI事業部の@kromiiiと申します。 私のメインの業務はWebアプリケーションの開発ですが、大学院時代のスキルを活かして並行してデータ分析業務も行っています。 データ分析業務ではデータベースのクエリを書くことが多いのですが、私自身SUZURI事業部に配属されたばかりで、テーブルの名前やリレーションを覚えるのが大変でした。そこでクエリの設計を自動化するツールをSlackに導入しました。 その名も tbls-ask bot です。どのようなものか先に見てみましょう。 ユーザーはSlackでメンションする形で、どのようなクエリを実行したいのか自然言語で入力します。 メンションされるとSlack botが起動し、どのDBスキーマを利用するかを尋ねます。 ユーザーがDBスキーマを選択すると、自然言語からSQLクエリを生成し、Slackに返答します。 今回はパブリックに公開する

                もう人間がクエリを書く時代じゃない!SQLクエリの組み立てを自動化するSlack botを開発・導入しました - Pepabo Tech Portal
              • 【2021年版】国内外Tech系YouTubeチャンネル10選 - 登録者数順まとめ! - - RAKUS Developers Blog | ラクス エンジニアブログ

                技術広報のyayawowoです。 エンジニアの皆さん、プログラミングの勉強は捗っていますか? 効率的な学習ができていますか? 本記事では、昨今盛り上がり続けているYouTube市場で、 プログラミング学習をメインで配信している国内・国外のチャンネルをご紹介します。 動画を見ながらコーディング学習もできるので、一石二鳥?いや、三鳥なレベルで効率的な学習ができますよ。 また、YouTubeの高度な検索方法にも触れていますので是非最後までお読みいただけますと幸いです! では、スタート! 国内チャンネル プログラミング全般を学習するなら? たにぐち まことのともすたチャンネル フロントエンドを学習するなら? しまぶーのIT大学 【とらゼミ】トラハックのエンジニア学習講座 バックエンドを学習するなら? キノコード / プログラミング学習チャンネル プログラミングアカデミー 渋谷で働くエンジニア福の「

                  【2021年版】国内外Tech系YouTubeチャンネル10選 - 登録者数順まとめ! - - RAKUS Developers Blog | ラクス エンジニアブログ
                • Modern Web Development on the JAMstack を読んでまとめた - console.lealog();

                  https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本?PDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。 あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね?と思い。 ただこれなんと127ページもあるんですよね〜。 全編もちろん英語なので、読むのも中々に大変ですよね〜。 てなわけで、ざっくり訳してまとめまておきました。(それでも長いけど) はじめに ここ最近のWebの進化はすさまじい ブラウザもJavaScriptもパワフルになった その分ユーザーの要求も増える やることが増えると処理は遅くなる 遅いページは見向きもされないモバイル当たり前の世界だ

                    Modern Web Development on the JAMstack を読んでまとめた - console.lealog();
                  • フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...

                    フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根本的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に

                      フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...
                    • ITエンジニアと育児の関係性 僕が婚活相手にITエンジニアを激推しする理由

                      こんにちは。ヨッピーです。 育児真っ最中ですが、息子からは主に目を狙われます。 お気に入りのクッションを使うと「どけ」と言わんばかりに目を狙ってくる息子氏。 教えてないのに弱点を嗅ぎつける本能すごい。 さて、僕は以前より、女性から婚活の相談を受けるたびに「婚活するならITエンジニアを狙え※」と言い続けております。 注意「ITエンジニア」という言葉の正確な定義はなかなか難しいので、本記事においては「自社サービスに付随するシステムを作るためにコードを書くのを仕事にしている人」くらいの感覚で読んで頂ければと思います。 けっこう前から「婚活するならITエンジニアを狙うのが最適解」って言い続けてる。 https://t.co/MMCEPeaAca — ヨッピー (@yoppymodel) September 23, 2020 何故こういう主張をしているかと言いますと、ITエンジニアの方々にはだいたい

                        ITエンジニアと育児の関係性 僕が婚活相手にITエンジニアを激推しする理由
                      • またインチキ筋トレ記事がバズッてるけどいい加減リテラシーつけないか?

                        YouTubeで500万再生された腹筋を割るトレーニングを1ヶ月続けてみた結果がヤバい https://foobit.jp/abs-training はい、インチキです。 何故か? 1.筋トレで腹筋は割れないいい加減覚えて欲しい。 腹直筋というのは最初から割れています。 見た目でそう見えないのは上に脂肪が乗っているからです。 脂肪が薄くなってくれば腹直筋の形が見えてくる(割れてくる)わけです。 ということは? 「腹筋を割る」為に必要なのは筋トレではなく減量です。 食べる量を減らして脂肪を落とすしかない。 筋トレは必要ないし関係ない。 だから腹筋トレーニングでお腹が割れるという主旨のこの記事は 1から10まで間違いの0点、若しくは意図的なインチキ、ということです。 記事の後ろの方に「食生活に気をつける」と書いてるだけインチキの中では良心的である、ぐらいが弁護の余地でしょうか。 食生活だけの問

                          またインチキ筋トレ記事がバズッてるけどいい加減リテラシーつけないか?
                        • Let's Encryptの証明書切替周りその後 | おそらくはそれさえも平凡な日々

                          「Android7.1以前でLet's Encrypt証明書のサイトが見られなくなる」の続き。 色々動きがあって猶予もできて助かった形だけど、来年9月29日以降の対応をどうするか考えないといけない状況なのは当然変わっていません。先にまとめると以下。 何もせずとも来年の1月11日までは猶予が伸びた 証明書を発行する側の場合、各クライアントで --preferred-chain "DST Root CA X3" のようにオプション設定することで、来年の9/29まで先延ばしが可能 独自ドメインに対して自動でSSL証明書を発行してくれるサービスを利用している場合はサービスが声明を出していないか調べ、出してない場合は問い合わせると良いでしょう 前回以降の動き go-acme/legoに--preferred-chainオプションのpull requestを取り込んでもらいました デフォルトRoot証

                            Let's Encryptの証明書切替周りその後 | おそらくはそれさえも平凡な日々
                          • これから先もPHPで戦うために、なにを使い、なにを学ぶべきか - 廣川類に聞くPHP学習に大事なこと|ハイクラス転職・求人情報サイト AMBI(アンビ)

                            これから先もPHPで戦うために、なにを使い、なにを学ぶべきか - 廣川類に聞くPHP学習に大事なこと Webアプリケーション開発言語として広く使われるPHP。黎明期から浸透していくまでの過程、そして、これから先もPHPを活用していくために必要なこと、をエキスパートの廣川類さんに聞きました。 本記事は2020年3月に実施した遠隔取材をもとに構成しています。 1995年の公開以降、PHPは多くの企業、サービスで採用され、エコシステムが拡大してきました。言語の歴史に比例するように、さまざまなサービスのなかで積み重なってきたPHPのシステムを、いかにして持続/発展可能なものとするか。おそらく、多くのPHPユーザが感じる疑問をエキスパートにぶつけます。 今回お話を伺った廣川類( ひろかわ・るい )さんは、本業は制御関連のエンジニアであり、PHPへの関わりは、「あくまで個人の活動」と表現します。しかし

                              これから先もPHPで戦うために、なにを使い、なにを学ぶべきか - 廣川類に聞くPHP学習に大事なこと|ハイクラス転職・求人情報サイト AMBI(アンビ)
                            • 『ソフトウェアアーキテクチャの基礎』は我々の海図たりえるか

                              こんにちは、クレスウェア株式会社の奥野賢太郎 ( @okunokentaro ) です。今回は、最近噂としてよく耳にしていた書籍『ソフトウェアアーキテクチャの基礎 ― エンジニアリングに基づく体系的アプローチ』(オライリー・ジャパン社、Mark Richards, Neal Ford 著、島田浩二 訳、2022 年 3 月発行)を読了したので、その書評をまとめようかと思います。 この書籍は、アプリケーション・アーキテクチャを構築、維持する「アーキテクト」になるために必要な知識を現代(2020 年代)の視点から整理し、包括的に解説することを目的としているらしく、まさに 2022 年に読むべき内容に仕上がっています。 書評者は何者か この書籍はよいものでした。ただし、かなり広範囲に包括的に書かれたものであったため、どういう経験や知識を持った人間が読んだかによって、その好みや評価は分かれるだろう

                                『ソフトウェアアーキテクチャの基礎』は我々の海図たりえるか
                              • フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと

                                フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです! 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フレームワーク 2. 静的サイトジェネレーター(SSG) 3. JAMstack 4. プログレッシブウェブアプリ(PWA) 5. GraphQL 6. コードエディタ/IDE 7. テスト環境 8. クリーンなコード 9. Git 10. ソフトスキル 終わりに はじめに 2021年は、フロントエンドの開発がテクノロジー業界で最もホットなトレンドの1つになることは間違いないでしょう。フ

                                  フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと
                                • 23億枚もの画像で構成された画像生成AI「Stable Diffusion」のデータセットのうち1200万枚がどこから入手した画像かを調査した結果が公開される

                                  画像生成AI「Stable Diffusion」は入力したキーワードに沿って画像を出力してくれるAIで、簡単なお絵かきとキーワードを合わせて意図した画像を生成したり、「この画像っぽい○○」といった指示でイメージを形にできたりと、さまざまな機能や手法が生み出されています。そんなStable Diffusionについて、「画像を学習するAIは、ウェブ上のどのような画像を学習しているのか?」という疑問を解明するために、23億枚のデータセットから1200万枚を抜粋して集計した調査結果を、技術者・ブロガーのアンディ・バイオ氏が公開しています。 Exploring 12 Million of the 2.3 Billion Images Used to Train Stable Diffusion's Image Generator - Waxy.org https://waxy.org/2022/0

                                    23億枚もの画像で構成された画像生成AI「Stable Diffusion」のデータセットのうち1200万枚がどこから入手した画像かを調査した結果が公開される
                                  • Kubernetesは自分にとって必要なのか

                                    この記事は、著者の許可を得て配信しています。 https://mbird.biz/writing/do-i-need-kubernetes.html 私がチームからよく聞かれる質問がこれです。「スタックをKubernetesでホストすべきか」というものです。技術の世界でKubernetesが話題になっていることを考えると、多くの人がそうすべきだと思い込んでいます。 私は数年間k8s(Kubernetes) を使って仕事をしてきました。非常に強力で複雑なプラットフォームを使うことも多々ありました。 ただ真実はもっと微妙だと思っています。 ここでは、その判断をした経緯を紐解いてみたいと思います。スタートアップや、自社製品のホスティングに責任を持つ、より広い組織内の自給自足のチームを対象とした記事となっています。また、大規模な組織の従来のIT部門の人々にも役に立つ記事になっていると思います。 何

                                      Kubernetesは自分にとって必要なのか
                                    • Pythonは人気の言語です。しかし、その割にPythonが気軽に利用できるレンタルサーバーは少ない感じがします。何故、レンタルサーバーはPythonの利用に消極的なのですか?

                                      回答 (9件中の1件目) そうですか? さくらのレンタルサーバーやXserverでは使えるし、レンタルサーバーでpythonだけ使えないっていうことに遭遇したことないです。共用レンタルサーバーならruby、perl、pythonはひと揃い入ってるものという印象なのですが。 私のレンタルサーバーのチョイスが偏ってるだけという可能性はなのは否定しませんが、ちなみに使えなかったのってどこの何プランでした?

                                        Pythonは人気の言語です。しかし、その割にPythonが気軽に利用できるレンタルサーバーは少ない感じがします。何故、レンタルサーバーはPythonの利用に消極的なのですか?
                                      • ラーメン評論家ははんつ遠藤によるセクハラの責任を負うべきなのか? - Something Orange

                                        ラーメン評論家炎上と「ホワイト・フラジリティ」。 ラーメン評論家の界隈が燃え上がっている。 この記事を読まれている方にはまったく事情を知らないという方はいないだろうが、一応、一から事情を説明しておこう。 問題は、梅澤愛優香さんという元女性アイドルのラーメン店経営者が、自店で「ラーメン評論家」を「入店拒否」指定したところから始まる。 ラーメン評論家の入店お断りします ラーメン評論家の方々とお会いしてきましたが、8割が私へマウンティングか言葉のセクハラが酷い人ばかりでした それもあり避けたら裏で中傷される始末 うちにはマイナスしかなかったです 今後ラーメン評論家、同業で評論してる方の入店を全店固くお断り致します — 梅澤愛優香 (@MAYUKA_YAGUMO) September 23, 2021 開業当時あるラーメン評論家やラオタの方から「評論家とラオタにはサービスしたり媚び売った方がいいよ

                                          ラーメン評論家ははんつ遠藤によるセクハラの責任を負うべきなのか? - Something Orange
                                        • 僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup

                                          Kansai WordPress Meetup@大阪『 WordCamp Tokyo 2023 をみんなで振り返る+α (https://www.meetup.com/ja-JP/kansai-wordpress-meetup/events/296857054/) 登壇資料です。

                                            僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
                                          • IT担当大臣のHPが見えない件(2019/09/13現在) - Qiita

                                            IT担当大臣とは 内閣府特命担当大臣のうち、「科学技術政策」と「宇宙政策」を担当する方ですね。 なんで大臣かって、そりゃポストが・・・ 公式HPが見られないようになっているというご連絡を数多く頂いております。ご心配をおかけし大変申し訳ございません。 現在、https://t.co/Qg0k9lwbiCのドメインを管理している会社からロックがかけられた状態になっておりまして、ただいま復旧作業を進めております。復活までもう少々お待ち下さい。 — 竹本直一 (@NaokazuTakemoto) September 12, 2019 とりあえず whois 叩いてみよう # whois TakemotoNaoKaZu.com Domain Name: TAKEMOTONAOKAZU.COM Registry Domain ID: 14400306_DOMAIN_COM-VRSN Registrar

                                              IT担当大臣のHPが見えない件(2019/09/13現在) - Qiita
                                            • Webサイトをダークモードに対応させよう

                                              2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します! ↑私が10年以上利用している会計ソフト! とにかく夜間見えづらい! 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか!こりゃー私には危険だわ

                                                Webサイトをダークモードに対応させよう
                                              • 「オープンソースがインターネットの未来」と信じ19歳から18年かけて8600億円の企業を作り出したWordPress創業者マット・マレンウェッグ氏とはどんな人物なのか?

                                                WordPressは2021年12月時点において、インターネットに存在するウェブサイトのうち、約43%をホストするに至っています。Wordpressを運用するAutomatticの創業者・CEOであるマット・マレンウェッグ氏は2008年、24歳にしてスティーブ・ジョブス氏やジェフ・ベゾス氏らとともに、「インターネットで最も影響力のある25人」に選ばれた人物で、「オープンソースソフトウェアこそがインターネットの未来だ」と信じていることで知られています。マレンウェッグ氏とはどんな人物であり、インターネットは今後どのように変化すると考えているのか、テクノロジーニュースサイト・Protocolのデビッド・ピアス氏が追っています。 Matt Mullenweg, WordPress are building a more open internet - Protocol — The people,

                                                  「オープンソースがインターネットの未来」と信じ19歳から18年かけて8600億円の企業を作り出したWordPress創業者マット・マレンウェッグ氏とはどんな人物なのか?
                                                • 【バックエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2024年版】 - Qiita

                                                  はじめに こんにちは。 普段はフロントエンドの開発をメインでやっておりますmamiと申します。 最近バックエンドの方の勉強や、少しずつですがDB設計やAPI作成などの業務もやらせてもらえるようになったので、自分のエンジニアとしてのレベル感や、この先目指すべき道筋を明確にしたいな〜という思いでこの記事を書いております。 これは自分のための記事であると同時に、同じように駆け出し中のエンジニアさんや、ミドル層を目指す手前のエンジニアさんにも刺さる内容になっているかと思います。 今、自分がどのようにキャリアアップしていくべきなのか、どのような道筋でスキルを磨いていけばいいのか。そんなふうに悩んでいる方は是非読んでみてください。 ※内容はバックエンドエンジニアが対象になりますが、フロントエンドの方もなにか通じるものがある…かもしれません。 ちなみにですがフロントエンドの方の記事は下記で執筆しています

                                                    【バックエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2024年版】 - Qiita
                                                  • How I built a modern website in 2021

                                                    How I built a modern website in 2021September 29th, 2021 — 34 min read For over half of 2021, I worked on a complete rewrite of kentcdodds.com. You're reading this on the rewrite of this site! Are you using dark mode or light mode? Have you signed in and selected your team yet? Have you tried to call into the Call Kent Podcast? This blog post isn't about these and other features of the new site, b

                                                      How I built a modern website in 2021
                                                    • JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!

                                                      JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 JAMstackは、「JavaScript」「APIs」「Markup」の3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。いち早くJAMstackを利用してWebサイトを作成した、寺川直宏さんと風間雅也さんにJAMstackについて聞きました。 JAMstackという言葉をご存知でしょうか。JAMstackは、「JavaScript」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。パフォーマンスの改善、セキュリティの担保、スケーラビリティの確保が見込めるため、フロントエンド界隈で、大きな注目を集めています。 しかしまだ登場したばかりの概念ゆえ、実例も少なく、理解しにくい面もあります。そこで、いち早くJAMstackでWebサイトを

                                                        JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!
                                                      • 最近のWebサイトで見かける! フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ

                                                        最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タイプライターのようなエフェクト 2. 透過画像用シャドウ 3. カーソルのカスタマイズ 4. attr()でシンプルなツールチップ 5. ピュアCSSによるチェックリスト 6. is()と:where()による要素のスタイル 7. キーフレームを使用したアコーディオン 8. ホバーエフェクトのサイドバー 9

                                                          最近のWebサイトで見かける! フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
                                                        • nginxを用いてgzip爆弾による不正アクセスへの攻性防壁 - Qiita

                                                          はじめに Wordpressの脆弱性狙いの不正アクセスに対して、展開後にとても大きくなるgzipファイルをレスポンスすることで攻性防壁を構築するブログを参考に、nginxを用いてMacのローカルPCに検証構築した記録です。 参考: How to defend your website with ZIP bombs ソフトウェアバージョン MacOSX Sierra nginx : 1.12.2 手順 Homebrewにてnginxをインストールして検証しました。 nginxの設定ファイルなどのパスについては、自分の環境に適宜置き換えてください。 1. gzip爆弾ファイルの作成 展開後に10GBになるgzファイルをwww配下に作成します。 圧縮状態だと10MB程です。

                                                            nginxを用いてgzip爆弾による不正アクセスへの攻性防壁 - Qiita
                                                          • Google 公式ウェブ開発者向けリソースのご紹介

                                                            .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                                              Google 公式ウェブ開発者向けリソースのご紹介
                                                            • 【2022年】AWS全サービスまとめ | DevelopersIO

                                                              こんにちは。サービスグループの武田です。このエントリは、2018年から公開しているAWS全サービスまとめの2022年版です。 こんにちは。サービスグループの武田です。 このエントリは、2018年から毎年公開している AWS全サービスまとめの2022年版 です。昨年までのものは次のリンクからたどってください。 AWSにはたくさんのサービスがありますが、「結局このサービスってなんなの?」という疑問を自分なりに理解するためにまとめました。 今回もマネジメントコンソールを開き、「サービス」の一覧をもとに一覧化しました。そのため、プレビュー版など一覧に載っていないサービスは含まれていません。また2021年にまとめたもののアップデート版ということで、新しくカテゴリに追加されたサービスには[New]、文章を更新したものには[Update]を付けました。ちなみにサービス数は 223個 です。 まとめるにあ

                                                                【2022年】AWS全サービスまとめ | DevelopersIO
                                                              • PHPにはエスケープ関数が何種類もあるけど、できればエスケープしない方法が良い理由

                                                                このエントリは、PHP Advent Calendar 2021 の20日目のエントリです。19日目は @takoba さんによる PHPプロジェクトのComposerパッケージをRenovateで定期アップデートする でした。 SQLインジェクションやクロスサイトスクリプティング(XSS)の対策を行う際には「エスケープ処理」をしましょうと言われますが、その割にPHP以外の言語ではあまりエスケープ処理の関数が用意されていなかったりします。それに比べてPHPはエスケープ処理の関数が非常に豊富です。これだけ見ても、PHPはなんてセキュアなんだ! と早とちりする人がいるかもしれませんが、しかし、他言語でエスケープ処理関数があまりないのはちゃんと理由があると思うのです。 本稿では、PHPのエスケープ処理用の関数を紹介しながら、その利用目的と、その関数を使わないで済ませる方法を説明します。 SQL用

                                                                • 僕のWordPress×dockerのローカル開発環境の使い方を丁寧に紹介します

                                                                  WordPressのdocker開発環境用にカスタマイズしたので、 その環境の使い方をできるだけ丁寧に紹介したいと思います。 ブログも放置してましたが、また頑張りたいと思っているはるです! 何をやってたかというと、このブログ以外にアイドル情報サイトのWebサービスを作っていました。(それはまた、記事にしたいと思います)それ以外にも本業が忙しくなりあわわしてたら今になってしまいました。時間ほんと足りませんね… 今回は、WordPressのローカル開発環境をdockerで用意しましたので、それを紹介したいと思います。

                                                                    僕のWordPress×dockerのローカル開発環境の使い方を丁寧に紹介します
                                                                  • 「私はデジタルの専門家でもエンジニアでもない」――石倉洋子デジタル監の発言が話題に 質疑での発言全文

                                                                    菅政権の肝いり政策として、9月1日に発足したデジタル庁。その事務方トップ「デジタル監」に就任した石倉洋子氏が、同日の発足式で「私はデジタルの専門家でもエンジニアでもない」と発言し、その部分を切り抜いたスクリーンショットがTwitterで話題になっている。 石倉デジタル監は実際にどんな発言をしていたのか。報道陣との質疑内容を、平井卓也デジタル大臣の発言内容とともに一問一答形式でまとめた。 マイナンバーカード普及に対する認識 ── デジタル庁の重要なミッションはマイナンバーカードの普及だが、普及にはマイナポイントの加算が必要と考える。そのようなことを検討しているか? 平井大臣 マイナンバーカードがデジタル社会のパスポートだと言っているのは、本人確認がベースになっていないと安心安全なデジタル社会ができないことが一つ。カードが(運転免許証や健康保険証など)いろいろと情報連携することで便利になる。ワ

                                                                      「私はデジタルの専門家でもエンジニアでもない」――石倉洋子デジタル監の発言が話題に 質疑での発言全文
                                                                    • #ウェブカツ 卒業生を雇ってはならない 絶対にだ #野口明男

                                                                      はいどうもー、バーチャルエンジニアの増田です! 今回はね、たびたび炎上してる話題の初心者向けオンラインプログラミング学習 | 【入門】初心者向けプログラミング学習スクール「ウェブカツ!!」に言及していこうと思います! ウェブカツってなに?ここ数年でもっともセクシーで儲かるらしい職業、ITエンジニアになるための有料スクールです! HPを見ると"年収400万円から目標の年収1000万円に!!!" "最短で年収1千万を稼ぐ"などの魅力的で本質を突いた、 長いことインターネットやってる人が見ると吐き気を催すような「あっなるほどこういうやつか~」感が出てますね! 会社概要を見ると顧問弁護士の名前も書いてあり、 ネットに強そうな弁護士さんもついていて、 炎上対策は万全なようですね!うーんいい感じに香ばしい!博多駅のコンコースくらい香ばしい香りです! なんでそんなに注目されているの?創業者にしてオーナー

                                                                        #ウェブカツ 卒業生を雇ってはならない 絶対にだ #野口明男
                                                                      • 商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle

                                                                        だれもがスマホからウェブサイトを閲覧するようにになったいま、あらゆる端末からでも見やすいサイトづくりが当たり前になっています。 この時に必要になるのが、レスポンシブWebサイトの制作です。 しかし、デスクトップやタブレット、スマホ用のレイアウトを個別に調整するとなると、「Web制作に時間がかかってしまう」と悩んでしまうひとも多いかもしれません。 あらかじめデザインやレイアウトが施されたテンプレートを利用することで、Webサイト制作を効率的に進めることができます。 今回は、商用利用できて無料ダウンロードできるHTML・Figmaテンプレートを公開しているTemplates Jungleをご紹介します。 ライセンスについて 素材を公開しているTemplates Jungleでは、HTMLとFigma用でライセンスが異なるため、注意が必要です。 HTMLテンプレートは、フッターに表示してあるクレ

                                                                          商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle
                                                                        • 続々、Publickeyが受けたDDoS攻撃。DDoS対策に効果を発揮した設定紹介編

                                                                          3月12日火曜日に始まったPublickeyへのDDoS攻撃に対して、これまでサーバの強化、Cloudflareの導入とDDoS対策のための設定を行ってきました。 その結果、3月24日日曜日の夜に始まり3月27日水曜日の朝まで3日間連続で続いたDDoS攻撃のあいだもWebサイトの閲覧と記事更新などを問題なく行える状態となり、DDoS攻撃がWebサイトの運営の大きな障害ではなくなりました。 ちなみにそれ以後DDoS攻撃は止んでいますが、今後はいつDDoS攻撃を受けてもWebサイトの運営に支障がでることはなくなったと考えられます。この記事では結局どのような対策を行ったのか、実際に効果を発揮したDDoS対策を紹介していきます。 これまでの経緯は下記の記事をご参照ください。 Publickeyが受けたDoS攻撃、これまでの経緯と対策まとめ 続、Publickeyが受けたDoS攻撃、これまでの経緯と

                                                                            続々、Publickeyが受けたDDoS攻撃。DDoS対策に効果を発揮した設定紹介編
                                                                          • 技術ブロガー必読!と言える「Technical Blogging, Second Edition」を読んだ - kakakakakku blog

                                                                            技術ブロガー必読!と言える「Technical Blogging, Second Edition - Amplify Your Influence」を読んだ.タイトルにある通り「技術ブログ」にフォーカスした本となる.本書は2012年に出版された歴史のある本で,最新版となる Second Edition が6月末に出版された.なお,Second Edition は今年1月から β として公開されていて,β 1.0 → β 5.0 と進化しながら出版されている. 技術ブロガーとして,今まで10年以上育ててきた暗黙知をうまく整理する機会になった.本書の内容は非常に共感できるし,僕自身新しく気付けたこともあった.何よりも「技術ブログ」に対する様々なアプローチを完璧に言語化されている点が素晴らしく,正直言って「本書って僕が書いたの?」と頭が混乱するほどにシンクロを感じる場面もあった.シンクロ具合を表

                                                                              技術ブロガー必読!と言える「Technical Blogging, Second Edition」を読んだ - kakakakakku blog
                                                                            • BudouX: 読みやすい改行のための軽量な分かち書き器

                                                                              .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                                                                BudouX: 読みやすい改行のための軽量な分かち書き器
                                                                              • HyperForm

                                                                                formタグのaction属性にURLをセットするだけで、データの管理や自動返信メールの送信などができる、ヘッドレスフォームサービスです。

                                                                                  HyperForm
                                                                                • 遠隔からCPUを数秒で破壊するサイバー攻撃 マザーボードのリモート管理機能をハック、過度の電気を注入

                                                                                  Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。Twitter: @shiropen2 英バーミンガム大学に所属する研究者らが発表した論文「PMFault: Faulting and Bricking Server CPUs through Management Interfaces」は、サーバ用マザーボードに搭載する制御システムの欠陥を攻撃し、遠隔から必要以上の電圧を供給してCPUを破壊しコンピュータを無効にする脆弱性を指摘した研究報告である。 最近のサーバ用マザーボードにはCPUの他に、電源管理用の電圧レギュレーターなどの補助部品を搭載している。これらは、I2CベースのPMBusを介して、CPUおよび個別のベースボード管理コントローラ

                                                                                    遠隔からCPUを数秒で破壊するサイバー攻撃 マザーボードのリモート管理機能をハック、過度の電気を注入