並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 496件

新着順 人気順

Wordpressの検索結果361 - 400 件 / 496件

  • 「ブログで稼ぐ」の昔と今 - とまじ庵

    数日前に「ブログの真実」を近々書くよ~っていう予告的な独り言的な記事を書かせていただきました。 tomag.hatenablog.com ということでみなさま楽しみにしていると思うので(ぇ?してない?)約束通り記事にしていこうと思いますw ブログバブルは夢のような時代 この記事に該当するブログの種類について 物販はクリックされても買われない時代へ 独自ドメインの優位性終了? 信じられるのはAdsenseだけ トップページは作り込んでも無駄 はてなブログの関連記事は優秀 まとめ ブログバブルは夢のような時代 今から7~8年前。西暦でいうと2016~2018年くらいの頃はブログバブルなんて呼ばれていて猫も杓子も「ブログで◯十万儲けました~♪」なんて雄叫びをあげていた時期。 はてなブックマークも全盛の頃でちょっと炎上系の記事を書いて100を超えるブクマが付きでもすれば数万のアクセスが殺到。それに

      「ブログで稼ぐ」の昔と今 - とまじ庵
    • プログラマーがWordPressのカスタマイズの仕事を嫌がるのはなぜですか?に対するOhkubo Koheiさんの回答 - Quora

      • ネイティブLazyloadを可能にするloading=lazy属性がウェブ標準に、Chrome以外のブラウザサポートに期待

        [レベル: 上級] loading=lazy 属性で実装するネイティブ Lazyload がウェブ標準になりました。 Chrome 以外のブラウザのサポートが期待されます。 The lazy loading attribute (<img loading="lazy") is now officially a web standard 🎉 Thanks to @domfarolino and other community members!https://t.co/fMqFq8gBVs pic.twitter.com/fFotntnBlD — Houssein Djirdeh (@hdjirdeh) February 12, 2020 The specification for native image lazy-loading has been merged into the HTML

          ネイティブLazyloadを可能にするloading=lazy属性がウェブ標準に、Chrome以外のブラウザサポートに期待
        • コードの複雑度をあげる Pull Requests を GitHub Actions で止めよう

          循環的複雑度が閾値を超えた Pull Requests に、自動的に変更をリクエストする 「コードの品質を、維持したいよーーー」 ということで、テストや Linter を GitHub Actions で実行している環境はよくあると思いますが、今回は 循環的複雑度 を継続的に計測して、閾値を超えた場合に自動的に Pull Request に対して Request Changes のレビューをしようという試みです。 Lizard この例では、Lizard を使用して CCN を計測します。 おそらく似たようなツールでも同様に実行することができると思います。 Lizard は Python で開発されている CCN 計測ツールです。(追記:シンプルに書いてしまいましたが、もちろん他の指標も計れます) 以下のようにサポート言語が多いので、大抵の場合で採用できそうです。 サポート言語 (1.17.

            コードの複雑度をあげる Pull Requests を GitHub Actions で止めよう
          • 初心者でも簡単!コード不要のホームページ作成ツールElementorをはじめよう

            かつて昔、コードを学んだり、ウェブデザイナーでない限り自分のウェブサイトを作ることは、ほとんど不可能でした。 しかし2021年となったいま、WordPressとElementor(エレメンター)のようなドラッグ&ドロップを基本とした、直感的なWebページビルダーを使えば、誰でも簡単にウェブサイトを作れるようになりました。 この記事では、WordPressとElementorをつかってホームページを作成する方法を、順番を追ってご紹介します。 Elementorって何?特長は? Elementorは、WordPress向けドラッグ&ドロップのページエディタで、プロのような美しいホームページを簡単に、かつスピーディーに作ることができます。 特長としては、ドラッグ&ドロップによるデザインの追加や並び替え、編集をリアルタイムで行うことができる点。コードの知識不要で、誰でも簡単にハイクオリティなデザイ

              初心者でも簡単!コード不要のホームページ作成ツールElementorをはじめよう
            • (改題)なぜZoomがヤバかったのか、Microsoft Teamsの方が良いと思うか(改題前)なぜZoomがヤバくてMicrosoft Teamsの方が良いか - シアトル生活はじめました

              【4月22日更新】 コメント欄でご指摘を受けて、Zoomの暗号鍵生成に関連する現時点での状況について誤解を避けるためタイトルを過去形に変更しました。 またこの記事全般でZoomに関する記述はすべて過去形として理解していただくようお願い申し上げます。 特に以下の点で訂正いたします。 「中国にあるサーバーが暗号の鍵を生成している」→ 「中国にあるサーバーが暗号の鍵を生成する場合が過去に稀にあった」 「中国政府にZoomの会話内容が駄々洩れになる可能性がある」→「中国政府にZoomの会話内容が駄々洩れになる可能性が過去に稀にあった」 また以下の点を追記いたします。 4月3日の段階でZoomは中国のサーバーをバックアップとして使用されるサーバーのリスト(ホワイトリストと呼ばれています)から取り除いたため、この問題が再発する可能性は極めて低くなった。 Upon learning of the ove

                (改題)なぜZoomがヤバかったのか、Microsoft Teamsの方が良いと思うか(改題前)なぜZoomがヤバくてMicrosoft Teamsの方が良いか - シアトル生活はじめました
              • AWS EC2 のHDD解析(フォレンジック) | セキュリティブログ | 脆弱性診断(セキュリティ診断)のGMOサイバーセキュリティ byイエラエ

                こんにちは、フォレンジック課の traoka です。 よく「フォレンジックってなんやねん」と、あまり馴染みがない言葉ということで、この度AWSの名前の力を借りて技術面も交えながら少しご紹介したいと思います。 フォレンジックとは フォレンジックは法科学の一種で、事故・事件の痕跡や証拠を調査して原因究明を行うことを指します。調査の対象(事故現場)がコンピュータなどの場合、デジタル・フォレンジックと呼ぶ方が正しいのですが省略されることもしばしばあります。 デジタル・フォレンジックでは主にコンピュータ、ネットワークなどのセキュリティ事故(インシデント)や内部不正行為などを調査解析して事故原因や裁判で取り扱う証拠の特定などを行います。 分かりにくいので、ピンとこない場合は名探偵コナンにでてくる鑑識のトメさんみたいなイメージをもっていただければと思います。 インシデント対応との違い Webサイトが改ざ

                  AWS EC2 のHDD解析(フォレンジック) | セキュリティブログ | 脆弱性診断(セキュリティ診断)のGMOサイバーセキュリティ byイエラエ
                • おとめ座「スピカ」、「真珠星」の話。和名の真実と背景

                  創られた星の名前・・・スピカは「真珠星」 今日梅雨入りの発表がありましたねぇ・・・星空が遠くなります。そんなときは星にまつわるお話でもと思いちょっと書いてみました。 2018年6月5日、午後10時、木星が南の空に明るく輝いています。今は木星のほうが明るく目立っていますが、その近くに「アークトゥルス」「スピカ」ふたつの星が輝いています。このふたつの星は「恒星(こうせい)」つまり私たちの昼間の「太陽」と同じ、自ら光を出している天体で「星座」をつくる星です。もうひとつしし座の「デネボラ」とつないでできるのが春の大三角です。デネボラが「1等星」ではなく2等星なのでちょっと地味に感じるかもしれません。 このうち「スピカ」は「お誕生日の星座」、黄道十二星座のひとつ「おとめ座」の星で「おとめ座アルファ」とも呼ばれます。おとめ座生まれの方!このスピカがあるあたりが「おとめ座」です!「スピカ(Spica)」

                    おとめ座「スピカ」、「真珠星」の話。和名の真実と背景
                  • Chrome の User-Agent 文字列削減のオリジン トライアルと今後の計画について

                    .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

                      Chrome の User-Agent 文字列削減のオリジン トライアルと今後の計画について
                    • サイバーセキュリティ領域で生き抜くためのキャリア論 - Qiita

                      キャリアって何だ? 自分らしい強みを活かし、蓄積することで、到達するありたい姿 Will:何がしたいのか Can:何ができるのか Must:何を求められているのか スキルの寿命は短くなり、キャリアの形成期間は長期化の傾向にある。 自らのキャリアアンカーを知る 長期的な方向性の道しるべとして「キャリアアンカー」を活用する。 エドガー・H・シャイン(Edgar Henry Schein)博士によって提唱されたキャリア理論 築き上げてきたキャリアに基づいた、生涯にわたってぶれない自己欲求・または自己が望む価値観 まずは「セルフアセスメント(40問)」を実施し自分のタイプを把握しておく 8つの分類(専門・職能別 / 全般管理 / 保障・安定 / 起業家的創造性 / 自律と独立 / 社会への貢献 / ワークライフバランス / 純粋なチャレンジ) ※注意:8つの分類とは違うキャリアアンカーを持つ人もい

                        サイバーセキュリティ領域で生き抜くためのキャリア論 - Qiita
                      • WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで

                        今回はWordPressとGatsbyを連携して高速なサイトの作る手順について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0node.js v16.13.1react v17.0.1gatsby v4.11.2 WordPressとGatsby用の環境を作る WordPressで記事の更新を行い、Gatsby側でそのデータを受け取って実際のサイトに表示させるようにします。それはWordPress用のドメインと、実際のサイトを表示させるためのドメインの2つが必要になるということを覚えておきましょう。 今回は本番環境でサイトを表示させる方法については説明していません。環境構築の手順とGatsbyを使ってWordPressからデータを取得して基本的なページを表示させる方法について説明しています。 まずは環

                          WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで
                        • 【2023年2月】プログラミング言語別単価ランキング!フリーランスエンジニアにおすすめの言語は?

                          IT業界は変化が激しく、人気の言語も時代とともに移り変わっていきます。最新の情報を追い続けるのは簡単ではないので、「将来性のある言語はどれ?」「単価が高くて稼げる言語は?」と気になっている人も多いのではないのでしょうか。 本記事では、「レバテックフリーランス」に蓄積されたデータを元に、プログラミング言語別の月単価・案件数を集計しランキングを作成しました。ランキング上位の言語については、将来性や市場価値を上げるためのポイントなども紹介しています。今回のランキングデータを元に、今後の案件選びやスキルアップの参考にしてみてください。 最新版のランキングはこちら▼ 【1位はGoの87万円】プログラミング言語別単価ランキング|2023年7月最新版 ※本記事の調査結果や画像を引用する際は【レバテックフリーランス調べ】とご記載ください。 レバテックフリーランスはITエンジニア専門の フリーランスエージェ

                            【2023年2月】プログラミング言語別単価ランキング!フリーランスエンジニアにおすすめの言語は?
                          • TensorFlow 事例: から揚げを認識して弁当箱に入れる Foodly

                            .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

                              TensorFlow 事例: から揚げを認識して弁当箱に入れる Foodly
                            • Tailscale(SSH)ことはじめ

                              はじめに Tailscale、気にはなっていたのだけれど、この辺りのツイートを見て興味が出たので、自分でも手を動かしたのでメモ。 Sign Up 費用感はこの辺りを読むとわかりやすい。個人利用なら20台は無料で使えるので検証には十分ですね。 Personalプランのリンクから登録すればよい。 と言っても、細かいサインアップの手続きはなく、MS/Google/GitHubいずれかのアカウントで連携するのみ。※私はGitHubで連携した。 Usage デバイス登録(一台目、Amazon Linux2) 早速1台目を登録してくれということなので、近場にあったAmazonLinux2 on EC2(というかCloud9)へ導入する。 基本的に言われるがままにコマンド実行するだけで、VPNの知識は特に何も調べてないままエージェントが導入される。 デバイス登録(二台目、Windows Server)

                                Tailscale(SSH)ことはじめ
                              • Amazon ECS で実行するコンテナをローカルでテストする - Qiita

                                概要 Amazon ECS 上で実行するコンテナをローカルでテストする際ってどうしてます? すでにご存知の方はバシバシ使われているかもですが、改めて焼き直しということで本ブログを書いていきます。 紹介するツールは、こちらの amazon-ecs-local-container-endpoints と ecs-cli です。 ちなみに ECS ってなにもの? Amazon ECSとは、AWSのフルマネージドなコンテナオーケストレータサービスです。 また、コンテナが実行される場所(データプレーン)としては、fargate、EC2、Anywhere などがあります。 amazon-ecs-local-container-endpoints まず初めに amazon-ecs-local-container-endpoints についてです。 一言で表すと、ECS 上で実行するコンテナをデプロイする

                                  Amazon ECS で実行するコンテナをローカルでテストする - Qiita
                                • 『初心者向け』はてなブログに表を入れたい場合は『Excel』からコピーして貼付けると簡単です

                                  WordPressでは表を作るショートカットがありますが はてなブログでは『ショートカットキー』のような便利な機能がないので『HTML』か『はてな記法モード』で書く『Excel』でコピーする3つの方法があります。 HTMLを使って表を作成する方法先程の表をHTMLを使ってブログに表を入れる場合ははてなブログの『HTML編集』画面にこちらのコードを書きます。 <table width="310"> <tbody> <tr> <td width="55">日付</td> <td width="92">アクセス数</td> <td width="72">評価</td> <td width="91">累計アクセス</td> </tr> <tr> <td>9/22</td> <td>299</td> <td>C</td> <td>352</td> </tr> <tr> <td>9/23</td> <

                                    『初心者向け』はてなブログに表を入れたい場合は『Excel』からコピーして貼付けると簡単です
                                  • Googleの広告新技術「FLoC」をGitHubがブロック

                                    サードパーティーCookieを利用しない新たな広告の仕組みとしてGoogleが開発を進めている「FLoC」を、ソフトウェア開発プラットフォームであるGitHubがブロックしていることがわかりました。 GitHub Pages: Permissions-Policy: interest-cohort=() Header added to all pages sites - GitHub Changelog https://github.blog/changelog/2021-04-27-github-pages-permissions-policy-interest-cohort-header-added-to-all-pages-sites/ GitHub blocks FLoC | Inside Dev - April, 28th 2021 https://inside.com/camp

                                      Googleの広告新技術「FLoC」をGitHubがブロック
                                    • サービスサイトをGatsby×Wordpress×NetlifyでJamstackなサイトにリニューアル - カミナシ エンジニアブログ

                                      はじめまして、株式会社カミナシのエンジニア @tomiです。 カミナシは、2020年10月にサービスサイトをフルリニューアルしました。 kaminashi.jp 今回のサイトリニューアルでは、どのような構成で作ったのか、また技術選定で考慮した点をお伝えします。 Jamstackな静的サイト構成 Gatsby.jsとWordpressを使いJAMstack構成で作成しました。 最終的に以下の画像のような構成になりました。 利用した技術を並べると、 Gatsby.js Typescript StyledComponents GraphQL EsLint + Prettier Wordpress + Gutenberg Netlify 導入事例やセミナー情報など、動的な情報は記事としてWordpressに登録し、Gatsby.js側で記事をGraphQL経由で取得して表示しています。 静的なファ

                                        サービスサイトをGatsby×Wordpress×NetlifyでJamstackなサイトにリニューアル - カミナシ エンジニアブログ
                                      • 「はてなブログ」のアクセス数・PVを増やすWebデザイン「ブログカスタマイズ」方法まとめ - redoブログ

                                        「はてなブログ」のデザインやレイアウトを整えたいと考えている方へ向けて、今まで私が紹介してきたWebデザインの「ブログカスタマイズ集」をまとめました。 ブログのサイトの見た目は「ユーザーの滞在率」や「直帰率」などにも影響し、SEOの観点からもとても大切です。 「デザインCSS」と「HTML」を制する者がサイトレイアウトを制します。色や配置、形、文字など工夫次第で色々な設定ができ、コードの内容がわかってくると楽しいものです。 今回ご紹介するカスタマイズ方法はすべて無料で実装可能なカスタマイズです。中でも厳選して、「HTML」「CSS」のプログラミングコードを使用するものを中心にまとめています。 私は大学院時代にはプログラミングで「Fortran」や「C」などを使っていたので、割と抵抗はない方なのですが、プログラミングに抵抗がある人へ向けて、初心者でもコピペでできるようにコードを紹介しています

                                          「はてなブログ」のアクセス数・PVを増やすWebデザイン「ブログカスタマイズ」方法まとめ - redoブログ
                                        • ウェブカツ!!が剽窃をしている可能性がある記事の一部 - Google スプレッドシート #違法 #ウェブカツ #野口明男

                                          https://megalodon.jp/2019-1020-0018-11/https://webukatu.com:443/wordpress/blog/1205 https://takuzoublog.com/2018/05/13/javascript%E5%9F%BA%E7%A4%8E%EF%BC%9A%E9%96%A2%E6%95%B0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

                                            ウェブカツ!!が剽窃をしている可能性がある記事の一部 - Google スプレッドシート #違法 #ウェブカツ #野口明男
                                          • 「職人の技」の定量化を目指す TensorFlow

                                            .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

                                              「職人の技」の定量化を目指す TensorFlow
                                            • WEBデザイナーがマーケティング視点を取り入れると得られる50の恩恵|川端康介

                                              はじめまして、nanocolorの川端(@nanocolorkwbt)です。 僕は主にWEBサイトやランディングページを制作するデザイン業務の仕事をしています。しかし弊社の主軸サービスはマーケティング支援と運用です。 作成した制作物を活用しビジネスに貢献するのが仕事です。これがサービスの軸ですが、制作会社なのに仕事の流れに制作を含めていません。制作はとても大切な仕事です。が、しかし制作会社が制作する事は当たり前であり、今や誰でもサイトは作れる時代です。 制作会社やデザイナーの生み出す価値とは? WEBサイトもLPも冊子もロゴも行き着く先は顧客ビジネスへの貢献です。トレンドばかりを追い、確証のない作り手のこだわりでは本質的な顧客へのビジネス的貢献は生まれない。そう感じた僕は『制作業務のみ』の仕事をあまりを大切にはしていません。 デザイナーにもマーケティングの視点をデザイナーがデザインを制作す

                                                WEBデザイナーがマーケティング視点を取り入れると得られる50の恩恵|川端康介
                                              • 少し気の早い?「2021年に向けたコンテンツマーケティング事始め」 - ブログ - 株式会社JADE

                                                先週、(株)はてな様の「週刊はてなブログ」誌上にて、はてなブログBusinessプランのリリースを記念して、名古屋を地盤に企業ウェブサイトのコンサルティングを手掛けてらっしゃる運営堂の森野誠之さまと「地方の小さな会社によるオウンドメディア活用の可能性」をテーマに対談させていただいた模様が記事として公開されました。 blog.hatenablog.com 対談の中で、「コンテンツが飽和してきたと言われているけど、それは実は東京目線の話で、地域に根ざした方々による魅力的なコンテンツに出会う機会ってまだまだ少ないですよね」という点で森野さんと意見が一致したのが印象的でした。 ちなみに、私は奈良出身ですが、「奈良 観光」でGoogle検索すると観光ガイドページがたくさんヒットするのですが... ハッ......! ...... LINEトラベルさんには奈良県はすっかり鹿王国扱いされているようです。

                                                  少し気の早い?「2021年に向けたコンテンツマーケティング事始め」 - ブログ - 株式会社JADE
                                                • ウェブは速くなっている、しかしさらに高速化できる from #ChromeDevSummit 2019

                                                  [レベル: 上級] この記事では、Chrome Dev Summit 2019 の ウェブの高速化に関係するセッションのハイライトをレポートします。 ページの表示速度改善のためのツールやレポート、指標などがたくさん紹介されています。 ウェブが速く ウェブは速くなってきている。 昨年との比較で次のような改善が見られる。 First Contentful Paint: 7 % 速く First Input Delay: 27 % 速く ツール ウェブの高速化にはたとえば次のようなツールを使える。 PageSpeed Insights: URL を指定してそのページのパフォーマンス状況を検証できる Search Console のスピードレポート: サイト内のページをグループ化して速度状況を可視化できる 新しい指標 スピードを測定するために新しい指標を取り入れる。 Large Contentfu

                                                    ウェブは速くなっている、しかしさらに高速化できる from #ChromeDevSummit 2019
                                                  • Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか

                                                    静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMスタック」です。JAMスタックとは何なのか、なぜJAMスタックが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに JAMスタックとは JAMスタックを使用する利点 JAMスタックはなぜ人気があるのか まとめ JAMスタックの有用なリソース はじめに 最近、静的サイトジェネレーターが非常に普及してきています。静的サイトジェネレーターは使い方が簡単で、最新のテクノロジーとVue.jsやReactなどのJavaScriptフレームワークに基づいて実装されています。静的サイトジェネレーターをは

                                                      Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか
                                                    • hoheigon.com

                                                      This domain has expired. If you’re the owner, you can renew it at WordPress.com hoheigon.com 2022 著作権. 不許複製 プライバシーポリシー

                                                        hoheigon.com
                                                      • 5歳娘「パパ、レンタルサーバを契約しないで?」 - Qiita

                                                        無職ワイ、システム開発会社の面接を受ける 面接官「よろしくお願いします」 ワイ「よろしくお願いします」 面接官「JavaScriptがお得意みたいですが」 面接官「サーバサイドですか?フロントですか?」 ワイ「フロントです」 ワイ「高卒で、18歳からフロントやってました」 面接官「おお〜、大ベテランですね」 ワイ「(フロントいうても、カラオケ店のフロント業務やけどな・・・)」 ワイ「(でも、嘘は言うてへん・・・!)」 面接官「では、サーバサイドの経験はどうですか?」 ワイ「サーバ側もよく触ってました」 ワイ「(ビールサーバとウォーターサーバを触ってたで)」 面接官「頼もしいですね」 面接官「インフラとかはどうですか?」 ワイ「インフラも一通り任されてました」 ワイ「(カラオケ屋の新店舗ができるとき、電気と水道の手続きはワイが任されたんや)」 面接官「インフラもいけるんですね」 面接官「もし

                                                          5歳娘「パパ、レンタルサーバを契約しないで?」 - Qiita
                                                        • デザインも上達!WEBデザイン勉強法6ステップ|佐々木 康友

                                                          WEBデザイナーを目指す方や、若手デザイナーから「勉強法がわからない」と言うコメントをかなり聞きます。 そこで、会社の後輩を教育していた方法を思い出しながら、デザインとコーディングをどんな順番で勉強したら良いかを考えて見ました。 ※WEBデザイナーを想定した内容ですが、グラフィックの方はコーディングを除外すれば内容はあまり変わりません。 以下、本編に入る前に2つの留意点を最初に説明します。 留意点1:勉強を進める3つのポイント WEBデザインを勉強するときに、迷うのは以下の3つだと思います。 1.「コーディング」と「デザイン」をどんな順番で勉強するか? 2.学校ではコーディングメインで「デザイン自体を教わってない」 3.「模写」をするのが良いとよく聞くけど、どうやるの? 勉強法6ステップはこれが組み込まれた内容になっています。 割とよく聞くのが、デザインとコーディングを別々に勉強しているケ

                                                            デザインも上達!WEBデザイン勉強法6ステップ|佐々木 康友
                                                          • 流行りのフロントエンド技術よりもサイト構築や SEO の基礎知識のほうが重要だ - Diary

                                                            流行りのフロントエンド技術よりもサイト構築や SEO の基礎知識のほうが重要だ みたいな主張があり、 WordPress のカスタマイズをしている人たちがこれを言いがちであり、実際間違ってないと思います。 では我々(我々とは誰か?)がそれに対していえることが何かというと、 PHP と jQuery で頑張って WordPress をカスタマイズするよりも JSON API と nuxt.js/next.js でサイトを組んだほうが簡単だということです。 WordPress のカスタマイズをやってきた人たちは長年のノウハウを積み上げており、それを活用してバリューを出しているわけですが、 nuxt.js でやっていっている人たちが熟達したとき、すべてが破壊されます。 じゃあ実際僕が nuxt.js でかっこいいサイト作る仕事して WordPress の人たちの仕事を奪っていくぞ!!!という気持

                                                            • Astroを選ぶ理由 🚀 Astroドキュメント

                                                              Astroは、ブログやマーケティング、eコマースなど、コンテンツ駆動のウェブサイトを作成するためのウェブフレームワークです。Astroは、新しいフロントエンドアーキテクチャを開拓し、他のフレームワークと比較してJavaScriptのオーバーヘッドと複雑さを低減することで知られています。高速でSEOに優れたウェブサイトが必要なら、Astroが最適です。 Astroはオールインワンのウェブフレームワークです。 Astroには、ウェブサイトを作成するために必要なすべてが組み込まれています。また、さまざまなインテグレーションやAPIフックがあり、プロジェクトを自分のユースケースやニーズに合わせてカスタマイズできます。 特筆すべき点は以下の通りです。 アイランド: コンテンツ駆動のウェブサイトに最適化されたコンポーネントベースのウェブアーキテクチャです。 自由なUI: React、Preact、Sv

                                                                Astroを選ぶ理由 🚀 Astroドキュメント
                                                              • 達人出版会

                                                                探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う! オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R/RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット&JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール

                                                                  達人出版会
                                                                • 3DボクセルをWebGLで企業サイトに組み込んだ際の考察過程

                                                                  はじめまして。フロントエンドエンジニアの田島と申します。 ちょうど今から約1年ほど前に鹿児島にあるアプリファクトリーはるni株式会社というゲーム開発会社様にお声がけいただき、お仕事として企業サイトを制作致しました。 以下のツイートにて、サイト内での操作イメージを短くまとめた動画を添付しています。 サイトの制作方針として、はるni様が制作を得意とする3Dボクセルを中心に据える方針で企画が固まり、技術的にチャレンジングな仕事となりました。その際、私自身多くの方々の技術記事等を参考にさせていただいたため、自分も微力ながら制作の過程で得られた知見を共有できればと思い、記事に残すことにしました。 (ただし、WebGLやThree.jsの扱いに関して未熟な点も多分にあるため、各章でより良いアイデアをお持ちの方はコメント等で温かくご提案いただけますと幸いです。) 技術検証 陰影を事前にベイクするか、リア

                                                                    3DボクセルをWebGLで企業サイトに組み込んだ際の考察過程
                                                                  • はてなーが知らない「COVID-19診療の手引き 罹患後症状のマネジメント」

                                                                    んふふふwww 久しいですな、はてなー諸氏www オミクロン株の問題もあり、最近ブコメや増田で「コロナは後遺症がこわい」という意見をよく目にするでござるwww でも、具体的には知らんようでwww ヌプフォwww しょうがなかろうなあwww 拙者調べだと、コロナ後遺症についてのTVニュースは全局で11月に9回、12月に4回程度www 新作アニメの本数より少ない始末www 感染症対策の報道と比べたら川辺における砂金www よろしいwww 後遺症界隈の”ホットなトピックス”について拙者がレクチャーするでござるよwww デュフフフフフwww 重症急性呼吸器症候群コロナウイルス-2(SARS-CoV-2)www 呼吸器にとどまらず、症状が全身に広がる。しかも長期にわたる後遺症が残りやすいというのが厄介な点でござるなwww この後遺症こそが「コロナ後遺症」www 後遺症が残る仕組みはいまだに未解明

                                                                      はてなーが知らない「COVID-19診療の手引き 罹患後症状のマネジメント」
                                                                    • バグハント入門 (OSS編) - blog of morioka12

                                                                      1. 始めに こんにちは、morioka12 です。 本稿では、バグハントの入門として、主に Web アプリケーションの OSS に焦点をおき、脆弱性の発見・報告・CVE ID の取得について紹介します。 1. 始めに 免責事項 想定読者 筆者のバックグラウンド 2. CVE とは 3. 探す対象の選び方 OSS Topic (Type) 特定の条件で絞る バグバウンティの OSS 4. 脆弱性の検証方法 アプローチ方法 5. 脆弱性の報告先 6. 報告書の書き方 CVSS CWE 7. 脆弱性発見から CVE ID の取得までの流れ 注意点 8. バグハント前のスキル準備 過去の CVE ID やレポート Web Security の場合 9. その他 その後のチャレンジ バグバウンティ入門 セキュリティエンジニアを目指す就活生の方へ OSS の開発者の方へ 10. 終わりに 免責事項

                                                                        バグハント入門 (OSS編) - blog of morioka12
                                                                      • デザイナーはコードを書くべきか - feb19

                                                                        諸事情で締め切りまでに歌詞を考えないといけないのですが、全く思いつかないので、表題の駄文を書き始めてしまいました。 とある IT の事業会社でインハウスデザイナーのマネージャー、エンジニアのマネージャーをそれぞれ短い期間ですが数年経験した身として、ふとした場でこの話が聞こえてくることもあるので、考えをまとめてみました。あくまで IT 系のデザインの話ですのでご注意ください。 デザイナーや、デザイナーに関わる誰かの参考になりましたらと思います。 UI や Web に関わるデザイナーはコードを書くべきかまず、これをデザイナーに言えるのは以下のパターンです。 社長、経営者(給料を出す人)そのデザイナーのマネージャーや、先輩デザイナー(キャリアを導く人)そのデザイナーが入るプロジェクトマネージャー・エンジニアの「お願い」(猫の手を借りたい人)「一般論として『デザイナーはコードを書くべき』とは言えな

                                                                          デザイナーはコードを書くべきか - feb19
                                                                        • 【ハッキングに挑戦】脆弱性が残された仮想イメージ公開プラットフォーム(VulnHub)で練習をする - Qiita

                                                                          これからサイバーセキュリティについて手を動かしながら勉強に取り組んでいきたいと検討されている方に向けて「意図的に脆弱性が残された仮想イメージ公開プラットフォーム(VulnHub)で練習をする」として本稿をまとめていきたいと思います。 VulnHubとは 「Vulnerable By Design ~ VulnHub」(https://www.vulnhub.com/、以下 VulnHub)とは、意図的に脆弱性が残された仮想イメージを無料で!!公開しているプラットフォームです。 創設者のg0tmi1kは、『誰もがデジタルセキュリティ、コンピューターアプリケーション、およびネットワーク管理の実践的な経験を得ることができる資料を提供する』という目標を掲げ、その運用を開始しました。年々登録される仮想イメージの数は増加しており、VulnHub公式 Twitterアカウント(@VulnHub)のTwe

                                                                            【ハッキングに挑戦】脆弱性が残された仮想イメージ公開プラットフォーム(VulnHub)で練習をする - Qiita
                                                                          • Windows 10はバージョンアップを重ねるたびに本当に遅くなっているのか?検証結果はこんな感じ

                                                                            by okubax Windows 10は年におよそ2回、大きなバージョンアップデートがリリースされます。バージョンアップデートの度に新しい機能や仕様変更が行われ、「前のバージョンよりも遅くなった」「アップデートでパフォーマンスが低下した」という感想がささやかれることもしばしば。そこで、「Windows 10はバージョンアップで本当に遅くなっているのか」という疑問について、Windowsに関するさまざまな実験を行っているYouTuberNTDEV氏が各バージョンでパフォーマンスや速度を比較した結果をブログで公開しています。 State of the Windows, part 2: Did Windows 10 slow down with each feature update? – NTDEV https://ntdotdev.wordpress.com/2021/02/21/stat

                                                                              Windows 10はバージョンアップを重ねるたびに本当に遅くなっているのか?検証結果はこんな感じ
                                                                            • Googleのジョン・ミューラーが画像SEOのTIPSを共有

                                                                              [レベル: 中級] 検索ユーザーのユーザー体験を向上させるための画像の最適化をコツを Google の John Mueller(ジョン・ミューラー)が Twitter の一連の投稿で共有しました。 PSA: If you change your image URLs, and you care about Image Search, remember to redirect them. While tweaking my site, I noticed PSI suggesting to change some of my image formats, and realized it's worth mentioning this again. pic.twitter.com/gDHAqJB6eC — 🍌 John 🍌 (@JohnMu) May 1, 2021 この記事では、それら

                                                                                Googleのジョン・ミューラーが画像SEOのTIPSを共有
                                                                              • GitLab CIとPuppeteerを使ってはてなブログのデザインを継続的にデプロイする - pixiv inside - pixiv inside

                                                                                こんにちは!ピクシブ福岡オフィスでエンジニアをしている@tasshiです。 今回はpixiv insideリニューアルのデプロイ環境についてお話ししたいと思います。 pixiv insideについて 「pixiv inside(ピクシブ インサイド)」は、ピクシブ株式会社の日常を伝えるためのオウンドメディアです。 2014年に「pixiv engineering blog」としてスタートし、2017年に現在の「pixiv inside」になりました。 WordPressからはてなブログへ pixiv insideでは2020年1月にセルフホスティングのWordPressからはてなブログへと移行し、新デザインへのリニューアルを行っています。 デザインリニューアルではデザイナーさんの作ったデザインを元にして、エンジニアがJavaScript, CSSなどのデザインリソースを実装します。 その後

                                                                                  GitLab CIとPuppeteerを使ってはてなブログのデザインを継続的にデプロイする - pixiv inside - pixiv inside
                                                                                • これがフロントエンドで話題になった記事! ICS MEDIAの2021年 - ICS MEDIA

                                                                                  ICSはフロントエンドを専門とするウェブ制作会社ですが、オウンドメディアとして技術情報発信サイトを運用しています。このサイトは開設から8年目をむかえましたが、今年は「国内のウェブ水準を前進させる記事を。話題のテーマも、他のサイトでは読めないニッチな技術も」をテーマとしてやってきました。そんなICS MEDIAにとっての2021年を、あらゆる数値を使って多角的にレポートします。 今年はどの記事がもっとも読まれたのでしょうか? 今年執筆した記事で上位10記事をピックアップしました。 1位 : スクロール演出の作り方 トレンドウェブサイトから学べ! JavaScriptで作る本格スクロール演出 20,800 PV ウェブサイトを魅力的にするスクロール演出。スクロール演出を3種類にわけ、それぞれの実装方法を解説しています。ウェブサイトを「より良く魅せたい」というニーズが大きいのか、この記事が202

                                                                                    これがフロントエンドで話題になった記事! ICS MEDIAの2021年 - ICS MEDIA