Intel CPUのソケット形状のLGA1700, LGA1200, LGA1151, LGA1150, LGA1155, LGA1156の違いについてまとめました。それぞれが対応しているCPUやマザーボードの早見表もあり。

普段のお仕事に役立つ普遍的なプログラミングTIPSや、業界で注目度が高い最新情報をお届けする「編集部ピックアップ」。 今回は認知度が急上昇しているJavaScriptフレームワーク「Svelte」をご紹介します。 はじめに JavaScriptはプログラミング言語の1つで、Webサイトに動きをつけたり、Webアプリケーションで動的なコンテンツを提供するのに使用されます。JavaScriptには開発をサポートするフレームワークが数多くありますが、今回は2019年頃から認知度が急上昇し、「The State of JS 2021」でも高いユーザ満足度を獲得した「Svelte」をご紹介します。 Svelteとは SvelteはWebアプリケーションにおけるフロントエンド（画面）部分を構築するためのJavaScriptフレームワークです。 同様のフレームワークにはAngular、React、Vue

ソートやフィルター、ページングなど、一覧表にあればうれしい機能を簡単に付加出来るjQueryプラグインDataTables 。利用時に認識しておきたいオプション機能を一覧で整理しました。 本記事の想定読者 DataTablesでやりたいことがあるが、実現方法がわからないDataTablesでオプション指定できる内容を確認したい 基本的な利用方法についてはこちらをご参照ください。 【DataTablesの使い方】TABLEを簡単に多機能化(ソート/フィルター/ページング)【jQueryjQueryプラグイン】 ソートやフィルター、ページングなど、一覧表にあればうれしい機能を簡単に付加出来るjQueryライブラリ DataTables の使い方について解説していきます。

TauriはRustで書かれた軽量なGUIフレームワークで、Windows、macOS、Linux向けのデスクトップアプリを開発できます。2022年6月に最初の安定版であるバージョン1.0がリリースされました。 Tauriでは、メインプロセスはRustで記述しますが、UI（User Interface）にはWeb技術を利用します。ReactやVue.jsのようなJavaScriptフレームワークがそのまま使えるので、インタラクティブで見栄えの良いUIを簡単に構築できます。同種のフレームワークにElectronがありますが、後発であるTauriにはインストーラのサイズを小さくできるなどの強みがあります。 Tauriのロゴは、おうし座の二重星であるシータタウリ（θ Tauri）をモチーフ[1]にしており、Webとネイティブアプリの相互作用を意味しています。 図1 Tauriロゴ 本稿では、Ta

ウェブアプリケーションをRustで開発している、株式会社estie。今回開催された「Rust、何もわからない…」では、実サービスで活用されているRustについて、その活用方法の事例を紹介しました。estieでアルバイトとしてRustを用いたウェブアプリの開発に取り組んでいるkenkoooo氏。「actix-web」の活用について発表しました。 アジェンダの紹介 kenkoooo氏：では僕、kenkooooが「actix-webで快適Webアプリ生活」というタイトルで発表します。よろしくお願いします。 （スライドを示して）今日発表したいことは、actix-webというRustのWebフレームワークが、どれだけ使いやすいかということです。それから、これは立ち入った話なのですが、actix-webのミドルウェアという機能があって、それも今estie（株式会社estie）でけっこう使っているので、

その他詳細の料金プランページはこちら 今回はホビー用途となっているFreeプランを使います。無料でプロジェクトを2つ作ることができますが、APIを1週間未使用の場合はデータベースが一時停止となるようで再開する場合はダッシュボードから起動し直す必要があるようです。 サービスへの登録 では、早速Supabaseのサービスに登録を行っていきます。 Supabase.io Supabase.ioへの登録はGitHubアカウントを利用するようです。 「New Project」から新規プロジェクトを作成します。 プロジェクト名とデータベースのパスワード、リージョンを指定します。今回は「Tokyo」リージョンを選択しました。 「Create new project」を押下後、数分待つとプロジェクトが作成されます。 完了後に画面に表示されるProject API keyとURLを後ほど利用するのでメモして

