サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
crieit.net
Crieitは閉鎖します。 最近はほとんどがよくわからない宣伝記事みたいなものばかりになり有害性ばかりが増えていくだけになっているため、Crieitを閉鎖することとしました。 エクスポート機能を作成だけしようとも思いましたが、恐らくほとんどのユーザー様がエクスポート機能が無くてもコピペで済む数の記事の投稿になると思いますので、開発している時間が取れないこともありエクスポート機能の提供は行わないこととしました。 必要な方は手動でエクスポートしますので直接お申し付けください。 閉鎖時期は未定ですが数ヶ月したら特に予告なく閉鎖させていただきます。 ご利用していただいた方々とはとても楽しい時間を過ごせたことを思い出しました。まことにありがとうございました。
動作確認済み環境 CentOS 7.6(1810) CentOS 7.8(2003) nmcliコマンドで設定する場合 nmcliはコマンドが長くなりがちで、覚えにくいけど、ワンライナーなので設定は速い IPアドレスとゲートウェイの設定 $ sudo nmcli connection modify "インターフェース名" ipv4.method manual ipv4.addresses "IPアドレス/プレフィックス" ipv4.gateway "ゲートウェイアドレス" connection.autoconnect yes 設定例) インターフェース名 enp0s3 、IPアドレス 192.168.11.100/24、ゲートウェイアドレス192.168.11.254 I/Fの自動起動ON $ sudo nmcli connection modify enp0s3 ipv4.method
0 前提 Oracle LinuxとWindows 1 環境構築 準備 1-1 Dockerオフラインインストール 参考にしたURLはhttps://qiita.com/kod314/items/e574ac12c23598e0d903。 オンラインインストールの場合は、 https://qiita.com/kichise/items/f8e56c6d2d08eaf4a6a0 の手順に従えば可能。 今回はオフラインインストールを実行しようと思う。社内規則によりDockerをインストールするサーバがインターネット接続できない場合がある。その場合、インターネット接続できる自席端末からネットに接続してDockerのインストーラーをダウンロード。それをDockerをインストールしたいサーバに転送して実行させる。 1-1-1 OS確認 まずはOSのversionを確認。 $ uname -a Lin
先日はてな匿名ダイアリーで2つ文章を書いてみたところ、両方たくさんはてなブックマークしてもらえた。一つは200近く、もう一つは400近くだった。普段技術記事をいくつも書いているがこれだけブックマークされるなんてことはない。そのため大いに承認欲求が満たされたのだが、では内容がそれだけ優れていたのかと言われると全くそうは感じない。意図的なのかたまたまなのかは分からないが、はてな匿名ダイアリーとはてなブックマークの組み合わせにはこんな風にバズりやすく承認欲求を満たしやすい環境がしっかり出来ているのだなと感心した。そのため、サービス開発者視点で思ったことを考察してみたいと思う。 サービスを活性化させるためのユーザーがいる と、その前に、仕組みよりも何よりも、はてな匿名ダイアリー、はてなブックマークに普段からいる住人の方々の行動力のすごさというか、とにかく何か面白そうなものを取り逃がさないように意地
HTMLの<input>や<textarea>に使われるplaceholder属性の文字色は、CSSでは疑似要素::placeholderの中で設定できますが、デフォルトの色が分からなかったので調べました。 ▲これのことね 結果 Chromeでスポイトで色を取って確認したところ、<input>も<textarea>も#757575=rgb(117, 117, 117)=hsl(0, 0%, 46%)でした。 感想 デフォルトがCSSでは定義されておらず開発者ツールではわからないので、スポイト使うしかありませんでした(´・ω・`) https://developer.mozilla.org/ja/docs/Web/CSS/::placeholder
【C#】TreeView と ListView でエクスプローラーみたいな操作をする #C# #TreeView #ListView #サンプルプログラム 【C#】TreeViewとListViewにシステムイメージ(アイコン)を表示する #C# #WindowsForms #TreeView #ListView #サンプルプログラム
Expression produces a union type that is too complex to represent エラーが出た時 Next.jsでChakra UIを使っている時に Expression produces a union type that is too complex to represent. というエラーが出た。調べてもよくわからなかったが、TypeScriptをバージョン5からバージョン4.9.5にダウングレードしたら発生しなくなった。 参考) https://github.com/chakra-ui/chakra-ui/issues/3714 追記) 改善されたアプデがされてるっぽいのでTypeScriptもChakra UIも最新にしとけばいけるのかも
本記事は2020/05/09に作成したものです。 最新の環境ではうまく動作しない可能性がありますのでご注意ください。 ステイホーム中の運動といえば、我が家はNetflix見ながらのローラー台です。 今とても安全に運動できるのでホント助かっています。 ただ、これやっているとイヤホンしていることもあってインターホンのチャイム音に全く気がつけないんですよね。。。このままでは、宅配業者を返してしまうこともあり大変申し訳ない。 そこで、「インターフォンが押されたらSlackへ通知する仕組みを作ればいいじゃないか」 となり、ラズパイとセンサーを組み合わせて作ってみました。 これならチャリもがいていても、スマートウォッチの通知でバッチリ気がつきます。 どのように検知させるか? 我が家はインターホンが押されると、親機のディスプレイが点灯します。 明るさの変化を検知できるフォトレジスタを使ったセンサーなら、
地震情報を取得してSlackに通知したかったので、自分用にやったことをまとめました。 システム概要 main.gs /* 東京で震度5弱以上の地震が確認された場合に安否確認を行うシステムです。 */ // Slackのトークン const TOKEN = PropertiesService.getScriptProperties().getProperty('TOKEN'); // 地震情報のURL const URL = PropertiesService.getScriptProperties().getProperty('URL'); const date = new Date(); // 震度5弱 const judgeLevel = 10; // 投稿するチャンネル const channelId = "#accall"; // エラー報告用チャンネル const errorCh
今回はNext.jsですが、Reactで確認ダイアログを出す時、confirm関数的なものをawaitで呼べたら楽ちんだよなあと思うのでその実装方法を書きます。そのページに別途ダイアログ用のテンプレートは記述しない方法です。 例えば下記のような感じです。 const onClick = useCallback(async () => { const isConfirmed = await confirm('タイトル', 'OKですか?') if (!isConfirmed) { return } doSomething() }, []) ダイアログの状態管理を作成 まずはダイアログの状態管理を行います。今回は状態管理としてRecoilを使っています。下記のような useConfirmDialog.ts を作成します。 import { useCallback } from 'react'
steamでクッキークリッカーがリリースされたので、自分のプレイしぐさをまとめてみる事にしました。記事初回執筆時の進捗は↓の画像の通りで、あと1日で農場作物をコンプリートするので、そのあとは砂糖玉を155貯めたら株をやっていこうかな~と思っているところです。(5.5ヶ月コース) 自動操作系のmodをガンガン使っていくプレイですので、ご了承ください。 (2021/09/27)負荷軽減策、日本語単位表示mod修正方法、株についてを追記しました。 (2021/10/15)「数が大きいとはどういう事か」、「恒河沙(e+52)以降の世界」を追記しました。 (2021/11/09)「mod使用と実績解除の誤解」を追記しました。 (2021/12/01)「Cookie生産数実績コンプしました」を追記しました。 (2023/04/08)「Auto Sacrifice: Fully AFK Garden」M
先日ChatGPTのAPIを使って作ったサービス AIバトラー をリリースしましたが、その時に色々問題があってサービスを一時停止したりなどしていますのでサービスを作る時に注意する点をまとめておきます。 上限解放申請をしておく ChatGPTにはデフォルトで月120ドルまでの利用上限がついています。予想以上のアクセスがあった場合にはこれによってサービスが止まってしまい、どうしようも手の打ちようがなくなってしまいます。 申請することで上限解放することができます。使う使わないにしろ事前にやっておきましょう。下記画面のRequest increaseでできます。 費用の上限を決めたい時は別途それの設定もありますので問題はありません。 節約する 最初は適当に作ってしまいがちですが、トークンを節約する方法も最初から意識しておきましょう。英語で指示を出すとか、無駄な文言をなるべく省くなどで節約できます。
Qrunch から引っ越し conntrack については nf_conntrack_max の話題を時々聞くが、 ipvs のセッション数はリミットを気にしなくていいんだっけ。 ちょうど手元にあった kernel-ml-4.13.5-1.el7.elrepo.nosrc.rpm のソースで確認 conntrack そもそも nf_conntrack_max はどうなっているのか確認 net/netfilter/nf_conntrack_core.c static struct nf_conn * __nf_conntrack_alloc(struct net *net, const struct nf_conntrack_zone *zone, const struct nf_conntrack_tuple *orig, const struct nf_conntrack_tuple *
dev環境とprod環境で別のDockerfile使うってできるのかなdev環境ではホットリロードしたいからspring-boot:runで動かしてるけど,本番は実行可能jarにして動かしたい🐳 — ysek (@uuusu_) January 25, 2020 よくあるよね。ちょうど今書いているプロダクトがいろいろ使っているので説明してみる 基本1:環境別のファイルを使う 希望:Dockerfile.developmentとDockerfile.productionみたいなのを用意して使い分けたい docker build -f Dockerfile.development という具合にして指定することができる http://docs.docker.jp/engine/reference/commandline/build.html 基本2:start.shで分岐 希望:毎回ファイルを
Dockerの自己学習記録メモです。Qrunchから引っ越しした内容であり、記載内容は当時時点の情報です。
気の早い人向け (👆 2021年の現代で Windows専用の縛りがあって 誰が興味持つのか分からないが……) (👆 この記事で 作れるもの) 📖 wpf-exercise-dust-paper-on-desktop - Git hub に上げたもの 今回の話し 「 Webアプリ15年ぐらい経験あるんで、 WPF? 応用で 簡単 簡単、と思って 面談通って 派遣入場したら WPF 思ってたやつと全然違った」 「 お父んが 持ってないスキルだったもんな、 MVVM。 持ってないスキルで 派遣入場決めたの わらう」 「 座学退屈なんで 手を動かして 作りながら スキルを身に付けれるような 演習問題、わたしが欲しいのに無いんで 自分で作るぜ」 「 1990年代は プログラミング月刊雑誌 いっぱいあったのよ。 12か月購読すれば アプリケーションが1つ作れます、みたいな」 「 わたしが 無料
前の話し 📖 WPFって何だぜ(^~^)? 気の早い人向け 📖 wpf-panels-practice - Git hub に上げたもの 今回の話し 「 Grid とか StackPanel とか WrapPanel って何なんだぜ?」 「 Web系で言う テーブルレイアウトと リスト構造と フローレイアウトだな」 「 目で見なきゃ分かんないわよ」 📖 Panels Overview 「 👆 Microsoftの流儀だと レイアウトではなく パネルと呼ぶみたいだけど」 Grid 「 👆 とりあえず 一番よく見かける Grid から説明しようぜ?」 <Grid> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions
WPFのリソース ディクショナリって何だぜ(^~^)? 前の話し 📖 WPFって何だぜ(^~^)? 気の早い人向け 📖 wpf-resource-dictionary-practice Git hub に上げたもの 📖 wpf-window-resources-practice 今回の話し 「 リソース ディレクトリの話ししてないよな」 「 XML文書 使ってる利点を生かして、 一度書いた XML を何か所でも再利用する仕組みだぜ。 それはまるで クリック イベントを再利用しているようにも見えるし、スタイルを再利用しているようにも見えるぜ」 「 説明長くなるんで、手を動かしましょう」 「 👆 じゃあ適当に Resources みたいな名前のフォルダーを作れだぜ」 「 囲碁ソフトを作るついでに説明するんじゃなくて、 サンプル用のレポジトリを立てろだぜ」 「 👆 仕切り直しで」 「
前の話し 📖 WPFって何だぜ(^~^)? 気の早い人向け 📖 wpf-window-practice - Git Hub に上げたもの 📖 wpf-mutex-practice - Git Hub に上げたもの 今回の話し 「 Window 出そうぜ」 「 window.Show() で出せだぜ」 「 コードを書いて動かしてみましょう!」 📖 メインウィンドウから子ウィンドウを開く 「 👆 この記事を参考にしようぜ」 「 👆 最初こんな感じだろ」 <Button Name="btn0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" Height="50"> 別のウィンドウを開く </Button> 「 👆 そこの Gridタグの間に こう書くらしいぜ」 <Window x:Class=
前の話し 📖 WPFって何だぜ(^~^)? 気が早い人向け 📖 wpf-frame-page-practice - Git Hub に置いたもの 今回の話し 「 WPFで どうやって画面遷移すんだぜ? ウィンドウだけでなく ダイアログボックスも遷移するぜ?」 「 ひとまず ページの切り替えを覚えろだぜ」 📖 WPFとVisual Studioで画面遷移を実装する方法 「 👆 Frame と Page っていうのが あるようよ」 Frame と Page <Window x:Class="WpfFramePagePractice.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xa
(👆 2021年11月に .NET 6 MAUI が出てくれば、WPFは廃れていくレガシー技術? 知らんけど) 「 WPFって何だぜ?」 「 お父んが無計画に手を広げていて つら……」 「 2010年頃に流行り出した デスクトップ アプリのフレームワークね」 📖 What is .NET MAUI? 「 👆 2021年11月に .NET 6 の登場とともに アプリのフレームワーク MAUI が出てくれば そっちを使う人がいるかどうかは まだ はっきりしないわね」 「 何をしたら WPF なのか コーディングだけ教えてくれだぜ」 LivetCask 📖 LivetCask 3.2.3.2 「 👆 Visual Studio 2019 などを使って WPFアプリケーションのプロジェクトを新規作成して、 NuGetを使って LivetCask をインストールしなさい。 NuGet って
Markdownで記事を書く場合、最も基本的であろうという体裁の作り方が二つあります。それは「見出し」と「段落」です。 見出し ↑のように、見出しというのはHTMLでいうh1タグとかh2タグで表現されるもののことです。Markdownの場合、# を使って書くことができます。 # h1 ## h2 ### h3 #### h4 一般的なブログサービスの場合、h1は記事のタイトルに使われたりします。そのため、記事中ではh1は使わずh2から使い始めたほうが良いでしょう。(ただしサービスによっては自動的に変換してくれたりするものもあるようです) 無駄に改行せず段落を使う 昔は改行をたくさん使って改行芸のようなことをする風習がありましたが、最近はPCとスマホ両方で表示できるようなレスポンシブ対応が標準となってきている関係で、あまり改行は望ましくないものになっています。 そのかわり、Markdown等
はじめに コミットメッセージにプレフィックスを付ける文化が、少しずつ広がっています。 【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 - Qiita angular.js/DEVELOPERS.md at master · angular/angular.js 一方、コミットメッセージに絵文字を付ける文化も、広まりつつあります。 customizable-gitmoji-cliで、gitのコミットメッセージに絵文字を付ける - Qiita gitmoji | An emoji guide for your commit messages 両者を組合せれば、最強のプレフィックスが出来上がるのではないかと考えました。 ということで、絵文字付きプレフィックスという考え方を提案し、ここに記すこととします。 コミットメッセージにおける絵文字の付け方
Cisco語について CCNAの勉強をしている人はCisco語というのを聞いたことがあると思います。 どんなものかっていうと AD値が管理ディスタンス値と表示される (WLCの)バンドセレクトが帯域選択と表示される (カウンタに出てくる)giantsが巨人と表示される といったところです。(その他、文法自体がおかしいのも存在しますが) 意味をしっかり理解していれば、本番でも対処可能ですが、一発勝負だと正直怖いですよね というわけで、私はCisco語を作成していました。試験前日にこの方法を編み出しました(笑) 私がやった対策方法 以下の方法なのですが、基礎知識ある状態で行ってください。 というのも、解説が少ないので勉強には不向きで、あくまで試験慣れ用 でも実際のCCNA試験に一番近いサイトですのでやって損はないです! では本題に戻ります 使っていたのはこのサイト https://www.it
最近キーフレーズ抽出に興味がありいろいろと調べていたら、BERT版のキーフレーズ抽出パッケージがあったので試してみた。ちなみにキーフレーズ抽出とは、「文章からその主題を良く表現している句を抽出する技術」のこと。 環境は、Docker for Mac を想定。 環境設定 Docker for Macのメモリ制限解放 DecktopにあるPreference -> Advance でMemoryの上限を調整する。KeyBERTをインストールするとPytorchをインストールしようとするが、Dockerのデフォルト設定のままだとメモリ不足でインストールに失敗する。なので、設定を変更してメモリ制限を解除する。今回は12Gに設定した。 KeyBERTのインストール pip install keybert MeCabのインストール KeyBERTは日本語の分かち書きに対応していないため、MeCabを利
Webブラウザ上でLinuxやWindows2000(懐かしい)やFreeDOSを起動できる 便利なPCエミュレータ、JSLinuxを使ってみませんか? ブラウザが使えればOKなので、仮想化ソフトやdockerなどでLinuxを動かすより簡単です。 ちょっとしたLinuxコマンドの練習場になるので初心者向けの研修にいかがでしょうか? なお、コマンドの実体はbusyboxなので、コマンドの種類によっては使えないオプションがあります。 PCエミュレータのリンク JSLinux LSLinuxのかんたんな使い方 (Linux CLIをつかう場合) ブラウザで上記のページへ行く Alpine Linux 3.12.0 Console版のStartup Linkにあるclick_hereを押す 数秒(マシンにもよる)するとLinuxが起動し、コマンドが打てる状態になります。PCのクリップボードからの
SPA(Single Page Application) 単一ページによるWebアプリケーション。 返された結果をクライアント側でリアルタイムにレンダリングできるようになった。 瞬時に画面を書き換えることができる。(いいね!ボタンとか) 画面遷移はDOM操作。 ページのリフレッシュは不要。 リッチなエクスペリエンス。 クライアントとサーバーのロジックを分けて、保守性を上げることができる。(分業) PWA(Progressive Web Apps) ネイティブアプリのようなUXを提供するWebアプリの概念。 デバイスに合わせた機能提供がWebコンテンツ自体で行われている。 ~これまでのWebになかった機能~ Service Worker * オフラインサポート(Cache API) * プッシュ通知(Push API) * バックグラウンド処理(Background API) Web App
次のページ
このページを最初にブックマークしてみませんか?
『Crieit - プログラマー、クリエイターが何でも気軽に書けるコミュニティ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く