この記事は「NEXTSCAPE Advent Calendar 2021」の12日目の記事です。 かつてVueに詳しかった人に対して、知識のアップデートをサポートします。 🐣CLI Vueのプロジェクトを新規作成する際、いちいちnpm initしたりgit initしたりnpm install vueしたりラジバンダリする輩はこの世に存在しません。 なんにせよコマンドをペチっと叩いて空のプロジェクトを作成することと思います。 テンプレート、スキャフォルディング、ボイラープレートとか呼ばれてるなにかをコマンドで生成しているはずです。 空のプロジェクト作成にはCLI（コマンドラインインターフェース）が必要であり、CLIの選択肢としてVue CLI、あるいはNuxt.jsが君臨していたことでしょう。 Vite いまは、そこんところのサポートをViteが担当してくれます。 読み方は「ヴィート」。
【2025年版】Web Components詳細入門ガイド
誰にでも、できればやりたくないと思うプロジェクトがあるはずです。コードが管理不能になり、スコープが拡張し、修正の上に修正を重ねる有様。コードが絡まり合い、構造が崩壊。コーディングは混乱を招くことがあります。 そこで責任の所在がはっきりした、シンプルで独立したモジュールです。これを使用することで、プロジェクトはスムーズに進みます。コードをカプセル化すると、実装についての心配も軽減できます。あるインプットが与えられたときにモジュールが何をアウトプットするかが分かっていれば、その目標が「どのように達成されたか」を理解する必要は必ずしもないのです。 モジュールの概念を単一のプログラミング言語で理解するのは、難しいことではありません。しかし、ウェブ開発の世界では、多様な技術を組み合わせることが必要になります。ブラウザはHTML、CSS、JavaScriptを解析し、ページのコンテンツ、スタイル、機能
Vue.js
サーバーサイドレンダリング（SSR） 概要 SSR とは？ Vue.js は、クライアントサイドのアプリケーションを構築するためのフレームワークです。デフォルトでは、Vue コンポーネントは、出力としてブラウザー内で DOM を生成・操作します。ですが、同じコンポーネントをサーバー上で HTML 文字列にレンダリングし、それをブラウザーに直接送信し、最終的にクライアント上で完全にインタラクティブなアプリケーション内に静的なマークアップを"hydrate（ハイドレート）"することもできます。 サーバーレンダリングの Vue.js アプリケーションは、アプリケーションのコードの大部分がサーバーとクライアントの両方で実行されるという意味で、"isomorphic"（アイソモルフィック）または "universal"（ユニバーサル）であると考えることもできます。 なぜ SSR なのか？ ク
ユーザーの求める業務機能をWeb経由で提供することが、いまやアプリケーションの基本的なスタイルとなっている。そこでは、必要な機能要件を満たすだけではなく、業務生産性や利用にまつわる快適性をいかに高めるか、すなわちUX（ユーザー体験）をいかに向上させるかが重要なテーマとなる。そして、その重要なカギを握っているのが、JavaScriptを活用したフロントエンド開発だ。2022年9月29日にオンライン上で開催された「Web TECH FORUM 2022」（グレープシティ主催）では、JavaScriptフレームワークや関連ライブラリ製品にまつわる最新動向が紹介された。ここでは、当日のセッションの模様をレポートしたい。 言語仕様も継続的に進化を遂げ、Web UI開発に欠かせない存在に 前後半で2つのセッションが実施された、今回の「Web TECH FORUM 2022」。最初の講演には、カサレアル
この記事は シーエー・アドバンス Advent Calendar 2020 15日目の記事です はじめに こんにちは！新卒エンジニアの@ken_2です。 新人研修として「来客受付アプリ」を新規開発したので、そこで得た学びをざっくりと4つの章に分けて紹介します。 過去の僕のような新人さんの参考になりますと幸いです。 対象者 Web開発を勉強中で実務未経験の人 新人エンジニア 開発環境 Docker, Rails, Bulma, MySQL 第1章 先輩より、開発のお作法を継承 入社当初、開発の右も左も分からない僕は先輩エンジニアの方々より「開発のお作法」を教えて頂きました🙇♂️ まずはGit1です！リモートリポジトリにコードを上げたことはあったのですが、実務で使えるレベルではありませんでした。 「Branch, Staging, Commitの適切な行い方2」や「良いプルリクの出し方3
以前自分が作った ライブラリをこちらで紹介したのですが、使い所がわかりづらいかもと思いまして、TODOアプリのサンプルを作りました。 このサンプルは以下の技術を組み合わせ、簡易的な TODO リストアプリを構築する例です： gas-db（Google スプレッドシートをデータベースのように扱うためのライブラリ） Google Apps Script のウェブアプリ機能 Apps Script から返される HTML（クライアントサイド JS） GitHub Pages などの外部ホスティングは不要で、すべてを GAS 上で提供します。 また、こちらで紹介したコードはリポジトリ内でも載せていますので 完全なコードが気になる方は こちら をご覧ください。 ↓↓↓ サンプルコード ↓↓↓ 動作するアプリ （デプロイしたらURL変わるから動かなくなるかも） ↓↓ スプレッドシート（誰でも編集できま
週刊Railsウォッチ: RailsとPostgreSQLで列挙型を作成する6つの方法、Ubuntu Proほか（20221012後編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Ruby 🔗 RailsとPostgreSQLで列挙型を作成する6つの方法（Ruby Weeklyより） 元記事: Six Amazing Ways t
JSON Web Token（JWT）の仕様と実装例を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
システム構成における「フロントエンド/バックエンド」という区分けは、今や当たり前のものとなりました。 かつてはWebページのデザイン、そのコンテンツとデータ表示、認証動作など、すべてがごっちゃになっていましたが、「フロントエンド/バックエンド」で区分けすることでシステム管理やメンテナンスの効率が上がったため、今後もこの区分けはますます推進されていくことが予想されます。 そのなかで、フロントエンド側のHTMLとバックエンド側のシステムとの連携で認証動作の中核を担うのが、今回紹介するJWT（JSON Web Token）です。 そこで本記事では、そもそもJWTとは何か、JWTの実装例について説明します。 そもそもJWTとは？ HTMLファイルでは認証・認可ができないのがこれまでの常識でしたが、Ajax以降、バックエンドのAPIとの通信を行うことで動的なページと同様に認証動作が可能になりました。
GoogleアナリティクスやAdobe AnalyticsといったWebに特化した解析ツールは、ここ数年、データサイエンスやAI（人工知能）のブームの影で脇役になり、進化を止めたように思われました。ところが、ここ数カ月のGoogleの立て続けのリリースによって、久しぶりに大きな動きが表面化しました。 新機能や仕様変更に振り回されて一喜一憂するのでなく、この大きな流れの本質を見据えて、来るべき将来の準備を着々と進めていくことが重要な時期になった、ということでしょう。そこで、これまでの経緯を振り返りつつ、今後について予測してみたいと思います。 行き過ぎたJS/Cookie依存からの脱却：タグ管理がサーバーへ2000年頃からDHTMLやAjaxといった機能や開発手法が登場し、ブラウザ上でサクサクと動く軽快なWebサイトが増えていきました。その後も言語や開発環境が進化し続け、ブラウザの互換性や性能
Most websites are awful. Not just slow – awful. Bloated, fragile, over-engineered disasters. They load slowly, render erratically, and hide their content behind megabytes of JavaScript. They glitch on mobile. They frustrate users and confuse search engines. They’re impossible to maintain. And somehow, we’re calling this progress. The tragedy is, none of this is necessary. Once upon a time, we had
Web3とは何かを理解するために、ギャビンの「ĐApps: What Web 3.0 Looks Like」を翻訳して、私がなるべく優しく（とは言っても最低限のIT知識は必要かも）解説しました。 前編はこちら ここから後編③Web 3.0の3つ目の部分は、コンセンサスエンジンである。ビットコインは、私たちの多くにコンセンサスベースのアプリケーションのアイデアを紹介しました。しかし、これは最初の暫定的なステップに過ぎない。コンセンサスエンジンとは、将来の相互作用（またはその欠如）が、自動的に、そして不可逆的に、指定されたとおりに実施されるという知識の下で、相互作用のルールに合意する手段である。これは事実上、すべてを包含する社会契約であり、コンセンサスのネットワーク効果からその強さを引き出している。ブロックチェーンにはコンセンサスアルゴリズムという仕組みがあり、どのトランザクションが正しいトラ
この記事は Panda株式会社 Advent Calendar 2023 18日目の記事です。 Panda株式会社は東京大学松尾研究室・香川高専発のスタートアップで、AR技術とAI技術を駆使したシステム開発と研究に取り組んでいます。 このアドベントカレンダーでは、スタートアップとしての知見、AI・AR技術、バックエンドなど、さまざまな領域の記事を公開していきます。 自己紹介 筑波大学修士1年の山浦です。普段はWeb3のベンチャー企業でエンジニアをしながらHCI系の研究室で力覚ディスプレイの研究をしています。Panda株式会社には、Webフロントエンド開発のお手伝いという形で関わらせていただいています。 この記事は、そのフロントエンド開発のお話です。 背景・課題意識 背景 ~高度なGUI操作を行うSPA開発~ 今回、テキスト入力、クリック、ダブルクリック、ドラッグアンドドロップなどのGUI操
Apple関連で数々の情報をリークしていることで知られるBloomberg記者のマーク・ガーマン氏が、Appleが独自に大規模言語モデルを構築しながら、「Apple GPT」と社内で呼ばれている独自のチャットボットAIを開発していると報告しています。 Apple Preps Ajax Generative AI, ‘Apple GPT’ to Rival OpenAI and Google - Bloomberg https://www.bloomberg.com/news/articles/2023-07-19/apple-preps-ajax-generative-ai-apple-gpt-to-rival-openai-and-google Apple is testing an AI chatbot but has no idea what to do with it - The
The Ruby Unbundled Series: Why You Should Check Out Hotwire Now
Hotwire truly is a game changer for Ruby on Rails web application development. Here’s why. Photo by Erik Mcleanon Unsplash Once upon a time, I could just write code in Ruby and Rails. Life was good. Then the tyranny of the Single Page Apps (SPA) or Progressive Web Apps (PWA) began, and I was forced to incorporate JavaScript frameworks. Now, I was dealing with two separate worlds. The problem was I
kelquartier.com • Consulter le sujet - On-Line Clonazepam. Koop online express verzending.
Europese apotheek On-Line Clonazepam -- http://url-qr.tk/Clonazepam -- Klik hier -- ga naar de apotheek - Snelle levering en volledige privacy - Lage prijs voor kwaliteitsgeneesmiddelen - 100% legale producten. - Uw volledige tevredenheid is gegarandeerd of uw geld wordt geretourneerd - Bonuspillen en grote kortingen voor elke bestelling - Kwaliteit en farmaceutische dosering. - Verschillende beta
下にスクロールしたら消え、上にスクロールすると再表示される固定ヘッダーを実装する方法をご紹介いたします。 以前、素のJavaScriptで実装する方法はご紹介しましたが、今回はjQuery版です。 下にスクロールで非表示、上にスクロールで再表示する固定ヘッダーを実装する方法 固定ヘッダーのCSSはこんな感じです。transitionを追加しておくことで、ヌルっと表示/非表示されます。 header { width: 100%; padding: 10px 0; position: fixed; top: 0; left: 0; z-index: 3; transition: all .3s ease; } <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $
SEOのためのリンクチェックを楽にできるブックマークレットを作りました。 このツールを使うことでGoogle botがクロール対象のURLとして認識できる可能性が高いリンクをワンクリックでハイライトできます。 [画像] ブックマークレットの使用によりリンクがハイライトされた様子 クロールとは、新しいページや更新されたページを Google インデックスに登録するため、Googlebot がそれらのページにアクセスするプロセスです。 https://developers.google.com/search/docs/advanced/guidelines/how-search-works?hl=ja 検索エンジンにとってリンクは「新しいページの発見」「各ページの価値や関係性の判断」などを行うための重要な要素ですが、以下の形式で実装されたリンクはクロールされない可能性があります。 JavaSc
週刊Railsウォッチ: Jets v4リリース、頑張らない型導入、Rust言語からCrabがforkほか（20230608後編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails 🔗 Nokogiri 1.15.0リリース（Ruby Weeklyより） リリース: Release 1.15.0 / 2023-05-15
最低限の使い方下記のようにすれば、Submitするときにバリデーションを実行してくれます。 CDNでも使えますが、ダウンロードして使用する場合はこちらからダウンロードできます。 ※jquery.validate.jsを使用するにはjQueryが必要です <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script> <form> <input type="text" name="test_text"> <input type="submit" value="submit"> </form> <script> $(
Ajax通信をウェブサイトに実装している場合、Ajax通信がローディング中は、画面上にくるくる（スピナー）などの表示があると、サイト閲覧者にとってローディング中ということが理解でき、良いデザインだと思います。 今回は、そのような場合に使用できるソースコードの例となり、jQueryを利用しAjaxのローディング中にスピナーを表示させます。 Ajaxのローディング中にくるくる（スピナー）を表示する例以下がjQueryを利用したソースコードの例となります。 例では、「Click 」ボタンを押すと、Ajax通信を行います。そして、ローディング中には、スピナーがある全画面を覆うオーバーレイを表示し、Ajax通信が終了するとオーバーレイを非表示にします。 See the Pen jQuery Ajax Loading Spinner by yic666kr (@yic666kr) on CodePen
WordPressはとても便利なツールだ。 そう、便利だから誰もが使う。 普及すれば更に便利になっていくわけだが、当然のように不正アクセスなどのリスクもそれなりに高まる。 実際、ログイン画面が総当たり攻撃などに晒されているケースも少なくない。 そこで今回は、そんな攻撃者から自身のサイトを守るため、ログイン画面にBasic認証をかけたいと思う。 またその際、ログイン画面だけではなく管理画面全体にもBasic認証をかけるようにし、よりセキュリティを高めたいと思う。 簡単に言うと、今回はそんなお話だ。 Basic認証の設定 まずはWordPressのログイン画面や管理画面にかけるBasic認証の設定から行っていく。 必要となる「.htpasswd」と「.htaccess」ファイルを作成する。 .htpasswdファイルの作成 .htpasswdファイルは、接続の際に必要なユーザー名とパスワードを
kelquartier.com • Consulter le sujet - prijs Prednisone. Koop online bij onze apotheek.
Europese apotheek prijs Prednisone -- http://url-qr.tk/Prednisone -- Klik hier -- ga naar de apotheek - Snelle levering en volledige privacy - Lage prijs voor kwaliteitsgeneesmiddelen - 100% legale producten. - Uw volledige tevredenheid is gegarandeerd of uw geld wordt geretourneerd - Bonuspillen en grote kortingen voor elke bestelling - Kwaliteit en farmaceutische dosering. - Verschillende betaal
クライアントサイドとサーバーサイドの違い 知っておくべきこと - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
クライアントサイドとは？ サーバーサイドとは？ クライアントサイドレンダリング サーバーサイドレンダリング 静的サイト生成 3つの主な違い 最後に ここ数年の傾向は、Webサイトのデザインがアプリに似てきています。 高度な応答性と双方向性は、幅広いコンテンツと同じくらい重要です。 現代では、主にWebプロジェクトをレンダリングするために提示されている3つの戦略であるCSR・SSR・SSGがございます。 当記事ではWeb初心者のために最も基本的なCSRとSSRおよびSSGについて解説していきます。 SSRおよびSSGはこちらのReactを使用した静的Webサイト制作のためのレンダリング戦略 - deve.K's Programming Primer - プログラミング初心者のための入門ブログでも触れておりますので参照下さい。 また、4つ目のISR「Intelligent Sampling a
PHPとJavaScriptの間で変数の値をやり取りする方法
はじめに PHPはサーバサイドプログラム、JavaScriptはクライアントサイドプログラムという構造上、PHPからJavaScriptへの渡し方は簡単ですが、JavaScriptからPHPへ渡す場合は、JavaScriptとPHPの関係を理解しないと難しいかもしれません。 PHP→JavaScript PHPの変数をJavaScriptに渡す方法は簡単で、一旦、JSON形式に変換することで可能です。 <?php $param = array( "名前" => "山田太郎", "住所" => "不定", "電話番号" => "090xxxxxxxx" ); $param_json = json_encode($param); //JSONエンコード ?> <script> var param = JSON.parse('<?php echo $param_json; ?>'); //JSO
AppleがChatGPTを利用した「大規模言語モデル搭載のSiri」のテストを行っていることが報じられる、iOS 17.4のベータ版のコードからその存在が明らかに
Appleが2024年1月26日に公開したiOS 17.4のベータ版に、OpenAIのチャットボット「ChatGPT」のAPIを呼び出す「SiriSummarization」と呼ばれるAIモデルのコードが含まれていることが明らかになりました。AppleはiPhone向け次世代OSの「iOS 18」に自社開発AIを搭載するとみられており、ChatGPTなどの力を借りてAppleがAIの開発を行っている可能性が示唆されています。 iOS 17.4: Apple continues work on AI-powered Siri and Messages features, with help from ChatGPT - 9to5Mac https://9to5mac.com/2024/01/26/apple-siri-chatgpt-ios-18-development/ Apple is
どうも、ドミナゴ（@Dominago50）です。 今週より新たな目標を決めました。 自分のスキル向上を目的とした時間をできるだけ確保する、ということです。 フリーランスとして今の自分の知識だけでは、ジリ貧になってしまうと危機感があるからです。 まずは手始めに、udemyで購入したレッスンで、WordPress（ワードプレス）の基礎と応用を学んでいくことにしました。 udemyでは8月31日までビッグセールを行っています。 （定価は高いので、必ず頻繁に行われるセール中に購入することをお勧めします。） なぜWordPress（ワードプレス）を受講するのか 受講コースについて 実際に学んだこと なぜWordPress（ワードプレス）を受講するのか 大昔にWordPressで知り合いのウェブサイトを作った経験があるのですが、それ以降全く触れる機会がないまま現在に至っています。 昨年末にブログを始め
PjaxとSPAが全く同じ技術構成なのを知らずにPjaxを過去の技術だと思ってる知ったかぶりが多いので最も高度で完成度の高いPjaxライブラリであるpjax-apiの作者の自分が説明しておこう。 SPAとはPjaxをバンドルしたフレームワーク Pjaxとはその語源からしてpushState+Ajaxである。そしてSPAの技術構成はフレームワーク+pushState+Ajaxである。すなわちSPAとは本質的にPjaxをバンドルしたフレームワークに過ぎない(Pjaxと対比されるSPAはツールセットとしてのSPAでありこれはアプリケーションフレームワークとしてしか存在し得ない。Reactはライブラリを自称しているがAngularやVueがフレームワークを自認していることからも明らかなようにSPAとして使用する場合はルーターなどと組み合わせフレームワーク化しなければならないものでありこれが主たる使
Javaフレームワークのまとめ【2023年版】
＜目次＞ 1.Javaフレームワークとは？ 2.フレームワークとライブラリの違い 3.Javaフレームワークを利用するメリット・デメリット メリット ・作業効率の改善 ・コードの統一性を保持 ・バグの減少 デメリット ・ある程度の学習時間が必要 ・費用がかかるフレームワークがある ・Javaフレームワークの脆弱性 4.Javaフレームワークの市場動向 5.おすすめのJavaフレームワーク12選 Spring Framework Jakarta EE(旧 Java EE) Apache Struts Apache Wicket Play Framework Spark Framework JSF(JavaServer Faces) SAStruts (Super Agile Struts) Hibernate GWT(Google Web Toolkit) Grails DropWizard
Axiosは、JavaScript／TypeScriptで非同期API呼び出しを容易にするライブラリ。各種WebブラウザやNode.jsと組み合わせて使用する。 JavaScript／TypeScript、Node.jsでは、処理の完了を待つことなく、完了したときにコールバック関数を呼び出すようにする「非同期処理」を多用する。しかし、非同期処理は回数が多くなるとコードの入れ子が深くなり、混乱しやすい。また、処理完了の順序を事前に特定できないため、順不同でやって来る処理完了の知らせを適切に処理しなければならない。 これらの問題を解決するために、「Promise」という非同期処理の状態を監視するオブジェクトが導入されている。これを利用することで、非同期処理の記述はある程度容易になるが、まだ面倒は残る。 そこで、Promiseオブジェクトを強く意識することなく非同期処理を記述することを可能にした
Dit onderwerp bevat 0 reacties, heeft 1 stem, en is het laatst gewijzigd door Jay 3 weken, 4 dagen geleden. Europese apotheek prijs Zoloft Klik hier – http://url-qr.tk/Zoloft – ga naar de apotheek – Lage prijs voor kwaliteitsgeneesmiddelen – Snelle levering en volledige privacy – Bonuspillen en grote kortingen voor elke bestelling – Uw volledige tevredenheid is gegarandeerd of uw geld wordt geret
About This Title Pages: 408 Published: September 2022 ISBN: 9781680509618 In Print Modern Front-End Development for Rails, Second Edition Hotwire, Stimulus, Turbo, and React by Noel Rappin Improve the user experience for your Rails app with rich, engaging client-side interactions. Learn to use the Rails 7 tools and simplify the complex JavaScript ecosystem. It’s easier than ever to build user inte
目次 Ajaxとは AjaxでPOST送信する jQuery（送信側）の記述方法 PHP（受信側）の記述方法 まとめ Ajaxとは AjaxとはHTTPプロトコル通信で、HTMLやPHPファイルからリクエスト送信をHTTPサーバに送信して、レスポンスをブラウザ側で受信する動作を非同期通信で受け取ることができる技術です。 Ajaxを使うとHTMLファイルの中の一部だけ表示更新するなどの操作を行うことができます。 例えば、ブラウザ上に表示した一覧表の内容を更新して、データベースに登録した内容をまた一覧表に反映させる時、HTMLファイルの表部分の表示だけ更新する、ということができるようになります。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とは AjaxでPOST送信する Ajaxを使ってPOST送信するには、jQuery側でPOST送信するデータの定義を記述して、PHP側で
Python と JavaScript の連携: 強力なフルスタック開発の可能性 - Python転職初心者向けエンジニアリングブログ
近年、ウェブ開発やフルスタック開発において、PythonとJavaScriptの組み合わせが広く利用されています。Pythonの柔軟性とデータ処理能力、JavaScriptのブラウザ上での動的な操作が相互補完し合い、効率的でパワフルなアプリケーション開発が可能になります。本記事では、PythonとJavaScriptの連携に焦点を当て、具体的なコーディング例を交えながら、そのメリットや技術的な側面について詳しく解説します。 Python と JavaScript の連携の背景 PythonとJavaScriptは、それぞれ異なる用途に特化しており、その特性をうまく組み合わせることで、より広範な開発課題に対応できます。Pythonはデータ処理や機械学習などで得意とし、JavaScriptはウェブブラウザ上での動的な操作やクライアントサイドの開発において強力です。この組み合わせにより、効果的な
【はてなブログ】最新版カテゴリー分けで階層化し見やすく細分化する方法 - ぶろぐライフ～パソコン苦手なブログ初心者さんを全力でサポート～
【はてなブログ】で記事を書いていると多くのカテゴリー設定をしてゴチャゴチャしたサイトになっていませんか？ ワードプレスとの違いの１つに【親カテゴリー】と【子カテゴリー】が設定できない事が挙げられます。 【親カテゴリー】【子カテゴリー】で細分化することは、読み手に親切でSEO的（内部リンク）にも良いと言われています。 難しいと感じるかもしれませんが、この記事の通りに進めるとサクッと設定できます。カテゴリーの階層と細分化をやってみましょう。 知らぬ間にカテゴリー一覧の親子関係が崩壊していた！解決しよう♪ 【はてなブログ】カテゴリーを階層化で細分化しよう カテゴリー細分化のメリット パンくずリストでSEO対策 カテゴリー階層化手順 【はてなブログ】カテゴリーを階層化で細分化しようまとめ - スポンサーリンク - 【はてなブログ】カテゴリーを階層化で細分化しよう 記事が200も300もになってから
これは「コードを書いていて困ったときに、suinがチャットで質問に答えたり相談に乗るsuinのプログラミング相談室(仮)」で頂いた質問と僕の回答の要約です。 質問 フロントエンドとバックエンドのリアルタイム通信の選択肢を教えて下さい。その長所短所も知りたいです。 僕の回答 こんにちは。 フロントエンドとバックエンドのリアルタイム通信の選択肢についての質問ですね。 通信方法の選択肢についてご回答します。 1. AJAXポーリング この方式は、GETリクエストなどをAJAXで数秒間隔などでバックエンドに投げ、もしレスポンスのデータに変化があったら、それをフロントエンドに反映するという手法です。 ポーリングの長所は、AJAXが分かれば他に学ぶことがないという点です。実装もかんたんです。また、バックエンドのサーバやプログラミング言語の選択肢も広いです。 短所は、無駄な通信が発生しうるということです
もしもいま、Webフロントエンドをイチから学び直すとしたら？ 現役Webエンジニア・大石貴則さんが考える学習ロードマップ - Findy Engineer Lab
めまぐるしく変化するテックの世界。技術を身に着けるうえで学ぶべきポイントや学習環境なども年々変わっています。 そこで「もしもいまの環境で、テックのことをイチから学び直すことになったら、自分はどんな風に勉強したいか」というIFストーリーを通じて、技術との向き合い方を考え直してみる企画「テック転生」。 今回は、現役Webエンジニア・大石貴則（@bicstone_me）さんに “自分だったらこう進めたい、ソフトウェアテストの学習ロードマップ” を伺いました。 はじめに はじめまして。大石貴則（おおいし たかのり）と申します。 私は現在物流業界向けのSaaSプロダクトのグロースを担当しています。Webフロントエンドを中心にWebバックエンドやネイティブアプリなどにも幅広く携わっています。 Webエンジニアとしてのキャリアは6年目で、最初はWebバックエンドエンジニアとしてスタートしました。その後、
Chart.jsとは インストール サンプル パラメータ いくつかのサンプル ラインチャート(Line) 対数チャート(Logarithmic) 目盛を反転(Reverse) 時系列チャート(Time) 棒チャート(Bar) 積み重ね棒チャート(Bar:Stack) パイチャート(Pie) ドーナツチャート(Doughnut) 鶏頭図チャート(Polar) レーザーチャート(Radar) バブルチャート(Bubble) 散布図(Scatter) 複数軸(Multi Axis) プラグイン(Plugin) チャートを更新する(Update) デフォルト値を変更する Chart.jsとは JavaScript でグラフ(チャート)を描画するためのライブラリです。 MITライセンスで、商用・私用を問わず無償で利用可能です。 現在(2021年5月)の最新版は 3.2.1。3.x 系は 2.x 系と
メンテナンスし辛いMovableTypeをHeadlessCMSとして使えるようにAWS DynamoDB, S3を使って改修する
10年漬けのMovableTypeとか触りたくないですよね そして10年も記事がたまってると静的ファイルを生成する仕組みなので全再構築するとサーバースペックによっては１日以上かかり何万件・何十万件ものファイルが生成されたりします。 MobableTypeとウェブサーバーが別の場合は、rsyncで同期することが多いと思いますが、rsyncに負荷がかかりアクセスがない時でも重くなったりします。 また、MobableType管理外のファイルと管理下のファイルの見分けがつかないことや、生成されたHTMLもPHPを使って中途半端にSSRされていたり、運用コストが大変しんどくなっていきます。 MovableTypeのMTテンプレート自体もどんな処理がされるのか一目でわからなかったり、記事Modelが曖昧でバグが出やすくメンテナンスがしづらい欠点があります。テンプレートからバッチ処理が走るような記述が書
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 私 is 誰 今年の7月にドワンゴの教育事業部に異動し、N予備校でプログラミング講師をやることになりました。 現在は週2回ニコ生やN予備校上にてプログラミング入門コースの授業放送をしています。 ドワンゴ自体は7年目となり、ニコニコ動画の開発を4年、エンジニア教育やエンジニア採用を2年ほどやってきました。 この記事で書きたいこと 現部署に異動後、教材のインプットを兼ねて『N予備校プログラミング入門コース』を履修したのですが、明らかに難易度が僕の想像した "入門コース" から外れたガチ編成になっていて衝撃を受けたことが記事を書こうと思ったき
Running OCR against PDFs and images directly in your browser
30th March 2024 I attended the Story Discovery At Scale data journalism conference at Stanford this week. One of the perennial hot topics at any journalism conference concerns data extraction: how can we best get data out of PDFs and images? I’ve been having some very promising results with Gemini Pro 1.5, Claude 3 and GPT-4 Vision recently—I’ll write more about that soon. But those tools are stil
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かつてVueに詳しかったひとに捧げる2021年末のVue - Qiita
JavaScriptを活用したフロントエンド開発の最新動向――「Web TECH FORUM 2022」開催！
【Rails】新卒エンジニアが新規開発で得た学び - Qiita
Google Apps Script + gas-db + HTML を使った TODO アプリ
なぜ今、Web解析ツールが進化してるのか？ 今後の動向を予測【前編】 | 電通デジタルコラム特選記事
JavaScript broke the web (and called it progress)
誰でも分かるWeb3の原点（後編）｜加納裕三/Yuzo Kano
SPA を 軽量DDD と redux-saga で書いてみたら実装・保守が楽になった
Appleが独自の大規模言語モデルとチャットボットAI「Apple GPT」を開発中か
下にスクロールで非表示、上にスクロールで再表示する固定ヘッダーを実装する方法 | TechMemo
SEOフレンドリーなリンクを可視化するブックマークレット - Qiita
jquery.validate.js（jquery-validation）の使い方をまとめてみた
【jQuery】Ajaxのローディング時に、くるくる（スピナー）を表示
簡単導入！WP管理画面をBasic認証でセキュリティ強化する方法 – 情熱とこだわりと思いやり
今週学んだこと：Udemyのレッスンを受講してWordPressの使い手になる（その1） - ドミナゴのブログ
PjaxとSPAの違い - falsandtruのメモ帳
JavaScript／TypeScriptの非同期処理に向けたライブラリ「Axios 1.0.0」が登場
prijs Zoloft. Zoloft snelle levering | onze11.nl
Modern Front-End Development for Rails, Second Edition
jQueryのAjaxでPOST送信してPHPで受け取る方法【初心者向け】現役エンジニアが解説
フロントエンドとバックエンドのリアルタイム通信の選択肢を教えて下さい - Qiita
とほほのChart.js入門 - とほほのWWW入門
N予備校プログラミング入門コースで学べること - Qiita