1. Romance Rose 2. Buddy 3. シェア 4. さよならはやさしく 5. 会心ノ一撃 6. 海峡の街にて 7. BRIGHTEN UP 8. V. 9. Beautiful like you 10. whodunit-GLAY × JAY(ENHYPEN)- 11. その恋は綺麗な形をしていない 12. なんて野蛮にECSTASY 13. シャルロ 14. Back Home With Mrs.Snowman
最近はSSG(静的サイトジェネレータ)全盛期の時代で、サーバー代をかけずにブログが作れる時代になりました。 そこで実際にHugoを使ってこのブログを作ってみた所感とHugoでできることを紹介したいと思います ちなみにHugoとGatsbyどっちの方がいいの?サイト内でリッチなグラフやテーブルを使ったり、動きのあるサイトを作りたい場合は、Gatsbyのほうが良いと思います。 というのもGatsbyの方がReactベースで作られているので、jsとの相性が非常に良く、Reactのライブラリをそのまま使えます。 逆にHugoとjsの親和性は低いので、素のHTMLに対してjsやjQueryで操作・加工する事になり、時代を逆行する事になります。(SPAを導入することもできますが、それなら最初からGatsby使う方が、、、) さらにこれもHugoのデメリットなんですが、検索機能をつける際もゴリゴリなdo
「Salt」はシンプルなブログを低コストで作成できる。 を目標にしたHugo用テーマです。名前の通り、できるだけ素材そのものを引き出せるようなシンプルなデザイン・レイアウトにしました。
「Salt」はシンプルなブログを低コストで作成できる を目標にしたHugo用テーマです。名前の通り、できるだけ素材そのものを引き出せるようなシンプルなデザイン・レイアウトにしました。 実際にSaltでできることについて紹介したいと思います 1. レスポンシブデザイン対応PCとSP表示に対応しています。 デフォルトで横幅600pxをデフォルトにしていますが、任意のサイズに変更できます。 2. サイトカラーを自分の好きなように変更可能ヘッダー・フッダー・コンテンツの背景色、記事カードの細かいスタイルも簡単に変更できます 3. 各SNSのブログカードを簡単表示Hugo標準のショートコードを使用することで、TwitterやYouTubeといったブログカードを簡単に表示できます Hugoで用意されているショートコード使用時の表示サンプルです figure スイカの画像 gist highlight
GitHub Actionsを使ったHugoのデプロイ時に、たまにエラーになっていたんですが原因が分かりました。 package.json "scripts": { "create-ranking": "node scripts/create-ranking.js", "build": "hugo --gc --minify", "test": "echo \"Error: no test specified\" && exit 1" }, npm run buildしてみるとこんな感じのエラーが出て、たまにデプロイがうまくいきませんでした Start building sites … hugo v0.89.4-AB01BA6E darwin/amd64 BuildDate=2021-11-17T08:24:09Z VendorInfo=gohugoio ERROR 2022/01/29
その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量(4kB)CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM
The long-awaited new novel from Haruki Murakami revisits a Town his readers will remember, a place where a Dream Reader reviews dreams and where our shadows become untethered from our selves. A love story, a quest, an ode to books and to the libraries that house them, and a parable for these strange post-pandemic times, The City and Its Uncertain Walls is a singular and towering achievement by one
PINTでは初めての、MITTANの販売会を開催します。 MITTANの服の残布を活用する共同企画をきっかけに、その残布の元となる数着のシャツから取扱いが始まりましたが、今では当店内の服で最もボリュームを占めるブランドとなりました。MITTANの魅力はここでは書き尽くせませんが、服に現れる美しさやクオリティの根っこにある考えや姿勢が、他のどこにも見られない強度だと感じます。素材や作り手への眼差しだったり、生産背景への責任の持ち方、修繕や染め直しの対応。単に良い服ということだけではなく、選んでくださる方は、その背景にある丸ごとを感じて受け止めてくださっているように思います。当店で初めてMITTANを知った方の心を掴み、MITTANをきっかけに当店に来てくださった方ともたくさんの素敵な出会いがありました。一つの共同企画から始まり広がって、こうして販売会を開催できることになり本当に嬉しいです。
フリーフォントが大好物な人に朗報です! 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです! 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語
//app.js // import * as express from 'express'; // import * as client from 'cheerio-httpcli'; // const app = express(); var express = require('express'); var client = require('cheerio-httpcli'); var app = express(); app.get("/getogp", (expressRequest, expressResponse, expressNext) => { const url = expressRequest.query.url; client.fetch(url, (err, $, res, body) => { if (err) { expressNext(err) retu
¥1,650 【WEB・ルミネ有楽町限定】靴下屋×ASANEL 散歩しようソックス 綿アクリルナイロンポリウレタン 新商品 オンライン限定商品
开云平台(会员认证)-App Store 错误提示 很抱歉!您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く