こんにちは、SSTでWeb脆弱性診断用のツール(スキャンツール)開発をしている坂本(Twitter, GitHub)です。 5月のGW明けごろに、社内のエンジニア向けにJava開発のスキルアップサポートを行う機会がありました。 コロナの影響で在宅となったため、Google Meets を使ってリモートでJava開発についての細々としたノウハウを若手エンジニアに伝授しました。 「細かすぎたかな・・・」と不安になりましたが幸いにも好評だったので、ざっくりとした箇条書きになりますがこちらでも公開します。 対象読者 : 中級レベルにステップアップしたい Java ビギナー（Javaの入門書を1 – 2冊、環境構築も含めて写経したくらいを想定） なお一部には坂本個人の意見も混ざっています。参考程度にとどめ、もし所属するチームで定められたルールやレギュレーションがあったり、読者自身のこだわり/意見があ
2021/10/12更新 目次 Service Workerとは Service Workerでできること Service Workerの制限 Service Workerのライフサイクル 動作するまでの流れ Service Workerの登録 Service Workerのインストール Service Workerの有効化 キャッシュ制御 キャッシュ対象ファイルの準備 リクエストに対する応答「キャッシュに無ければネットワーク」 リクエストに対する応答「ネットワークがダメならキャッシュ」 リクエストに対する応答「オフライン不可である旨を表示」 古いキャッシュの削除 ユーザーによるキャッシュ削除 個人的に感じた疑問 Q. Service Workerとブラウザキャッシュはどのような関係にあるのか？ Q. 何らかの誤りにより更新ができなくなってしまうようなことは起きないのか？ Q. どんなリク
これはKLab Engineer Advent Calendar 2021の20日目の記事です。 12月11日～12日にオンラインで開催されたTokyo Demo Fest 2021（以下、TDF）に参加しました。 TDFは、日本国内で唯一のデモパーティです。 リアルタイムに映像や音楽を生成するプログラムを「デモ」と言い、デモを鑑賞したり完成度を競ったりして楽しむイベントを「デモパーティ」と言います。 「デモシーン」はデモやデモパーティを中心としたコンピューターのサブカルチャーです。 今年のTDFでは、『Alien Spaceship』という作品を発表しました。 Released "Alien Spaceship" at GLSL Graphics compo, #TokyoDemoFest 2021 It's running on #GLSLSandbox Only 1Pass Shad
Rubyで未定義のローカル変数を呼び出すとNameErrorになり、未定義のインスタンス変数を呼び出すとnilが返る理由はなんですか？
回答: Ruby開発開始時からの基本的な原則として、宣言されるもの(定数、ローカル変数、メソッド)は未定義アクセスはエラー、宣言されないもの(グローバル変数、インスタンス変数、HashやArrayの要素)の未定義アクセスはnilという風に決めました。すごく深い理由があったわけではなくて、Perlを参考にしただけですが。 今思えば、ここをnilでなく、エラーにしておけば間違いが見つけやすかったかもしれませんね。でも、initializeで毎回すべてのインスタンス変数の初期化が強制されるのは、やっぱりRuby的ではなかったかもしれません。 「ローカル変数の宣言？」と思った人もいるかもしれ...
JavaScriptのPromiseを聞いたことはあるでしょうか？ 非同期処理を行うときに使う・・・くらいのことは聞いた人がいるかもしれません。 この記事ではJavaScriptのPromiseを使った何ができるかを、サンプルコードを使いながら解説します。 JavaScriptのPromiseとは何なのかを、非同期処理とコールバックを交えて解説します。 またサンプルコードを使って、Promiseを単独およびチェインで実行する方法から、同時に複数の非同期処理を実行する方法まで解説を行います。 最後にエラーハンドリングについても、簡単に説明します。 Promiseとは PromiseとはJavaScriptにおいて、非同期処理の操作が完了したときに結果を返すものです。 非同期処理とは、ある処理が実行されてから終わるまで待たずに、次に控えている別の処理を行うことです。 なぜこのような仕組みがある
Session(セッション)やCookie(クッキー)という単語は嫌というほど聞いているにも関わらず認証やフォームでLaravelがうまく制御してくれているので詳細を理解せずに利用している人またはSessionやCookieの仕組みはなんとなく理解できているけど実際にどのような情報をやり取りしているのかわからないという人を対象に”Laravel”でのSessionとCookieについて説明を行っています。 Sessionはサーバ(Laravel)側、Cookieはクライアント(ブラウザ)側で管理を行いデフォルトではサーバ側のSession情報はファイルの中に保存されます。ファイル以外にもSessionを保存する方法は複数あるので今回はテーブルを使って確認していきます。テーブルを利用するのはSession情報の管理は1つの方法でなく複数存在し、他の管理方法を知ることでSessionの理解を深
【JavaScript】続・自動生成迷路 - Little Strange Software
幅: 高さ: どうも！LSSです！！ 昨日の【JavaScript】自動生成迷路！を手直ししてみました。 変更点 コード JavaScriptで配列変数のリセット アロー関数 分かりにくい、といえば… 変更点 ぱっと見で分かる通り、「壁が薄いタイプ」の迷路にしました。 実は元の迷路自体、奇数列・行と偶数列・行で壁か通路かがわかれるタイプの迷路だったので、列ごとの幅・行ごとの高さを変更するだけでしたがｗ また、壁の色も黒ベタから濃灰色に変更しています。 特に迷路として見る分には支障ないと思いますが、どうでしょう？ ※ここから下、JavaScriptについてつらつら書いています。 コード <p>幅:<br /><input id="rgx" style="width: 100%;" max="60" min="5" type="range" value="15" /></p> <p>高さ:<b
0. はじめに 前回に引き続き連載ネタ第2弾です。 今回は前回の成果物を使ってPythonでGUIアプリを作成してみようと思います。 TkinterというPythonの標準GUIライブラリでもいいのですが、はっきり言ってPySimpleGUIの方がいいと感じたので、今回はPySimpleGUIを使用したGUI作成をやっていきます。 【第1回】Pythonで簡単に日本語OCR ※前回記事 【第2回】PythonでオリジナルGUIアプリを作成 ←今回はこの記事 【第3回】Pythonで作成したアプリをexe化して配布する 動作環境 OS : Windows10 pro Python : 3.8.3 PySimpleGUI ：4.55.1 Tesseract : 5.0.0 (OCR部分) pyocr : 0.8 (OCR部分) jupyter notebook 1. どんなアプリを作る？ 前
この記事は｢はてなエンジニア Advent Calendar 2021｣の12日目の記事です. qiita.com 昨日は id:cohalz の｢distrolessのnonrootイメージを使おう｣でした. cohalz.co 関数のエクスポート Perlのパッケージには, "エクスポート"という概念があります. 例えば, 次のようなモジュールがあったとしましょう: package MyPkg; sub f1 { ... } sub f2 { ... } sub f3 { ... } パッケージMyPkgに定義されたf1, f2, f3の関数をパッケージの外から呼び出すには, 通常次のように呼び出す必要があります: use MyPkg; MyPkg::f1(); MyPkg::f2(); MyPkg::f3(); いちいち MyPkg を書くのは面倒, ということで用意されたのが Ex
この本の概要 コンピュータアーキテクチャ，とくにCPUの命令セットアーキテクチャについて，RISC-Vを例に「上のレイヤからアプローチする」ことで理解を深めることを目的とした一冊。本書を一通り読み終えるころには，低レイヤに対する一段上の実力がついているはずです！ こんな方におすすめ 性能向上などのためにコンピュータアーキテクチャを理解したいエンジニア RISC-VやLLVMへの理解を深めたいエンジニア この書籍に関連する記事があります！ 「低レイヤ」を，なぜ・どうやって学ぶのか コンピュータアーキテクチャ，とくにCPUの命令セットアーキテクチャについて，RISC-Vを例に「上のレイヤからアプローチする」ことで理解を深めることを目的とした一冊。本書を一通り読み終えるころには，低レイヤに対する一段上の実力がついているはずです！ 第1章：コンピュータアーキテクチャとISAの基礎知識 コンピュータ
Next.jsでウィンドウオブジェクトにアクセスする方法 | 初心者向け解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
本日はNext.jsでウィンドウオブジェクトにアクセスするいくつかの方法を初心者向けに解説していきます。 NextJSでWindowが定義されていないのはなぜですか? Next.jsで"window is not defined"を回避するには？ useEffectフックを使用する 型のチェック globalThisプロパティを使用する 組み込み関数でウィンドウオブジェクトにアクセスする 最後に Next.jsを使用するときに遭遇する可能性のある非常に一般的なエラーは、ウィンドウオブジェクトにアクセスした際に返されるエラーです。 Next.jsではWindowは定義されておりません。 Next.jsアプリで HTML DOMからウィンドウオブジェクトにアクセスしようとすると以下のエラーがスローされます。 Unhandled Rejection (ReferenceError): windo
1. はじめに本記事では、OpenAIのChatGPTを利用して、特定のキャラクターの再現を行う方法について学びます。ここでの「キャラクター再現」とは、特定のキャラクターの性格や特性を元にした会話モデルを作成することを指します。 実際のデモコードは下記です。 このコードについて解説をしていきます。 ※使い方。APIキーを入れて１から順に▶連打。以上 2 Vector(ベクトル)とは？Vector（ベクトル）は、情報やデータを数値の一連の配列として表現したものです。この技術を使うと、複雑なテキスト情報もコンピュータが理解しやすい数値の形に変えられます。 2.1 テキストのVector化とは？テキストの「Vector化」とは、単語や文章を数値の配列、つまりベクトルに変換することです。これにより、コンピュータはテキストの意味や関連性を数値として捉えられるようになります。 2.2 埋め込みベクトル
[Electron] 設定情報をローカルファイルに簡単保存 - electron-store - ねこの足跡R
設定情報やちょっとしたデータの管理にレンダラープロセスの場合はWebStorageやIndexedDBが利用できますが、メインプロセスでは自力でファイルに保存する処理が必要でちょっと面倒。そんな時に利用するのがelectron-storeです。手軽にデータの永続化ができます。 今回はこのelectron-storeを利用しウィンドウの位置とサイズを記録、次回起動する際に復元するサンプルを作成します。 ソースコード 準備 基本的な原理 利用方法 どこに記録されるの？ サンプル デモ メインプロセス レンダラープロセス おまけ 保存先やファイル名を変更する データファイルを暗号化する Validationを行う 参考ページ ソースコード 実際に稼働するソースはGitHubからも確認できます。 github.com 準備 npmで一発で入ります。 $ npm install electron-s
![[Electron] 設定情報をローカルファイルに簡単保存 - electron-store - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e9be8aef0118268156082aa635bee6a59c75d5f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkatsube%2F20231125%2F20231125062853.png)
カウプラン機関極東支部
“黒魔術は死なぬ、何でも蘇るさ！ 黒魔術こそ人類の夢だからだ！” 技術書典8での新刊『Pythonの黒魔術』のサポートページです。 タイトル： Pythonの黒魔術 概要： Pythonの黒魔術を解説した本です。 ここで「黒魔術」とは、高度でマニアックな機能を意味します。 この本を読めば、普通ではできないことができるようになります。 また各種フレームワークのソースコードが理解できるようになります。 執筆の背景： Pythonの有名なフレームワークでは、さまざまな黒魔術が使われています。 たとえば、SQLAlchemyでは「演算子オーバーロード」が、pytestでは「構文木変換」が使われています。 しかしPython界隈では「黒魔術を使うべからず」とされているので、これらの技術を学ぶ機会が限られています。 その結果、若者がフレームワークのソースコードを読んでも理解できないという事態が起こって
AWS LambdaからRDS Proxy経由でAmazon RDSに接続してみる - サーバーワークスエンジニアブログ
DS課の古川です。 RDS Proxyの登場により、AWS LambdaとAmazon RDS間接続のボトルネックを回避できるようになりました。 今回は、RDS Proxyを経由してAWS LambdaからAmazon RDSに接続する手順を試してます。 はじめに 最大同時接続数 LambdaとRDBの接続 RDS Proxy リソース Security Group Lambda用 RDS Proxy用 RDS用 手順 1. データベースを作成 2. 接続テスト 踏み台サーバー or Cloud9を用意 RDSに接続 テスト用のテーブルを作成 3. Secrets Managerの設定 4. RDS Proxyの起動 5. Lambda関数の作成 serverless.yml lambda_rds_proxy.py 6. Lambdaを実行 気をつけるポイント 参考 はじめに 最大同時接続
JestでjQueryアプリのテストを綺麗に書くための考察: JestとjQueryの初期化処理を徹底解剖する | Wantedly Engineer Blog
この記事の概略jQueryのコードをテストするには、作成したDOM環境をどのように初期状態に戻すかが問題になる。この問題の最適な解決策を探るため、JestやjQueryの初期化処理がどのように行われているかを詳細に追った。異なるトレードオフを持ついくつかの解決策が考えられるが、我々はアプリケーション側に手を加え、初期化処理を繰り返し実行できるようにするのが最適だと判断した。はじめにWantedlyのDX (Developer Experience) チームでは、自動テスト文化のさらなる普及を目指して環境整備などの活動を行っています。 その一環として、jQueryアプリケーションにもユニットテストを導入する試みをしています。そのために必要なリロード戦略について調査しました。 なぜ今jQueryなのかWantedlyでは2016年頃にReactを導入していますが、それ以前に作られたページではR
mallocはOSからメモリを動的に確保する？ mallocをするとOSからメモリを確保出来る。 mallocで確保したメモリはfreeでOSに返される。 一体どこの誰だ、こんな嘘の解説を世に出したのはぁ！ こんな説明がまかり通っているから、初心者の脳内メモリイメージが何だかよく分からない、お花畑な状態になってしまうのだ。 なんかOSっていうスゲーのが何かしてるらしい。よくわからないけど、なんか駄目って言われてるから2回解放したら駄目らしい。使ったら解放しないと駄目って言うから解放したけど、何か動かない。なんか駄目って言われたから、やっちゃ駄目なことは分かるけど、逆に何をしても良いのか実はわかってない。 どうも、こんな感じのイメージになっているっぽい。 同じ嘘をつくなら、mallocはOSからメモリを確保しない、freeはOSにメモリを返さないと説明した方がまだマシである。 なぜなら、ma
自作Cコンパイラでセルフホスティングを達成した
低レイヤを知りたい人のためのCコンパイラ作成入門（以降「低レイヤ」）を参考にして作り始めたCコンパイラがようやくセルフホスティングできるようになったので、 今までの経験をメモしておく。 リポジトリはこちら：https://github.com/tyfkda/xcc 動機XV6という学習用OSをひとまず使えるものにしたいなぁと思っていて、Cコンパイラが動けばXV6上で開発できるようになるのでぜひとも動かしたいと思っていた。 しかし既存のソースだとCからアセンブリを出力するだけで、アセンブラやリンカはgccを使うとかしていることが多くて、そのままだと動かすのが難しいのではないかと思っていた。 「低レイヤ」もその方式なんだけど、それを直接バイナリを出力する方法で実装したらできるのではないかと、始めてみた。 進め方「低レイヤ」では最初に整数１個をコンパイルできるだけというミニマルな状態から始めて、
みんな大好きGoogleAppsScriptで、2020年2月よりES2015以降のナウい構文が利用できるようになりました。 Historically, Apps Script has been powered by Mozilla's Rhino JavaScript interpreter. While Rhino provided a convenient way for Apps Script to execute developer scripts, it also tied Apps Script to a specific JavaScript version (ES5). Apps Script developers can't use more modern JavaScript syntax and features in scripts using the Rhino
![[GAS] V8ランタイムを有効にし最新のECMAScriptを動かす - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/e22239975e1a982d6ba111b888b4e30816b6f5aa/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061407041%2F1701427022)
はじめに この記事では、RiverpodとFlutter Hooksを使う、はじめの一歩として、 カウンターアプリを作ってみようと思います。 今回作成したコードはこちらのリポジトリに公開しています。 https://github.com/karamage/riverpod_flutterhooks_example Flutterの状態管理パターン みなさん、Flutterの状態管理パターンは、何を使っていますでしょうか？ Flutterの状態管理パターンはいっぱいあります。 大すぎですｗ StatefulWidget Redux BLoC(Stream/InheritedWidget) + Provider ChangeNotifier + Provider StateNotifier + freezed + Provider StateNotifier + Flutter Hooks +
WordPress 5.5の素晴らしい新機能—新リリースの詳細
WordPress 5.5の素晴らしい新機能—新リリースの詳細 WordPress 5.5がもうすぐリリースされるため、今年の2番目のWordPressリリースでコアに追加される最も注目すべき変更点と新機能を紹介する時が来ました。 最近では、WordPressの各リリースでブロックエディターに多くの機能が追加されるのに慣れています。WordPress 5.5も例外ではありません！ 一方、今回のバージョンでは、CMSの使用方法に大きな影響を与えるが、エディターに関連しない多数の変更も行われています。 WordPress 5.5ではWordPressのコアに多くの変更が加えられていますが、5.5で待ち望まれていた機能の一部は、未解決の課題のために遅延され、このバージョンから削除されました。したがって、フルサイト編集、ナビゲーションブロック、ナビゲーション画面と、ウィジェット画面はWordPre
Last Commit Date of Markdown Sources: Tue Oct 25 10:20:24 2022 +0000 i The Rust Programming Language 日本語版 著：Steve Klabnik、Carol Nichols、貢献：Rust コミュニティ このテキストのこの版では Rust 1.58（2022 年 1 月 13 日リリース）かそれ以降が使われているこ とを前提にしています。Rust をインストールしたりアップデートしたりするには第 1 章の「インス トール」節を読んでください。 HTML 版は https://doc.rust-lang.org/stable/book/で公開されています。オフラインのときは、 rustup でインストールした Rust を使って rustup docs --book で開けます。 訳注：日本語の
2021年4月28日紙版発売 2021年4月23日電子版発売 縣俊貴 著 A5判／264ページ 定価2,948円（本体2,680円＋税10%） ISBN 978-4-297-12048-1 Gihyo Direct Amazon 楽天ブックス ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 読みやすく保守しやすい「良いコード」の書き方を解説した入門書です。本書を読むと，良いコードを書くための習慣から，名前の付け方，コードの分割や集約を行う方法，抽象化の作法，計算量とアルゴリズム，ユニットテストやメタプログラミング，そして簡単なフレームワークの自作まで，プログラマーとして長く役立つ基本が身に付きます。 2011年に刊行し
はじめに プログラミングの勉強を進めていくとオブジェクト指向の話が出てきます。 なんとなく分かったつもりでいても、オブジェクト指向言語を使えばいいというものではなく、その考え方をちゃんと理解しながら使っていかなければ身につきません。 ここでは例として生活の中で分かりやすい対象としてテレビと新聞を見る動作をjavascriptで表現してみました。またそのソースコードに少しずつオブジェクト指向を取り込んで発展していくように書いています。 皆さんもなにか身の回りのものをスクリプト化して挑戦してみてください。 オブジェクト指向とは ソフトウェアの設計や開発において、操作手順よりも操作対象に重点を置く考え方をオブジェクト指向といいます。すでに存在するオブジェクト（データと手続き）については、利用に際してその内部構造や動作原理の詳細を知る必要はなく、外部から指示を送れば機能するため、特に大規模なソフト
PIC,PIE,shellcode,ASLR
戻る おまけ : PIC,PIE,shellcode,ASLR 最後に、知っておくといい話題として、 昔からよく使われるPICと呼ばれるプログラムの形式について説明し、 メモリ破壊バグが引き置こすshellcodeの紹介、 それからPICを応用してshellcodeの問題を緩和する手法である ASLR について説明しておこう。 PIC (Position Independent Code:位置独立コード)とは、どんなアドレスに配置されても動作する機械語コードのことだ。 ここまで説明してきた機械語プログラムは、PICではなかった。例えば、次のELF実行ファイルを考えよう。 pic_pie/no_pic.s .globl _start .text _start: incl data0 mov $60, %rax syscall .data data0: .long 8 $ as -o no_p
JavaScript ES6モジュールシステムの基本的な使い方：初心者向け完全ガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
このチュートリアルでは、JavaScriptのES6（ES2015）モジュールを作成し、使用する方法を解説します。 JavaScriptモジュールを使い始めるために必要な全ての情報を提供します。 モジュールシステムの歴史 ES6 moduleとは？なぜ必要？ ブラウザでES6 module 名前付きエクスポート 名前空間のインポート export default Node.jsでES6 module 注意すべき重要な機能 ES6 moduleの利点 最後に モジュールシステムの歴史 JavaScriptには長い間、モジュールシステムがありませんでした。 以前のアプリケーションは単純で小規模であり、コードも単純でした。 しかし、アプリケーションが改善されて肥大化するにつれて、コードも大きくなり、管理するために複数のファイルに分割する必要性が生じました。 そこで、モジュールの概念が生まれました
マイクロサービスのロギングベストプラクティスとGoの実装の場合 - RareJob Tech Blog
こんにちは、プラットフォームチームの池田と申します。初投稿です。 プラットフォームチームではマイクロサービスアーキテクチャの構成を採用し開発を進めています。 どんな構成でも忘れてはいけないのがロギング。いわゆる非機能要件の1つで地味な存在ですが、サービス運用を支える上で非常に重要です。 直近でマイクロサービスにおけるロギングの構成を調査し、プラットフォームチームでメインで採用しているGo言語での実装を検証しました。 今回の記事ではそのまとめを紹介します。 目次 目次 ロギングベストプラクティス for マイクロサービス リクエストにユニークなIDを付与し紐付けができるようにする ログは一箇所に集める ログデータを構造化する ログに有益な情報を持たせる どのサービスでも共通で持つのが望ましいフィールド リクエストのエントリーポイントとなるサービスで持つのが望ましいフィールド Go言語での実装
【PHP入門】GETとPOST Vol.8【初心者向け】 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、CTOの奥田です。 先日、Twitterでお誘いをいただき「関西のイケてる人たち」の飲み会に参加させていただきました。 参加メンバーの方は現場でバリバリやっておられる方や、フリーランスの方、経営者の方などすごい方ばかりで非常に恐縮でしたが、すごく良い刺激をいただきました。 「奥田さんのブログ見ましたよ」って言っていただき嬉しい限りです。 神戸というローカルな場所ではありますがこれからもコツコツとより良いモノを作っていきたいと思います。 さて今回はPHPの内容というよりはどちらかというとHTTPの仕様のお話になります。 ただ、PHPとは切っても切れない関係ですので必ず覚えておくと今後の学習にも役立つと思います。 Table of contentsGETとPOSTGETPOST使い方の違い注意すべきことさいごに HTTPとは、データをサーバとクライアント間で送受信するために用いるプ
前章では，継続を利用すれば実行中のプログラムが自分の状態を把握し， それを保存して後で再開することができることを示した． この章で扱う計算処理のモデルは， 計算機が単一のプログラムを実行するのでなく，独立したプロセスの集合を実行するというものだ． プロセスの概念はプログラムの状態という概念と深い対応関係にある． 前章で示したマクロの上にさらにもう一層のマクロを書くことで， Common Lispプログラムの中に複数プロセスを埋め込むことができる． プロセスの抽象化 複数プロセスは，複数の処理を同時に行わなければならないプログラムを表現するのに便利だ． 伝統的なCPUはインストラクションを1つずつ実行する． 「複数プロセスは同時に複数の処理を行う」というのは， このハードウェア上の制限をどうにか乗り越えるという意味ではない． それを使って，抽象化の新たな段階でものを考えられるようになるという
低レイヤを知りたい人のためのCコンパイラ作成入門を3ヶ月くらいかけてやってみた。 目的はおもちゃCコンパイラを作って、最適化の実装をいろいろ試したかったのだけど全然そこまで行かず。 www.sigbus.info C言語で外部ライブラリなどを使わず一からCコンパイラを作っていきます。細かくステップが分かれていて、順番にやっていくと少しずつコンパイラの機能が増えていきます。三ヶ月かけて、執筆してあるステップ25くらいまできました。ここまでやって、基本的な演算、配列、ポインター、関数呼び出しができる程度です。できないこともまだまだあります。今時のコンパイラの本だと仮想マシーンで動かすのですが、実機で動くアセンブラを出す所も特徴的です。生成したアセンブラのコンパイラ、リンクはgccを使ってます。 大変だったけどとても面白かったです。ぜひ皆さんも挑戦してください。 今回はRust力を上げたかったの
はじめに 来年の2017年にリリース20周年を迎えるPaper Plane xUI(以下PPx)の紹介をします。 公式はこちらです:TORO's Library PPxはどんなファイラー? 以下は2chのPPxスレからの引用です。 主な特徴、できること ウィンドウの独立・連携・重ね合わせ・一体化・タブ化 migemoを利用したファイル選択 正規表現・連番によるリネーム ジェスチャ・D&Dなどのマウス操作 アイコン・サムネイル・ツリー表示 拡張子毎の色分け、拡張子・ファイル内容の自動判定による独自関連づけ キー・マウス・エントリ・メニュー・隠しメニュー・ツールバーなどのフルカスタマイズ 書庫内閲覧・操作 リストファイル・http, ftp形式による仮想ディレクトリ Unicode・UNCパス・ハードリンク・ジャンクション・Undo コメントファイルの作成・読み込み 豊富なマクロ文字・内蔵コマ
ava-to-jest.md
ava-to-jest.md AVAからJestへの移行 大枠の書き方 テストケースの定義 AVAのtest('コメント', () => {/* テスト内容 */});という書き方（xUnit形式）はJestでも可能です。AVAではimport test from 'ava';という感じでtest関数をインポートしていましたが、Jestではグローバル変数として定義されているのでインポートは不要です。test関数だけでなく、Jestが提供するAPIは全てグローバル変数で定義されているので、importせずに参照できます。 // AVA import test from 'ava'; test('テストケース名など', t => { t.true(true); }); // Jest // 全てのAPIはグローバルに定義されており、importは不要 test('テストケース名など', ()
Lambda@EdgeでAWS Systems Managerのパラメータストアを使う | DevelopersIO
Lambda@Edgeでは環境変数が使えません。Lambdaのコード内に直接書くのを避けるためAWS Systems Managerのパラメータストアを使ってみました。ポイントは「どのリージョンのパラメータストアを使うのか」です！ 前回の記事でLambda@Edge(Python)を使って、IPアドレスによるCloudFrontへのアクセス制限を紹介しました。（Pythonで書いたことを紹介するのが趣旨でしたが） Lambda@Edgeでパラーメーターをベタ書きする課題 前回の記事のスクリプトでは、許可対象のIPアドレスをコード内に直接記述したものでした。 個人で利用するような場合やテスト利用のようなケースだとあまり問題にはならないかもしれませんが、次のような課題があります。 頻繁にIPアドレスを変える場合や、関連付けているビヘイビアなどが多い場合、更新作業がめんどくさい。 更新したLam
Javaのスレッド(thread)とは、プログラム上で複数の処理を同時に動かす仕組みです。スレッドをJavaで使うためのクラスjava.lang.Threadを指す言葉でもあります。 さて、多くの作業は人が手分けすれば早く終わります。違う作業であっても、それぞれの作業へ人を割り当てれば同時に行えます。当然、一人での作業より効率的です。 それと同じで、プログラムでも処理を複数同時に動かせば、短い時間で効率よく処理できます。その仕組みがスレッドです。スレッドは、今ではごく当たり前に使われているのです。 この記事では、Javaでのスレッドの考え方・使い方の基本から、スレッドを使う上で気を付けたいこと、スレッドに関する話題について、ポイントを絞って初心者向けに説明します。 ※この記事はJava 13時点の言語仕様・APIに基づいています。サンプルはJava 13の環境で動作確認しています。 １．ス
hooks APIで整理することでReduxが不要に。asoview.comにおけるReact状態管理の変遷 - asoview! Tech Blog
こんにちはアソビューのフロントエンドエンジニアの井上です。 ヌルゲーマーなので満月の女王レオナを昨晩ようやく倒せてガッツポーズです。#エルデンリング はじめに Reactベースのフロントエンドの状態管理、よそはどうやってるんだろう。。 気になりますよね？私も気になります。 今回はアソビューにおける状態管理の変遷と今どのように扱っているか、について紹介したいと思います。 結論から言うとReactとその周辺のライブラリの変遷に振り回されましたが、hooks APIの登場でしがらみから開放されて（Reduxを使わずに）スッキリしました。 なので最初に言っておくと、Reduxやその他状態管理ライブラリの話はあまりしないです。。それらは誰にとっても必要なものではないのでは？というスタンスです。 共感できる方は「あるある」とか「それな」とか言いながら読んでいただけると幸いです。 これまでのアソビューの
こんにちは。Wantedly で Frontend Chapter Lead をしている原 剛士(@chloe463)です。この記事では、Wantedly のフロントエンドが抱える課題とそれを解決するための戦略や方針について紹介します。先日開催された JSConf JP 2022 のスポンサーLTでざっくりと同じような話をしたのですが、5分という短い発表時間では伝えきれなかった詳細まで踏み込んで説明しようと思います。 目次 Wantedly のフロントエンドの歴史と現状 我々が目指す理想郷 理想郷へ至る道Web アプリとシステムをつなぐ GraphQL gateway の整備 Ruby on Rails に乗っている主要機能の段階的な React 化 分離した Web アプリでの生産性向上のための基盤整備 Wantedly のフロントエンドの歴史と現状 Wantedly は10年以上運営し
WordPress の管理画面で投稿メニューを非表示にする方法を紹介します。 例えば、管理画面から投稿へアクセスさせたくない時に便利な方法です。 管理画面の投稿メニューを非表示 権限別に投稿メニューを非表示 ユーザー別に管理画面の投稿メニューを非表示にする方法 複数の権限を対象にする方法 管理画面の投稿メニューを非表示 管理画面の投稿メニューを非表示にするには remove_menus を使用します。 次のコードを function.php に追加します。 /*【管理画面】投稿メニューを非表示 */ function remove_menus () { global $menu; remove_menu_page( 'edit.php' ); // 投稿を非表示 } add_action('admin_menu', 'remove_menus'); この方法はメニューから投稿を取り除くだけ
Arduinoは、USBのインターフェースを持っているので、キーボードやマウスなどのパソコンの周辺機器も自作できます。 もちろん、キーボードそのものを作ることもできますが、いきなり作るのは大変です。そこで本記事では、一部のキーボードに付いている音量を調整する部分をArduinoで作ってみます。 Arduinoと可変抵抗器（ポテンショメーター）があれば簡単です。早速、始めましょう。 Arduino Leaonardoの外観 目次 準備 USBを使った通信でパソコンをコントロール エンコーダーにも使用される可変抵抗器 スケッチ全体 プログラムを詳細に見てみよう Arduinoと可変抵抗器をつなげよう まとめ 1. 準備 本記事では次のものを使用します。 可変抵抗器 Arduino IDE 今回はArduino Unoではなく、Arduino Leonardoを使用します。 Arduino Le
プログラムがメモリをどう使うかを理解する(4)
この記事は このシリーズの4本目です。 前回の記事は こちらです。 まだ色々書きたいことはあるのですが、当初のタイトルである「プログラムがメモリをどう使うか」という観点では、今回で一区切りにします。 プログラムの実行から終了までを追う 前回で スタック・ヒープ・静的領域 という3大領域を認識しました。今回は仕上げとして、プログラムの実行を開始してから終了するまでに、それらがどう確保され、どう利用され、どう解放されていくのかを確認していきましょう。 プログラムを実行する際に、OSからアドレス空間を与えられる プログラムから利用できるメモリにはアドレスが割り振られますが、昨今のOSでは同時に複数のプログラムが動作することが当たり前になっています。昔はわざわざ「マルチタスクOS」と呼んでいましたが、今となってはわざわざそんな呼び方をしなくても当たり前になっていますね。 そうなると心配性な人は「ア
Nuxt + Composition-API のコンポーネント設計について考えたことなど - ハードルを下げ続けるブログ@task
急にブログを書く気になったのでいっぱい更新してます。 前回の記事で Nuxt に Composition-API を導入する方法を書きました。 task-kawahara.hatenablog.com 今回は、半年間 Composition-API をつかってきて、どのように コンポーネント設計を行ってきたのかについての記事になります。 Motivation Vuex 辛い問題 Atomic Design よくわからん問題 Clean Architecture のエッセンス コンポーネント設計の方針 ディレクトリ構成 Composables Components あとがき Motivation Vuex store での Global state 管理をやめたい UIとビジネスロジックを切り離して柔軟に設計したい Clean Architecture を読んだから実践したい まずは、Vue
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Java開発のお助けTIPS(2020年5月) - セキュアスカイプラス
Service Workerの基本とキャッシュ制御 - プログラミング雑ネタ集
Tokyo Demo Fest 2021のGLSL Graphics Compo優勝作品の解説 | gam0022.net
【JavaScript】初心者にもわかるPromiseの使い方 - TECH PLAY Magazine
これでセッションとクッキーの理解はスッキリ！(Laravel編) | アールエフェクト
【PySimpleGUI】PythonでオリジナルGUIアプリを作成 - Qiita
Perlで @EXPORT を @EXPORT_OK に置き換える - Masteries
作って学ぶコンピュータアーキテクチャ ——LLVMとRISC-Vによる低レイヤプログラミングの基礎
ChatGPTとVectorを使ってキャラクター再現｜Clirea
もっともシンプルなmalloc,freeの実装と理解 - プログラムdeタマゴ
[GAS] V8ランタイムを有効にし最新のECMAScriptを動かす - ねこの足跡R
RiverpodとFlutter Hooksを使う、はじめの一歩 - Qiita
The Rust Programming Language: 2018 Edition
［増補改訂］良いコードを書く技術 ──読みやすく保守しやすいプログラミング作法
javascript で学ぶオブジェクト指向 - Qiita
On Lisp --- 複数プロセス
低レイヤを知りたい人のためのCコンパイラ作成入門をやってみた - ぱたへね
Windows用ファイラー「Paper Plane xUI(PPx)」 - Qiita
Javaのスレッド(Thread)を使いこなすコツを、基礎からしっかり伝授
10年モノWebフロントエンドの改善に立ち向かう | Wantedly Engineer Blog
WordPress 管理画面で投稿メニューを非表示にする方法 - by Takumi Hirashima
Arduino LeonardoでつくるUSB周辺機器で音量調整に挑戦！ | Device Plus - デバプラ