[{"data":1,"prerenderedAt":1261},["ShallowReactive",2],{"page-3":3},{"items":4,"tagArticleCount":1182,"categoryesArticleCount":1248,"parPage":1260,"PageCount":1188,"currentPage":404,"selectedCategory":-1,"selectedTag":-1},[5,411,650,780,1047],{"_path":6,"_dir":7,"_draft":8,"_partial":8,"_locale":9,"title":10,"description":9,"category":11,"tags":14,"sumb":18,"sumb_alt":19,"sumb_fit":20,"createdAt":21,"updatedAt":21,"excerpt":22,"body":45,"_type":405,"_id":406,"_source":407,"_file":408,"_stem":409,"_extension":410},"\u002Fpost\u002F2024-03-19","post",false,"","ルーター替えました",[12,13],"インフラ・NW","ものづくり・DIY",[15,16,17],"ルーター","OpenWrt","Proxmox","2024-03-19\u002F20240318_230900.JPG","Router image","outside","2024-03-19 23:30",{"type":23,"children":24},"root",[25,33],{"type":26,"tag":27,"props":28,"children":30},"element","h2",{"id":29},"ルーターを替えたい",[31],{"type":32,"value":29},"text",{"type":26,"tag":34,"props":35,"children":36},"p",{},[37,39,43],{"type":32,"value":38},"今の家に引っ越して以来、YAMAHAのRTX830をずっと運用してきたわけだが、どうもGUIでもCUIでも使いにくい。。。",{"type":26,"tag":40,"props":41,"children":42},"br",{},[],{"type":32,"value":44},"\nDNSリカーシブサーバーの仕様もよくわからんし、MACアドレスベースの静的DHCPも思った動作をしない。。。",{"type":23,"children":46,"toc":390},[47,51,59,74,91,96,102,112,116,126,137,142,152,157,172,177,187,192,197,217,222,232,242,245,254,259,264,269,277,287,292,302,306,309,314,319,329,333,338,343,353,364,374,380],{"type":26,"tag":27,"props":48,"children":49},{"id":29},[50],{"type":32,"value":29},{"type":26,"tag":34,"props":52,"children":53},{},[54,55,58],{"type":32,"value":38},{"type":26,"tag":40,"props":56,"children":57},{},[],{"type":32,"value":44},{"type":26,"tag":34,"props":60,"children":61},{},[62,64,67],{"type":32,"value":63},"コチラが変更前のルーター",{"type":26,"tag":40,"props":65,"children":66},{},[],{"type":26,"tag":68,"props":69,"children":73},"article-image",{"preset":70,"src":71,"alt":72},"article_image","2024-03-19\u002F20240318_231527.JPG","PC image",[],{"type":26,"tag":34,"props":75,"children":76},{},[77,79,82,89],{"type":32,"value":78},"アライド高いし、BUFFALOの有線ルーターに変えようかなと思っていた矢先。",{"type":26,"tag":40,"props":80,"children":81},{},[],{"type":26,"tag":83,"props":84,"children":86},"code",{"className":85},[],[87],{"type":32,"value":88},"N100に2.5G×4をのっけた中華PCで爆速ルーターを作る",{"type":32,"value":90},"という怪電波を受信・・・",{"type":26,"tag":34,"props":92,"children":93},{},[94],{"type":32,"value":95},"そんなにコスト掛からないようなので試しに作ってみる。ついでに2.5G環境作れるといいね。",{"type":26,"tag":27,"props":97,"children":99},{"id":98},"pcの選定",[100],{"type":32,"value":101},"PCの選定",{"type":26,"tag":34,"props":103,"children":104},{},[105,107,110],{"type":32,"value":106},"N100が乗っていることを前提にAmazonとAliExpressを物色・・・",{"type":26,"tag":40,"props":108,"children":109},{},[],{"type":32,"value":111},"\nAmazonは高かったのでAliExpressで適当に調達。",{"type":26,"tag":68,"props":113,"children":115},{"preset":70,"src":114,"alt":72},"2024-03-19\u002F2024-03-19_233745.png",[],{"type":26,"tag":34,"props":117,"children":118},{},[119,121,124],{"type":32,"value":120},"最新CPUなのでJシリーズとかNシリーズよりは全然高い。",{"type":26,"tag":40,"props":122,"children":123},{},[],{"type":32,"value":125},"\nが、普通に有線ルーター買ったりミニPC買うよりは全然安い。",{"type":26,"tag":34,"props":127,"children":128},{},[129,135],{"type":26,"tag":83,"props":130,"children":132},{"className":131},[],[133],{"type":32,"value":134},"NoRAM NoStorage",{"type":32,"value":136},"を選択。どうやらこれだと関税がかからないらしい。",{"type":26,"tag":34,"props":138,"children":139},{},[140],{"type":32,"value":141},"注文後、しっかり2週間で到着。",{"type":26,"tag":34,"props":143,"children":144},{},[145,147,150],{"type":32,"value":146},"アリエクだといつも到着するかどうか分からないのでドキドキするね。",{"type":26,"tag":40,"props":148,"children":149},{},[],{"type":32,"value":151},"\n最近は国内入ったくらいで追跡できるようになるので助かる。",{"type":26,"tag":27,"props":153,"children":155},{"id":154},"不足パーツの調達",[156],{"type":32,"value":154},{"type":26,"tag":34,"props":158,"children":159},{},[160,165,167,170],{"type":26,"tag":83,"props":161,"children":163},{"className":162},[],[164],{"type":32,"value":134},{"type":32,"value":166},"を選択したのでメモリとストレージを別途調達する必要がある。",{"type":26,"tag":40,"props":168,"children":169},{},[],{"type":32,"value":171},"\nそれっぽいところで調達。ぶっ壊れても困るので安すぎずといったところ。",{"type":26,"tag":68,"props":173,"children":176},{"preset":70,"src":174,"alt":175},"2024-03-19\u002F2024-03-19_235024.png","parts image",[],{"type":26,"tag":34,"props":178,"children":179},{},[180,182,185],{"type":32,"value":181},"さらに今回、ルーターソフトを直接インストールするにはストレージケースが必要なので一緒に調達。",{"type":26,"tag":40,"props":183,"children":184},{},[],{"type":32,"value":186},"\nそのうちメインPCのSSDリプレイスで使うしそれなりのメーカーで調達。",{"type":26,"tag":34,"props":188,"children":189},{},[190],{"type":32,"value":191},"NVMe\u002FSATA両対応なのにこの値段。クロしこ安くて助かります。",{"type":26,"tag":27,"props":193,"children":195},{"id":194},"ソフトの選定",[196],{"type":32,"value":194},{"type":26,"tag":34,"props":198,"children":199},{},[200,202,210,212,215],{"type":32,"value":201},"ルーターソフトは色々あるが、今回はOSS界隈で有名そうな",{"type":26,"tag":203,"props":204,"children":208},"a",{"href":205,"rel":206},"https:\u002F\u002Fopenwrt.org\u002F",[207],"nofollow",[209],{"type":32,"value":16},{"type":32,"value":211},"を選択した。",{"type":26,"tag":40,"props":213,"children":214},{},[],{"type":32,"value":216},"\nQiitaとかでも情報が多いし日本語GUIもあるのでよさそう。",{"type":26,"tag":27,"props":218,"children":220},{"id":219},"インストール",[221],{"type":32,"value":219},{"type":26,"tag":34,"props":223,"children":224},{},[225,227,230],{"type":32,"value":226},"OpenWrtは最近よく見るLinuxディストロとはインストール方法が違うので注意が必要。",{"type":26,"tag":40,"props":228,"children":229},{},[],{"type":32,"value":231},"\nストレージをストレージケースに放り込んでRufusでイメージを書き込む。",{"type":26,"tag":34,"props":233,"children":234},{},[235,237,240],{"type":32,"value":236},"インストール後、適当にポート設定してフレッツ回線の設定を放り込んで難なく動作。",{"type":26,"tag":40,"props":238,"children":239},{},[],{"type":32,"value":241},"\n今回はIPoEだけにしてみた。",{"type":26,"tag":68,"props":243,"children":244},{"preset":70,"src":18,"alt":175},[],{"type":26,"tag":34,"props":246,"children":247},{},[248],{"type":26,"tag":249,"props":250,"children":251},"small",{},[252],{"type":32,"value":253},"汚いですが、設置写真。",{"type":26,"tag":27,"props":255,"children":257},{"id":256},"ついでに仮想化",[258],{"type":32,"value":256},{"type":26,"tag":34,"props":260,"children":261},{},[262],{"type":32,"value":263},"インストール後のリソースを見ていたところCPUもメモリも余りに余っているのが気持ち悪すぎたので、余剰リソースを有効活用するためにOpenWrtを仮想化することにした。",{"type":26,"tag":68,"props":265,"children":268},{"preset":70,"src":266,"alt":267},"2024-03-19\u002F2024-03-20_010216.png","proxmox image",[],{"type":26,"tag":34,"props":270,"children":271},{},[272],{"type":26,"tag":249,"props":273,"children":274},{},[275],{"type":32,"value":276},"CPUの使用率画面。最大でも2%程度だった。",{"type":26,"tag":34,"props":278,"children":279},{},[280,282,285],{"type":32,"value":281},"個人的にVMwareのESXiが好きだったが、Broadcomさん提供になって料金体系が変更されてから個人向け無償版は消滅したらしいので今回は別のモノを。",{"type":26,"tag":40,"props":283,"children":284},{},[],{"type":32,"value":286},"\n今回はDebianベースのProxmoxを採用。",{"type":26,"tag":34,"props":288,"children":289},{},[290],{"type":32,"value":291},"Proxmoxは普通にインストールUSBを作ってインストールするだけなので超簡単。あらかじめConfigバックアップを取ってからProxmoxをインストール。",{"type":26,"tag":34,"props":293,"children":294},{},[295,297,300],{"type":32,"value":296},"VMを作ってからOpenWrtを起動してバックアップしたConfigで復元すれば完了",{"type":26,"tag":40,"props":298,"children":299},{},[],{"type":32,"value":301},"\n後から調べたがルーター用途ならRAMは1GBで十分らしい",{"type":26,"tag":68,"props":303,"children":305},{"preset":70,"src":304,"alt":267},"2024-03-19\u002F2024-03-20_005852.png",[],{"type":26,"tag":40,"props":307,"children":308},{},[],{"type":26,"tag":249,"props":310,"children":311},{},[312],{"type":32,"value":313},"\n移行後のSummary画面。２つ目のVMとしてmysqlも稼働させてみたがまだ余ってる。。。\n",{"type":26,"tag":27,"props":315,"children":317},{"id":316},"発熱について",[318],{"type":32,"value":316},{"type":26,"tag":34,"props":320,"children":321},{},[322,324,327],{"type":32,"value":323},"あんま負荷かかってない状態でも、ちょいちょい発熱するっぽいのでファンを付ける",{"type":26,"tag":40,"props":325,"children":326},{},[],{"type":32,"value":328},"\n適当にUSB電源の12cmファンを買ってしばりつける",{"type":26,"tag":68,"props":330,"children":332},{"preset":70,"src":331,"alt":175},"2024-03-19\u002F20240318_231403.JPG",[],{"type":26,"tag":34,"props":334,"children":335},{},[336],{"type":32,"value":337},"うーん　いいね",{"type":26,"tag":27,"props":339,"children":341},{"id":340},"総括",[342],{"type":32,"value":340},{"type":26,"tag":34,"props":344,"children":345},{},[346,348,351],{"type":32,"value":347},"ブラウジング時の応答が気持ち速くなったような気がする。",{"type":26,"tag":40,"props":349,"children":350},{},[],{"type":32,"value":352},"\nプラシーボな気もするがとりあえず、ルーターのおかげということにしておく",{"type":26,"tag":34,"props":354,"children":355},{},[356,362],{"type":26,"tag":83,"props":357,"children":359},{"className":358},[],[360],{"type":32,"value":361},"PC⇒ルーター⇒AP",{"type":32,"value":363},"のルートが2.5G化されたのでMetaQuest3へのSteamVRキャストがいい感じになる。予定。",{"type":26,"tag":34,"props":365,"children":366},{},[367,369,372],{"type":32,"value":368},"Proxmoxを触れたのも収穫。",{"type":26,"tag":40,"props":370,"children":371},{},[],{"type":32,"value":373},"\nそのうちメインのサーバーもESXiから移行しよう・・・",{"type":26,"tag":375,"props":376,"children":378},"h3",{"id":377},"さらにオマケ",[379],{"type":32,"value":377},{"type":26,"tag":34,"props":381,"children":382},{},[383,385,388],{"type":32,"value":384},"後から聞いた話ではミニPCルーターをメインルーターとして使うことはあんまりないっぽいが、なんか速そうなのでしばらくはメインのルーターとして運用してみる。",{"type":26,"tag":40,"props":386,"children":387},{},[],{"type":32,"value":389},"\nダメだったらRTX830に戻せばいいしね。",{"title":9,"searchDepth":391,"depth":391,"links":392},4,[393,395,396,397,398,399,400,401],{"id":29,"depth":394,"text":29},2,{"id":98,"depth":394,"text":101},{"id":154,"depth":394,"text":154},{"id":194,"depth":394,"text":194},{"id":219,"depth":394,"text":219},{"id":256,"depth":394,"text":256},{"id":316,"depth":394,"text":316},{"id":340,"depth":394,"text":340,"children":402},[403],{"id":377,"depth":404,"text":377},3,"markdown","content:post:2024-03-19.md","content","post\u002F2024-03-19.md","post\u002F2024-03-19","md",{"_path":412,"_dir":7,"_draft":8,"_partial":8,"_locale":9,"title":413,"description":9,"category":414,"tags":416,"sumb":419,"sumb_alt":420,"sumb_fit":20,"createdAt":421,"updatedAt":421,"excerpt":422,"body":449,"_type":405,"_id":647,"_source":407,"_file":648,"_stem":649,"_extension":410},"\u002Fpost\u002F2023-12-18","マフラー用バッフル自作",[415,13],"クルマ・バイク",[417,418],"Ape","3Dプリンター","2023-12-18\u002FSS234445.png","buffle image","2023-12-18 22:00",{"type":23,"children":423},[424,429,439],{"type":26,"tag":27,"props":425,"children":427},{"id":426},"バッフルが欲しい",[428],{"type":32,"value":426},{"type":26,"tag":34,"props":430,"children":431},{},[432,434,437],{"type":32,"value":433},"新しくApe用にマフラーを仕入れたのは良いが、レーシングマフラーなのでうるさい。。。",{"type":26,"tag":40,"props":435,"children":436},{},[],{"type":32,"value":438},"\nJMCA認定でもこんな音量の奴あるんやな～",{"type":26,"tag":34,"props":440,"children":441},{},[442,444,447],{"type":32,"value":443},"とりまAmazonを覗いてみたがハマりそうなのが見当たらない。",{"type":26,"tag":40,"props":445,"children":446},{},[],{"type":32,"value":448},"\n作るか。",{"type":23,"children":450,"toc":638},[451,455,463,471,477,482,492,495,500,504,509,514,519,534,544,549,553,558,564,569,584,594,600,610,615,619,624,633],{"type":26,"tag":27,"props":452,"children":453},{"id":426},[454],{"type":32,"value":426},{"type":26,"tag":34,"props":456,"children":457},{},[458,459,462],{"type":32,"value":433},{"type":26,"tag":40,"props":460,"children":461},{},[],{"type":32,"value":438},{"type":26,"tag":34,"props":464,"children":465},{},[466,467,470],{"type":32,"value":443},{"type":26,"tag":40,"props":468,"children":469},{},[],{"type":32,"value":448},{"type":26,"tag":27,"props":472,"children":474},{"id":473},"_3dプリンターで作ってみる",[475],{"type":32,"value":476},"3Dプリンターで作ってみる",{"type":26,"tag":34,"props":478,"children":479},{},[480],{"type":32,"value":481},"とりあえずデザインしてみよう。",{"type":26,"tag":34,"props":483,"children":484},{},[485,487,490],{"type":32,"value":486},"音量を押さえるために穴は小さめにして、排圧を逃がすためにたくさん穴を空ける。",{"type":26,"tag":40,"props":488,"children":489},{},[],{"type":32,"value":491},"\nせっかく自作するなら面白い機構が欲しいので、真ん中にフルオープンできるキャップでも付けるか。",{"type":26,"tag":68,"props":493,"children":494},{"preset":70,"src":419,"alt":420},[],{"type":26,"tag":34,"props":496,"children":497},{},[498],{"type":32,"value":499},"デザインが出来上がったので出力してみる。",{"type":26,"tag":68,"props":501,"children":503},{"preset":70,"src":502,"alt":420},"no-image-logo.png",[],{"type":26,"tag":34,"props":505,"children":506},{},[507],{"type":32,"value":508},"写真は撮り忘れました。",{"type":26,"tag":27,"props":510,"children":512},{"id":511},"実走テスト",[513],{"type":32,"value":511},{"type":26,"tag":34,"props":515,"children":516},{},[517],{"type":32,"value":518},"適当なネジがなかったので、とりあえず針金で固定して試走してみる。",{"type":26,"tag":34,"props":520,"children":521},{},[522,524,527,529,532],{"type":32,"value":523},"キック一発で掛かった。",{"type":26,"tag":40,"props":525,"children":526},{},[],{"type":32,"value":528},"\nスロットルのピックアップも悪くない。",{"type":26,"tag":40,"props":530,"children":531},{},[],{"type":32,"value":533},"\n音量もいい感じ。",{"type":26,"tag":34,"props":535,"children":536},{},[537,539,542],{"type":32,"value":538},"と思った矢先、走行中急に「パ！パ！パ！パ！」と大音量に。",{"type":26,"tag":40,"props":540,"children":541},{},[],{"type":32,"value":543},"\nバッフルが外れてしまった。",{"type":26,"tag":34,"props":545,"children":546},{},[547],{"type":32,"value":548},"家に帰ってみてみると・・・",{"type":26,"tag":68,"props":550,"children":552},{"preset":70,"src":551,"alt":420},"2023-12-18\u002F20231210_120306.JPG",[],{"type":26,"tag":34,"props":554,"children":555},{},[556],{"type":32,"value":557},"溶けてしまってラッキョウのような形に・・・",{"type":26,"tag":27,"props":559,"children":561},{"id":560},"なぜ溶けた",[562],{"type":32,"value":563},"なぜ溶けた？",{"type":26,"tag":375,"props":565,"children":567},{"id":566},"調べてみると",[568],{"type":32,"value":566},{"type":26,"tag":34,"props":570,"children":571},{},[572,574,577,579,582],{"type":32,"value":573},"今回材料に使ったのはABS。",{"type":26,"tag":40,"props":575,"children":576},{},[],{"type":32,"value":578},"\nある程度は熱に強いから大丈夫かなと思ったが、樹脂は圧力がかかると耐熱温度が下がるらしい。",{"type":26,"tag":40,"props":580,"children":581},{},[],{"type":32,"value":583},"\nそのせいで溶けたのか、サイレンサーの中は想像以上に熱がこもるのか？",{"type":26,"tag":34,"props":585,"children":586},{},[587,589,592],{"type":32,"value":588},"う～ん",{"type":26,"tag":40,"props":590,"children":591},{},[],{"type":32,"value":593},"\nわからん",{"type":26,"tag":375,"props":595,"children":597},{"id":596},"abs以外の素材は",[598],{"type":32,"value":599},"ABS以外の素材は？",{"type":26,"tag":34,"props":601,"children":602},{},[603,605,608],{"type":32,"value":604},"手持ちの3DプリンターだとABSが一番耐熱性が高い素材なのでどこかに依頼する必要がある。",{"type":26,"tag":40,"props":606,"children":607},{},[],{"type":32,"value":609},"\nそこでDMM.makeを調べてみた。",{"type":26,"tag":34,"props":611,"children":612},{},[613],{"type":32,"value":614},"とりあえず安そうなアルミでこの値段。",{"type":26,"tag":68,"props":616,"children":618},{"preset":70,"src":617,"alt":420},"2023-12-18\u002FSS20231219001045.png",[],{"type":26,"tag":34,"props":620,"children":621},{},[622],{"type":32,"value":623},"ちょっと高すぎるな。。。",{"type":26,"tag":34,"props":625,"children":626},{},[627,628,631],{"type":32,"value":588},{"type":26,"tag":40,"props":629,"children":630},{},[],{"type":32,"value":632},"\n他に手段はないのか。",{"type":26,"tag":34,"props":634,"children":635},{},[636],{"type":32,"value":637},"ちょっと考えよう。。。",{"title":9,"searchDepth":391,"depth":391,"links":639},[640,641,642,643],{"id":426,"depth":394,"text":426},{"id":473,"depth":394,"text":476},{"id":511,"depth":394,"text":511},{"id":560,"depth":394,"text":563,"children":644},[645,646],{"id":566,"depth":404,"text":566},{"id":596,"depth":404,"text":599},"content:post:2023-12-18.md","post\u002F2023-12-18.md","post\u002F2023-12-18",{"_path":651,"_dir":7,"_draft":8,"_partial":8,"_locale":9,"title":652,"description":9,"category":653,"tags":655,"sumb":658,"sumb_alt":659,"sumb_fit":20,"createdAt":660,"updatedAt":660,"excerpt":661,"body":678,"_type":405,"_id":777,"_source":407,"_file":778,"_stem":779,"_extension":410},"\u002Fpost\u002F2023-11-23","iPadでブログを書きたい　その2",[654],"開発・技術",[656,657],"iPad","エディタ","2023-11-02\u002Ftxt.PNG","no image image","2023-11-23 20:30",{"type":23,"children":662},[663,668],{"type":26,"tag":27,"props":664,"children":666},{"id":665},"ipadでブログを書きたいその2",[667],{"type":32,"value":652},{"type":26,"tag":34,"props":669,"children":670},{},[671,673,676],{"type":32,"value":672},"前回の続き。",{"type":26,"tag":40,"props":674,"children":675},{},[],{"type":32,"value":677},"\nBuffer Editorが気になると言っていた件。",{"type":23,"children":679,"toc":769},[680,684,692,697,707,713,728,733,739,754,759],{"type":26,"tag":27,"props":681,"children":682},{"id":665},[683],{"type":32,"value":652},{"type":26,"tag":34,"props":685,"children":686},{},[687,688,691],{"type":32,"value":672},{"type":26,"tag":40,"props":689,"children":690},{},[],{"type":32,"value":677},{"type":26,"tag":27,"props":693,"children":695},{"id":694},"実際に書いてみる",[696],{"type":32,"value":694},{"type":26,"tag":34,"props":698,"children":699},{},[700,702,705],{"type":32,"value":701},"Buffer Editorを買って実際に書いてみる。",{"type":26,"tag":40,"props":703,"children":704},{},[],{"type":32,"value":706},"\nこの記事執筆時点で1500円でした。",{"type":26,"tag":375,"props":708,"children":710},{"id":709},"editorとして",[711],{"type":32,"value":712},"Editorとして",{"type":26,"tag":34,"props":714,"children":715},{},[716,718,721,723,726],{"type":32,"value":717},"フォントが20種類くらいから選べるのと、テーマも20種類くらいから選べるのでそれなりに普段使っている環境に近い画面を作れるのが良かった。",{"type":26,"tag":40,"props":719,"children":720},{},[],{"type":32,"value":722},"\n他はまあ普通というか期待通り。",{"type":26,"tag":40,"props":724,"children":725},{},[],{"type":32,"value":727},"\n普通がイチバンいいです。",{"type":26,"tag":34,"props":729,"children":730},{},[731],{"type":32,"value":732},"単純にコーディングとかテキストを扱う分には合格点。",{"type":26,"tag":375,"props":734,"children":736},{"id":735},"filemanager部分",[737],{"type":32,"value":738},"FileManager部分",{"type":26,"tag":34,"props":740,"children":741},{},[742,744,747,749,752],{"type":32,"value":743},"gitを接続して使ってみた。",{"type":26,"tag":40,"props":745,"children":746},{},[],{"type":32,"value":748},"\n操作感は可もなく不可もなくと言ったところだが、テキストファイル以外のファイルを扱いにくいのと、gitだと画面の操作方法が変わるのがかなり気になる。",{"type":26,"tag":40,"props":750,"children":751},{},[],{"type":32,"value":753},"\n画像ファイルはコピーすらできない？感じで今回の用途での常用は難しそう。",{"type":26,"tag":27,"props":755,"children":757},{"id":756},"まとめ",[758],{"type":32,"value":756},{"type":26,"tag":34,"props":760,"children":761},{},[762,764,767],{"type":32,"value":763},"コーディング目的ならかなりいいので買って損はなかったかなとは思う。",{"type":26,"tag":40,"props":765,"children":766},{},[],{"type":32,"value":768},"\n引き続き他のアプリや方法も検討してみよう・・・",{"title":9,"searchDepth":391,"depth":391,"links":770},[771,772,776],{"id":665,"depth":394,"text":652},{"id":694,"depth":394,"text":694,"children":773},[774,775],{"id":709,"depth":404,"text":712},{"id":735,"depth":404,"text":738},{"id":756,"depth":394,"text":756},"content:post:2023-11-23.md","post\u002F2023-11-23.md","post\u002F2023-11-23",{"_path":781,"_dir":7,"_draft":8,"_partial":8,"_locale":9,"title":782,"description":9,"category":783,"tags":784,"sumb":658,"sumb_alt":659,"sumb_fit":20,"createdAt":785,"updatedAt":785,"excerpt":786,"body":803,"_type":405,"_id":1044,"_source":407,"_file":1045,"_stem":1046,"_extension":410},"\u002Fpost\u002F2023-11-02","iPadでブログを書きたい",[654],[656,657],"2023-11-02 20:40",{"type":23,"children":787},[788,793],{"type":26,"tag":27,"props":789,"children":791},{"id":790},"ipadでブログを書きたい",[792],{"type":32,"value":782},{"type":26,"tag":34,"props":794,"children":795},{},[796,798,801],{"type":32,"value":797},"Vueで構築してしまったが故にiPadとかスマホでブログを書けなくなってしまった。",{"type":26,"tag":40,"props":799,"children":800},{},[],{"type":32,"value":802},"\nデスクトップPCの電源をわざわざ入れるのも面倒なときもあるし、そもそもリビングでサクッと書きたいときもある。",{"type":23,"children":804,"toc":1034},[805,809,817,827,832,837,862,872,877,890,909,914,929,944,949,954,978,988,993,1003,1020,1024],{"type":26,"tag":27,"props":806,"children":807},{"id":790},[808],{"type":32,"value":782},{"type":26,"tag":34,"props":810,"children":811},{},[812,813,816],{"type":32,"value":797},{"type":26,"tag":40,"props":814,"children":815},{},[],{"type":32,"value":802},{"type":26,"tag":34,"props":818,"children":819},{},[820,822,825],{"type":32,"value":821},"そういう時、今はノートPCを使って書いているが、だいぶ古いPCなので画面の解像度が低い。。。",{"type":26,"tag":40,"props":823,"children":824},{},[],{"type":32,"value":826},"\n他にたいした新しいノートPCを買うのも微妙なのでiPadで書きたい。",{"type":26,"tag":27,"props":828,"children":830},{"id":829},"要件を決める",[831],{"type":32,"value":829},{"type":26,"tag":34,"props":833,"children":834},{},[835],{"type":32,"value":836},"まずはアプリに求められる要件を決める",{"type":26,"tag":838,"props":839,"children":840},"ol",{},[841,847,852,857],{"type":26,"tag":842,"props":843,"children":844},"li",{},[845],{"type":32,"value":846},"Git対応",{"type":26,"tag":842,"props":848,"children":849},{},[850],{"type":32,"value":851},"マークダウンのシンタックスハイライトに対応している",{"type":26,"tag":842,"props":853,"children":854},{},[855],{"type":32,"value":856},"できれば補完も効くと嬉しい",{"type":26,"tag":842,"props":858,"children":859},{},[860],{"type":32,"value":861},"内蔵ファイラーで画像も扱える",{"type":26,"tag":34,"props":863,"children":864},{},[865,867,870],{"type":32,"value":866},"この辺が必須の内容か。",{"type":26,"tag":40,"props":868,"children":869},{},[],{"type":32,"value":871},"\n（ざっくりVScode環境が欲しい感じではあるか・・・）",{"type":26,"tag":27,"props":873,"children":875},{"id":874},"いくつか候補を出してみる",[876],{"type":32,"value":874},{"type":26,"tag":34,"props":878,"children":879},{},[880,882,888],{"type":32,"value":881},"ちなみに、GitのリポジトリはGithubではないので",{"type":26,"tag":83,"props":883,"children":885},{"className":884},[],[886],{"type":32,"value":887},"Codespaces",{"type":32,"value":889},"は使えない。。。",{"type":26,"tag":891,"props":892,"children":893},"ul",{},[894,899,904],{"type":26,"tag":842,"props":895,"children":896},{},[897],{"type":32,"value":898},"LiquidLogic",{"type":26,"tag":842,"props":900,"children":901},{},[902],{"type":32,"value":903},"working copy + textastic",{"type":26,"tag":842,"props":905,"children":906},{},[907],{"type":32,"value":908},"Buffer Editor",{"type":26,"tag":375,"props":910,"children":912},{"id":911},"liquidlogic",[913],{"type":32,"value":898},{"type":26,"tag":34,"props":915,"children":916},{},[917,919,922,924,927],{"type":32,"value":918},"国産らしい",{"type":26,"tag":40,"props":920,"children":921},{},[],{"type":32,"value":923},"\n建築関係向けのアプリらしいが、gitとかhtmlのシンタックスハイライト機能がついてる。",{"type":26,"tag":40,"props":925,"children":926},{},[],{"type":32,"value":928},"\n年額1,000円、月額200円",{"type":26,"tag":34,"props":930,"children":931},{},[932,934,937,939,942],{"type":32,"value":933},"ちなみに記事はこのアプリで書いてる。",{"type":26,"tag":40,"props":935,"children":936},{},[],{"type":32,"value":938},"\nファイラーの操作感がちょっと使いにくいけど使えないことはない。",{"type":26,"tag":40,"props":940,"children":941},{},[],{"type":32,"value":943},"\n使ってるとUI上のボタンが消えることがあるので、その辺がイライラポイント。",{"type":26,"tag":34,"props":945,"children":946},{},[947],{"type":32,"value":948},"マークダウンのシンタックスハイライトが無いので、出来れば別のアプリに乗り換えたい。",{"type":26,"tag":375,"props":950,"children":952},{"id":951},"working-copy-textastic",[953],{"type":32,"value":903},{"type":26,"tag":34,"props":955,"children":956},{},[957,959,962,968,970,976],{"type":32,"value":958},"結構みんな使ってる構成。",{"type":26,"tag":40,"props":960,"children":961},{},[],{"type":26,"tag":83,"props":963,"children":965},{"className":964},[],[966],{"type":32,"value":967},"working copy",{"type":32,"value":969},"でgitの操作をして、ファイル編集は",{"type":26,"tag":83,"props":971,"children":973},{"className":972},[],[974],{"type":32,"value":975},"textastic",{"type":32,"value":977},"でやる方式らしい。",{"type":26,"tag":34,"props":979,"children":980},{},[981,983,986],{"type":32,"value":982},"working copyが4000円、textasticが1200円。",{"type":26,"tag":40,"props":984,"children":985},{},[],{"type":32,"value":987},"\nちょっとこれは高すぎるので却下だな。",{"type":26,"tag":375,"props":989,"children":991},{"id":990},"buffer-editor",[992],{"type":32,"value":908},{"type":26,"tag":34,"props":994,"children":995},{},[996,998,1001],{"type":32,"value":997},"これも1200円くらいらしい。",{"type":26,"tag":40,"props":999,"children":1000},{},[],{"type":32,"value":1002},"\nでも買い切り。安い。",{"type":26,"tag":34,"props":1004,"children":1005},{},[1006,1013,1015,1018],{"type":26,"tag":203,"props":1007,"children":1010},{"href":1008,"rel":1009},"https:\u002F\u002Fbuffereditor.com\u002F",[207],[1011],{"type":32,"value":1012},"公式HP",{"type":32,"value":1014},"を見るとしっかりマークダウンも対応してるっぽい。",{"type":26,"tag":40,"props":1016,"children":1017},{},[],{"type":32,"value":1019},"\n次はこれを試してみるか。",{"type":26,"tag":27,"props":1021,"children":1022},{"id":756},[1023],{"type":32,"value":756},{"type":26,"tag":34,"props":1025,"children":1026},{},[1027,1029,1032],{"type":32,"value":1028},"フライングしてLiquidLogicを使ってみたが、理想とは違う結果であった。",{"type":26,"tag":40,"props":1030,"children":1031},{},[],{"type":32,"value":1033},"\nこんどBufferEditor使ってみるか・・・",{"title":9,"searchDepth":391,"depth":391,"links":1035},[1036,1037,1038,1043],{"id":790,"depth":394,"text":782},{"id":829,"depth":394,"text":829},{"id":874,"depth":394,"text":874,"children":1039},[1040,1041,1042],{"id":911,"depth":404,"text":898},{"id":951,"depth":404,"text":903},{"id":990,"depth":404,"text":908},{"id":756,"depth":394,"text":756},"content:post:2023-11-02.md","post\u002F2023-11-02.md","post\u002F2023-11-02",{"_path":1048,"_dir":7,"_draft":8,"_partial":8,"_locale":9,"title":1049,"description":9,"category":1050,"tags":1051,"sumb":502,"sumb_alt":659,"createdAt":1053,"updatedAt":1053,"excerpt":1054,"body":1076,"_type":405,"_id":1179,"_source":407,"_file":1180,"_stem":1181,"_extension":410},"\u002Fpost\u002F2023-08-24","Aタグとnext-linkの使い方を間違えた話",[654],[1052],"Nuxt","2023-08-24 18:20",{"type":23,"children":1055},[1056,1061],{"type":26,"tag":27,"props":1057,"children":1059},{"id":1058},"何が起きたか",[1060],{"type":32,"value":1058},{"type":26,"tag":34,"props":1062,"children":1063},{},[1064,1066,1069,1071,1074],{"type":32,"value":1065},"このブログ、記事に貼り付けてある画像はnuxt-imageを使ってリサイズしている。",{"type":26,"tag":40,"props":1067,"children":1068},{},[],{"type":32,"value":1070},"\n記事を開いた時のロード時間を短くするためだ。",{"type":26,"tag":40,"props":1072,"children":1073},{},[],{"type":32,"value":1075},"\nただ、それだけでは等倍の画像を見れなくなってしまうので画像をクリックした時に等倍写真へ飛ぶようにリンクを張ってある。",{"type":23,"children":1077,"toc":1174},[1078,1082,1094,1109,1119,1124,1129,1139,1154,1159],{"type":26,"tag":27,"props":1079,"children":1080},{"id":1058},[1081],{"type":32,"value":1058},{"type":26,"tag":34,"props":1083,"children":1084},{},[1085,1086,1089,1090,1093],{"type":32,"value":1065},{"type":26,"tag":40,"props":1087,"children":1088},{},[],{"type":32,"value":1070},{"type":26,"tag":40,"props":1091,"children":1092},{},[],{"type":32,"value":1075},{"type":26,"tag":34,"props":1095,"children":1096},{},[1097,1099,1102,1104,1107],{"type":32,"value":1098},"そのため、画像をクリックしたときには画像ファイルが開かれるのが期待した動作なのだが、クリックするとなぜかnuxtのNotFoundページを開いてしまう。",{"type":26,"tag":40,"props":1100,"children":1101},{},[],{"type":32,"value":1103},"\nその時のブラウザのアドレスバーを見ると確かに画像のURLにはなっている。",{"type":26,"tag":40,"props":1105,"children":1106},{},[],{"type":32,"value":1108},"\nその証拠としてアドレスを直接打ち込んで遷移すると確かに画像が開かれる。",{"type":26,"tag":34,"props":1110,"children":1111},{},[1112,1114,1117],{"type":32,"value":1113},"しかも、NotFoundページでF5を押すとなぜか画像のページを開ける。",{"type":26,"tag":40,"props":1115,"children":1116},{},[],{"type":32,"value":1118},"\nアドレス直打ちと同じ挙動ということ？",{"type":26,"tag":34,"props":1120,"children":1121},{},[1122],{"type":32,"value":1123},"その後、色々調べてChromeの開発者ツールでログを追ってみたりしたが、問題の遷移時にはページをロードしてないらしいことがわかった以外収穫がなかった。",{"type":26,"tag":27,"props":1125,"children":1127},{"id":1126},"結局何が起きていたか",[1128],{"type":32,"value":1126},{"type":26,"tag":34,"props":1130,"children":1131},{},[1132,1134,1137],{"type":32,"value":1133},"色々なキーワードで調べていたところ、Generate時の動的ルーティングの話に辿り着いた。",{"type":26,"tag":40,"props":1135,"children":1136},{},[],{"type":32,"value":1138},"\nそういえば、nuxt-linkはrouter-linkの拡張なのでページ遷移扱いになるんだっけ。",{"type":26,"tag":34,"props":1140,"children":1141},{},[1142,1144,1147,1149,1152],{"type":32,"value":1143},"問題の画像を囲っているタグを確認したところ、Aタグではなくnuxt-linkになっていた。",{"type":26,"tag":40,"props":1145,"children":1146},{},[],{"type":32,"value":1148},"\nなるほどなるほど。",{"type":26,"tag":40,"props":1150,"children":1151},{},[],{"type":32,"value":1153},"\n遷移先のページがなかったのでNotFoundが出ていたのか。",{"type":26,"tag":27,"props":1155,"children":1157},{"id":1156},"解決",[1158],{"type":32,"value":1156},{"type":26,"tag":34,"props":1160,"children":1161},{},[1162,1164,1167,1169,1172],{"type":32,"value":1163},"というわけで問題の箇所でAタグを使うように変更して一件落着。",{"type":26,"tag":40,"props":1165,"children":1166},{},[],{"type":32,"value":1168},"\nファイルを直接貼り付けてダウンロードさせるような使い方の時も同じなのかな。",{"type":26,"tag":40,"props":1170,"children":1171},{},[],{"type":32,"value":1173},"\n詳細はわからないが、まあ想定通りに動くようになったのでよしとしよう。",{"title":9,"searchDepth":391,"depth":391,"links":1175},[1176,1177,1178],{"id":1058,"depth":394,"text":1058},{"id":1126,"depth":394,"text":1126},{"id":1156,"depth":394,"text":1156},"content:post:2023-08-24.md","post\u002F2023-08-24.md","post\u002F2023-08-24",[1183,1186,1189,1190,1192,1193,1195,1197,1199,1201,1203,1204,1205,1207,1210,1212,1214,1216,1218,1220,1222,1224,1226,1228,1230,1232,1234,1236,1237,1238,1239,1240,1242,1244,1246],{"tag":1184,"count":1185},"AI",7,{"tag":1187,"count":1188},"AI初心者講座",6,{"tag":657,"count":404},{"tag":1191,"count":404},"旧ブログ",{"tag":1052,"count":404},{"tag":1194,"count":394},"WordPress",{"tag":1196,"count":394},"CMS",{"tag":1198,"count":394},"Sony",{"tag":1200,"count":394},"グルメ",{"tag":1202,"count":394},"TWS",{"tag":417,"count":394},{"tag":656,"count":394},{"tag":1206,"count":394},"買ってよかったもの",{"tag":1208,"count":1209},"PC",1,{"tag":1211,"count":1209},"Windows",{"tag":1213,"count":1209},"Radeon",{"tag":1215,"count":1209},"Android",{"tag":1217,"count":1209},"Xperia",{"tag":1219,"count":1209},"スマホ",{"tag":1221,"count":1209},"Audio-Technica",{"tag":1223,"count":1209},"YAMAHA",{"tag":1225,"count":1209},"radius",{"tag":1227,"count":1209},"Noble Audio",{"tag":1229,"count":1209},"FALCON2",{"tag":1231,"count":1209},"レシピ",{"tag":1233,"count":1209},"ソーラー",{"tag":1235,"count":1209},"妄想シリーズ",{"tag":418,"count":1209},{"tag":15,"count":1209},{"tag":16,"count":1209},{"tag":17,"count":1209},{"tag":1241,"count":1209},"AWS",{"tag":1243,"count":1209},"Bedrock",{"tag":1245,"count":1209},"Python",{"tag":1247,"count":1209},"VSCode",[1249,1251,1252,1254,1256,1258,1259],{"category":654,"count":1250},12,{"category":13,"count":1188},{"category":1253,"count":1188},"勉強",{"category":1255,"count":391},"ガジェット・オーディオ",{"category":1257,"count":391},"ライフスタイル・雑記",{"category":415,"count":394},{"category":12,"count":1209},5,1787215221359]