curl
Everything curl is a detailed and totally free book that explains everything there is to know about curl, libcurl and the associated project. Supports... DICT, FILE, FTP, FTPS, GOPHER, GOPHERS, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS, MQTT, POP3, POP3S, RTMP, RTMPS, RTSP, SCP, SFTP, SMB, SMBS, SMTP, SMTPS, TELNET, TFTP, WS and WSS. curl supports TLS certificates, HTTP POST, HTTP PUT, FTP uploading,
jq
jq is a lightweight and flexible command-line JSON processor. jq is like sed for JSON data - you can use it to slice and filter and map and transform structured data with the same ease that sed, awk, grep and friends let you play with text. jq is written in portable C, and it has zero runtime dependencies. You can download a single binary, scp it to a far away machine of the same type, and expect
curl コマンド 使い方メモ - Qiita
はじめに 「最近、curlが楽しい」 というわけで、最近、curlでPOSTしたりDELETEしたりcookieからSessionを読み込んだりと触れ合う機会が多かったので、その時知ったものを備忘録も兼ねてまとめました。 なるべく実行コマンドとその結果の出力をセットで書くようにしています。 curlコマンドは便利 curlは便利です。 APIと触れ合っていると、 手軽に HTTPリクエストしたくなる色んなシーンに出会います。 「あれ？ サーバー死んでる？」 「思ってたレスポンスと違うな、何が返されているんだ？」 「認証必須にしたんだけど、うっかり抜け道ないよね？」 「さくっとPOSTしてテスト用にデータ準備したいんだけど...」 ...etc こういった、とりあえず生で、くらいのテンションでHTTPリクエストしたいなら、curlは有力な選択肢の一つと思います。 もちろん、本格的な確認やデー
自動的にダークモードをサポートするモバイル アプリの開発 | エクセルソフト ブログ
Android と Apple のモバイル デバイスではダークモードと呼ばれる表示をサポートします。ダークモードでは白が黒、黒が白に表示され、他の色もそれに合わせて調整されます。ダークモードは表示に必要とする電力が普通の場合と比べ低いため、バッテリーの使用時間を延長でき、うす暗い環境でも読みやすいという利点があります。 Altova の MobileTogether というクロスプラットフォームのモバイル アプリ開発ツールでは、ユーザー設定を感知して自動的にダークモードを適用するモバイル アプリを開発できます。 ダークモードのサンプルを見てみましょう。 以下の 2 つの画像は、モバイル アプリを同じデバイスでライトモードとダークモードで表示しています。 これはソーラーパネルの発動電力と電気の消費量をメーターから読み取り、チャートにして表示するアプリです。 多くの一般家庭向けソーラー発電シス
究極に便利な検索サイトを作った【Ultimate search】 - Qiita
Qiita初投稿失礼します、たぬきっつぁんと申します。一応高校生です。 2年ほど前から勉強し始めたHTML/CSS/JavaScriptを使って初めて作った、ネット検索を便利にするために作ったサイトについて紹介します。初めて技術系の記事を書いたので読みづらい点もあると思いますが、よろしくお願いします。 更新（2021/07/01）：Instagramボタンの機能と検索機能を一部修正したため記事を修正しました 更新（2021/04/22）：Ultimate searchのキーワード選択メニューが自分でカスタマイズできるようになりました！ Googleっぽいサイトを作ってみたい！ 最初の動機はそんな感じでした。Googleのサイトってとてもシンプルなのでデザインだけなら自分のような初心者でも作れるのではないかと思った次第です。 しかし完全に同じサイトを作るのはただのコピーサイトになってしまうの
The industry standard for working with HTML in JavaScript | cheerio
cheerioThe fast, flexible & elegant library for parsing and manipulating HTML and XML. Proven syntaxCheerio implements a subset of core jQuery. Cheerio removes all the DOM inconsistencies and browser cruft from the jQuery library, revealing its truly gorgeous API. Blazingly fastCheerio works with a very simple, consistent DOM model. As a result parsing, manipulating, and rendering are incredibly e
SQL Tutorial/ja - SQLZoo
チュートリアル: SQLを段階的に学ぶ 0 SELECT basics 簡単なクエリーから始める 1 SELECT name パターンマッチのクエリー 2 SELECT from World 世界各国のプロフィールのテーブルのクエリー 3 SELECT from Nobel ノーベル賞の授賞者のテーブルを使った基本事項の追加練習 4 SELECT within SELECT クエリーを他のクエリーの中で使う 5 SUM and COUNT ここでは集計関数を扱う。/ ノーベル賞テーブルでSUMとCOUNT関数を練習 6 JOIN ここではgameとgoalsの2つのテーブルを結合する。/ 以前の音楽チュートリアルはこちらに 7 More JOIN operations ここではMovieデータベースのactorsとmoviesを結合する 8 Using Null ここでは学科の教員について
Nim Programming Language
Nim is a statically typed compiled systems programming language. It combines successful concepts from mature languages like Python, Ada and Modula. Efficient Nim generates native dependency-free executables, not dependent on a virtual machine, which are small and allow easy redistribution. The Nim compiler and the generated executables support all major platforms like Windows, Linux, BSD and macOS
'多重継承 | Programming Place Plus C++編【言語解説】 第３０章'
C++編で扱っている C++ は 2003年に登場した C++03 という、とても古いバージョンのものです。C++ はその後、C++11 -> C++14 -> C++17 -> C++20 -> C++23 と更新されています。 なかでも C++11 での更新は非常に大きなものであり、これから C++ の学習を始めるのなら、C++11 よりも古いバージョンを対象にするべきではありません。特に事情がないなら、新しい C++ を学んでください。 当サイトでは、C++14 をベースにした新C++編を作成中です。 これまでの章では、１つのクラスから継承を行って、派生クラスを定義していましたが、２つ以上のクラスから継承することも可能です。このような、複数のクラスから継承を行うことを、多重継承と呼びます。また、１つのクラスからの継承を、多重継承と対比させて、単一継承と呼びます。 多重継承を行うと、複
TSUTAYAコミック定額のおかげで自宅を漫画喫茶っぽくできた件 - ゆとりずむ
こんにちは、らくからちゃです。 どうも巷では、明日の天皇誕生日に合わせて4連休にするひとも多いようですね。先々週は、建国記念の日が木曜日でしたし、今年の2月は残った有給休暇が消化しやすいスケジュールですなあ。 ただ感染者数が減ったとはいえ、まだまだ緊急事態宣言が発令中ですし、遊びにも生きづらい世の中ですが、皆様いかがお過ごしのご予定でしょうか。 育休中でずーっと家にいますし、なんかお家時間を快適にできるものは無いかなあとアレコレ探してみたところ、中々イカすサービスをみつけたのでご紹介したいと思います。 こちらです。 tsutaya.tsite.jp TSUTAYAのコミック定額がアツい 音楽はサブスクで聞くようになり、映画もAmazon Prime Videoでだいたい事足りる時代になり、とんと行くことが無くなってしまったツタヤ。 どうも最近はコミックのレンタルなんかもしてたのね。ふーんと
Webpack では JavaScript の新構文を変換なしでバンドルできない : (*x).b=z->a+y/c
◆ webpack では loader が返す結果が JavaScript として正しくないといけない ◆ webpack 側でバンドルの変換のためかチェックされる ◆ babel-loader で新構文を transform なしで syntax プラグインのみで使うとエラー ◆ webpack 側で新構文に対応してない ◆ webpack 側の構文を追加するプラグイン設定はなさそう ◆ Parcel ならできるけど build で minify する (Terser 通す) 場合は無理な場合がある ◆ BigInt は Github の最新版では対応済みなのでもうすぐできそう BigInt とかクラスプロパティなどがそれにあたります こういったのを含めたい場合 Webpack では変換必須のようでした last 1 Chrome version だけまずは babel-loader に
Vue.jsでアニメーションして表示するモーダルウィンドウ
Vue.jsでアニメーションして表示するモーダルウィンドウ Vue.js を使用してアニメーションして表示するモーダルウィンドウを作ってみます。 投稿日2017年07月31日 更新日2017年07月31日 Vue.js 2.3 を使用します。 Vue.jsの環境は Vue Cli でインストールした環境とします。 App.vue モーダルの呼び出し元の App.vue です。 scriptの部分は、モーダルを表示フラグ用の変数showModalと、このあと作成するModalをインポートしてコンポーネントとして登録してます。 templateでは、ボタンをクリックしてモーダルを表示という簡単な処理ですね。 @closeは子コンポーネントで$emit('close')すると実行される処理です。 ここでは閉じるのでcloseとしていますが、任意の文字列で大丈夫です。 App.vue <templ
コンタクトフォーム（お問い合わせページ）の作り方
コンタクトフォーム（お問い合わせページ）の作り方 PHP を使った確認画面のあるコンタクトフォーム（お問い合わせページ）の作成方法についての覚書です。 ユーザが入力した値を保持しながらページ間を移動（遷移）するので、セッションを利用します。 セッションのセキュリティ対策としては、session_regenerate_id() 関数を使ってセッション ID を変更し、CSRF 対策としてセッションの開始時にトークン（ランダムな文字列）を発行し、そのトークンが一致する場合にのみ処理を実行するようにしています（※但し、session_regenerate_id を 呼ぶことでセッションが消失する可能性があります）。 また、JavaScript を使った入力値の検証や自動返信、PHPMailer を使ったメールの送信（Gmail SMTP サーバ）や reCAPTCHA v3 を使ったスパム対策の
JavaScriptでブラウザ側のsessionを使う方法 - 脳汁portal
使用法 // セッションの格納 window.sessionStorage.setItem(['キー名'],['値']); // セッションの数の取得 window.sessionStorage.length // セッションの値の取得 window.sessionStorage.getItem(['キー名']); console.log(a); // => value1 // 指定したセッションの削除 window.sessionStorage.removeItem(['キー名']); // 全てのセッションの削除 window.sessionStorage.clear(); Example window.sessionStorage.setItem(['key1'],['value1']); window.sessionStorage.setItem(['key2'],['value2
Crystal : The Crystal Programming Language
Syntax Crystal’s syntax is heavily inspired by Ruby’s, so it feels natural to read and easy to write, and has the added benefit of a lower learning curve for experienced Ruby devs. # A very basic HTTP server require "http/server" server = HTTP::Server.new do |context| context.response.content_type = "text/plain" context.response.print "Hello world, got #{context.request.path}!" end puts "Listening
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
Mint
The programming language for writing single page applications. Mint has all the tools you need to write error free, easily readable and maintainable applications in record time. component Counter { state counter = 0 fun increment { next { counter: counter + 1 } } fun decrement { next { counter: counter - 1 } } fun render { <div> <button onClick={decrement}> "Decrement" </button> <span> <{ Number.t
クローゼットガール - 朱井よしお | 少年ジャンプ＋
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
[Git] blameコマンドで特定の行がいつ変更されたのか調べて、バグの混入を見つける - YoheiM .NET
こんにちは、仕事でもプライベートでもGitにお世話になっている@yoheiMuneです。 今日は、git blameというコマンドを使って、特定の行がいつ誰のコミットで変更されたのかを調べる方法をブログに書きたいと思います。「これいつの間に追加されたんだろう〜」というのを調べるのに非常に便利です。 目次 git blameの使いどころ git blameを使うことで、各行ごとにそれが変更された最終コミットを知ることができます。その機能を利用することで以下のようなユースケースに対応できます。 この行バグってるんだけど、誰のいつのコミットで追加されたんだ？ このメソッドの引数がいつの間にか拡張されているんだけど、誰がどんな目的で拡張したんだろう？ こんな感じで、特定の行の実装内容が気になった時に、過去を遡ることができます。 git blameコマンド 基本編 早速ですがgit blameコマン
![[Git] blameコマンドで特定の行がいつ変更されたのか調べて、バグの混入を見つける - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/b69d8634399a6bc273b1d19577ba1f9e07532423/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F444.jpg)
TypeScriptでWebAPIを実行する - なになれ
TypeScriptの開発環境ができたので、とりあえずWebAPIを実行するプログラムを作ってみました。 hi1280.hatenablog.com 今回はQiitaのAPIを使いました。 https://qiita.com/api/v2/docs 使用モジュール axios https://www.npmjs.com/package/axios コード main.ts #!/usr/bin/env node import axios from "axios"; import { Qiita } from "./qiita"; export async function main() { const res = await axios.get<Qiita[]>("https://qiita.com/api/v2/items"); console.log(res.data); return
axiosで非同期通信(React+TypeScript使用)
今まではjQueryでAjax(非同期通信)をしていましたが、 ReactやVueで非同期通信をする場合自分で組まないといけない状態です。 さすがに1からHTTPコマンドを叩いてくのは非効率なので、 axiosというPromiseベースのHTTPクライアントモジュールを使っていきます。 Node.jsのモジュールなのですが普通にブラウザでも使えるので、 ReactとVueで作るSPAにも採用される事が多く恐らくフロントエンドでは axiosがデファクトスタンダードになっているのではないでしょうか？ axiosの使い方はすごく簡単なので私も基本的にReact製のツールではよく使っています。 今回はTypeScriptを使ってES6とES7での書き方をご紹介するので、 ご自分の環境に合わせておつかいください。 ネタバレするとES6で書いた方が扱いやすいです。 というかTypeScriptを使う
3分でできるnpmモジュール - Qiita
まずあれです、タイトルは盛りました。 実装は3分じゃおわらないよ!! でも公開のための作業は3分くらいで行けるんじゃないかと思います。 作ったものを、公開したくてうずうずしている方は、ぜひ読んでみてください。 [1分目] npmアカウントを作ろう npmの公式ページから なにはともあれ、npmの開発者として登録しましょう。 https://npmjs.org/signup から、「Make it so.」しましょう。 特筆するようなことはないですが、すぐに使うので username password email address は、ちゃんとメモしておきましょう。 npm adduser 登録ができたら、ターミナルからnpm adduserを実行します。 すると、username・password・email addressを聞かれるので、 先ほど作ったアカウントのものを入力します。 これで
モジュールをHMRに対応するための実装について - Qiita
HMR（Hot Module Replacement）はWebpackが提供する、ブラウザのリロードをすること無くアプリケーションのJSを更新する開発ツールです。 ReactではBabelやWebpackのプラグインでアプリケーションコードに注入することで実現していますが、React以外でもHMRを行うことができます。ただし、HMRに対応させるためにはいくつかモジュールやアプリケーションに合わせた実装が必要です。 ReactがどうやってHMRに対応しているかを理解するため、Reactでないアプリケーションで必要な実装について、そしてReactの場合何をやっているかをまとめました。 このエントリの内容については、（そのままではありませんが）githubにあげているので参考にして下さい。 また、HMRを含めた環境のセットアップはReact開発環境を構築する時に出てくるbabelやwebpack
GitHub - roadrunner-server/roadrunner: 🤯 High-performance PHP application server, process manager written in Go and powered with plugins
RoadRunner features a range of plugins, including HTTP(S)/2/3 and fCGI servers that are compatible with PSR-7/PSR-17 standards. This is just one of its many capabilities. It serves as an effective alternative to the traditional Nginx+FPM setup, providing improved performance and more flexibility. Its extensive plugin options go far beyond just HTTP(S)/2/3 and fCGI servers, offering a broad range o
TypeScript 4.2 覚書
こちらの記事のまとめになります。 タプルの先頭と途中でもRest Elementsを置けるようになる タプルの先頭と途中にRestElementsを置くことができるようになります。 タプルいいですよね。僕は好きです。 // leading Rest Element let a = [...string[], boolean]; a = [true]; a = ['1', '2', false]; // middle Rest Element let b = [boolean, ...string[], number]; b = [true, 10]; b = [true, 'a', 'b', 2];
楽天モバイルの基地局の探し方
楽天が2017年12月14日、携帯電話事業への参入を発表し、楽天モバイルとして2019年10月1日に先行サービスを開始、2020年4月8日に正式サービスインしました。 その後続々と基地局を稼働させ、エリアを展開しています。 楽天モバイルは当初の計画から5年前倒しして、2021年夏には人口カバー率で96％の達成を目指すとしています。 しかしながら、ゼロからエリア展開することは大変な労力が必要で、残念ながらエリアに穴が生じがちです。 そこで気になってくるのが基地局の所在場所です。 私自身も、ある日突然自宅が圏外になり、基地局を探し始めました。 ツイッターなどを見ると探し方のノウハウがあるにはあるのですが、まとまった情報が無く、試行錯誤の連続でした。 このページでは、私がネットの海を泳いで見つけた楽天モバイル基地局の探し方をまとめます。 みなさんの情報提供に感謝いたします。 楽天モバイルの基地局
管理職のための役職引退マニュアル | DevelopersIO
はじめに クラスメソッド株式会社で取締役及びAWS事業本部の本部長を努めております、佐々木と申します。 私は2014年1月にソリューションアーキテクトとして入社後、2015年7月よりAWSエンジニア部門の部長になりました。また事業拡大に伴って営業部門などを集約することとなり、2018年7月よりAWS事業本部の本部長となりました。この6年間、AWS事業部門のトップとして業務に従事しておりましたが、この度2021年6月をもって本部長を引退することにしました。 部長や本部長などの事業責任者は引退が難しいポジションのように思えるかもしれませんが、きちんと順序だてて計画すればスムーズに引退することが出来ます。この記事では、役職をどのようにして引退したら良いのかをご紹介します。 なぜ役職を引退するのか 最も大きな理由は「キャリアの固定化を防ぐこと」です。 私は本部長という役職で、事業本部の中に部があり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
node-nightlyを使ってwebpackをデバッグする | taisablog
Vue + typescript について (vue-class-component, vue-property-decorator って何？) - Qiita
GitHub - vuejs/vue-class-component: ES / TypeScript decorator for class-style Vue components.
GitHub - vuejs-jp/hol-vue-ts-basic: Vue.js 初心者向けハンズオン - Visual Studio Code, TypeScript, Element 編
Google 検索 - Google 検索の仕組みを確認する
HashTag search
Introduction | Vue Test Utils
GitHub - mint-lang/mint: :leaves: A refreshing programming language for the front-end web
オブジェクト指向とは何だったのか？ – ゆびてく
GitHub - jvalen/pixel-art-react: Pixel art animation and drawing web app powered by React
naoRogue
vue-axios
Fetch vs. Axios - comparison
Metabase | Business Intelligence, Dashboards, and Data Visualization
自作CLIを作成する - Qiita
reload
【React】Fast Refresh を有効にする - Qiita
RoadRunner : a high-performance PHP application server
Constantly have to reload PHP-FPM