オープンソースで開発されているウェブアプリ「Revolt」は、ゲーマー御用達のチャットアプリ「Discord」のように好みのサーバーを建ててテキストチャットやボイスチャットを楽しむことができます。そんなRevoltを実際に使って、使い方や機能を確かめてみました。 Revolt https://revolt.chat/ ・目次 ◆Revoltのアカウント作成 ◆初めてのサーバー作成 ◆他のユーザーをサーバーに招待する ◆ボイスチャットを開始する ◆まとめ ◆Revoltのアカウント作成 Revoltはオープンソースで開発されており、記事作成時点ではパブリックベータテストを実施中。テストに参加するには、公式サイトにアクセスして「Join Public Beta」をクリックします。 次に、「ベータ版のためバグが多く含まれている」という旨の注意書きが表示されるので「Continue」をクリック。

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました モバイルアプリやWebサイトで、FirebaseのFirestoreを使っている方もいるでしょう。Firestoreはクラウドのデータベースシステムですが、データをJSONで管理しているので、Firebaseの管理画面からでも見づらいのが問題です。 そこで使ってみたいのがFiretableです。Firetableを使えばFirestoreをまるで表計算のように表示してくれます。 Firetableの使い方 Firestoreの分かりづらい表示が、これほどまでに見やすくなります。 JSONはそのまま埋め込まれて表示されます。 クリックで詳細が表示されます。 Firetableでは画像やURL、数字、真偽値などによって表示される方式が変わります。カラムを追加したり、データを消したりする

HTML5ではIndexedDBというデータベースAPIが実装されています。しかし、若干利用法が独特な分、なかなか使いこなすのが難しいようです。昔ながらのRDBMSであったり、廃止になってしまったWebSQLデータベースの方が使いやすかったかも知れません。 今回紹介するsql.jsはSQLiteをEmscriptenを使ってJavaScriptで使えるようにしたライブラリになります。 sql.jsの使い方 デモです。SQLを実行できます。 結果も取得できます。 任意のSQLiteファイルを読み込めます。 sql.jsはSQLiteをWebAssemblyにし、実行できるようになっています。仮想ファイルシステムを使っており、インメモリで動作しています。そのため、Webブラウザをリロードしてしまうと消えてしまうのが難点です。その点さえ目をつぶれば、Webブラウザ上で自由にSQLを実行できる環境

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHub上でコードの閲覧ができます。編集機能もありますが、エディタとしての機能はあまり多くありません。普段使っているエディタ並の機能があれば、もっとメンテナンスしやすくなるでしょう。 今回紹介するgithub1sはGitHubのURL（github.com）に1sを付ける（github1s.com）だけでVisual Studio Codeで開いた状態にしてくれるサービスです。 github1sの使い方 開く前です。 1sを付けるとWebベースのVisual Studio Codeで開きます。 メニューもちゃんと使えます。 github1sは指定したGitHubリポジトリをVisual Studio CodeのWeb版であるCode Serverで開いてくれます（ドキュメントに

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 絵文字は今や世界中で使われている単語になっています。そしてiOSなどがバージョンアップする度に新しい絵文字が追加されています。もはや、そのすべてを把握している人は多くないでしょう。 そこで使ってみたいのがEmoji Finderです。絵文字を素早く検索できるツールです。 Emoji Finderの使い方 トップページです。 検索で該当する文字がリストアップされます。 一部検索にヒットしているのか、sushiと検索してこの結果。 Emoji Finderは結果の一覧から文字をクリックするだけで、その文字がクリップボードにコピーされます。ただし古いOSなどで該当の絵文字に対応していない場合はうまく表示できないので注意してください。 Emoji FinderはJavaScript製のオー

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 動画はバイナリフォーマットなので、テキストをコピーしたり、マウス操作で何か表示を変えると言ったインタラクティブ性はありません。ただ流れていく動画を見続けたり、速度を変化させたりする程度しかできません。 もっと動画をインタラクティブに楽しみたい、という願いを叶えてくれそうなソフトウェアがRactive-Playerです。 Ractive-Playerの使い方 中央にあるのがRactive-Playerです。動画のように再生できます。 再生速度の変更もできます。 実体はHTMLです。 マウス操作で背景の色を変えたり出来ます。 Ractive-PlayerはHTMLをまるで動画のように再生したり、停止できます。コンテンツはReactで作られています。レコーディングの機能もあるので、操作し