◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_modules/chrome-extension-cli/index.js + chrome-extension-cli@0.2.0 added 21 packages from 11 contributors in 2.879s まずは、Chrome Extension CLIをインストールします。 $
この記事ではPackagistで公開可能な形式のPHPのライブラリ(Composerパッケージ)を公開するための道具立てを紹介します。あと、現代のPHPerはツールを組み合せてさくっと開発しているんだという自慢です。 タイトルは「この TypeScript が Hello, world! のくせに慎重すぎる」と「この勇者が俺TUEEEくせに慎重すぎる」のぱくｒ… パロディです。 テンプレートエンジンのくせに型安全なんてなまいきな。 この記事の読みかた せっかくなので手を動かしながら自分でComposerパッケージを作成してみましょう。 今回の題材は「Hello worldを出力する」という革新的機能を提供する、とても画期的な実用ライブラリです。 記事名通り「慎重すぎる」ので、細かく刻んでGitで経過を保存しながら作業を進めていましょう。なんかよくわからない状態になったらgit reset
Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します！ ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptやCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください！ 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示
GitHubをフル活用してカンバン(Kanban)方式による開発体制を構築したノウハウを惜しみなく公開する - Qiita
レイアウトにCSS Flexboxは使用しているけど、CSS Gridはこれから。そんな人にお勧めのWebページでよく使用されるレイアウトを簡単に実装できるCSS Gridのテンプレートを紹介します。 レイアウトはコンテンツを中央寄せに配置し、左右のマージンを自由に設定できます。たとえば、テキストには最大幅、画像には全幅、目立たせたい箇所には少し広め・かなり広めといった使い方ができます。 HTMLもCSSもシンプルなので、スニペットに登録しておくと便利です。 Layout Breakouts with CSS Grid HTMLは、非常にシンプルです。 ラッパーに.contentを与え、最大幅を設定した通常のコンテンツはclassなし、あとは幅に応じて.popout, .feature, .fullを与えるだけです。
npmパッケージの公開用テンプレートを作ってみました | with TypeScript, Jest, ESLint, Prettier, etc. - mlog
npm パッケージの公開用テンプレート を作ってみました。 本記事ではテンプレートの内容について、簡単に解説したいと思います。 以下は、2020/07/09 時点でテンプレートに含まれる内容です。 TypeScript CI/CD (publish by GitHub Actions) Jest ESLint Prettier EditorConfig husky ※ 上記以外の項目については、テンプレート中の package.json などを参考にしてください。 【目次】 テスト Jest 自動整形 ESLint Prettier editorconfig ビルド & デプロイ セットアップ package.jsonの調整 デプロイ設定 ビルドチェック デプロイ (npm publish) publish unpublish まとめ テスト Jest 以下のコマンドで、テストの実行してく
純@化学物質過敏症 @ks7moon @yurilava @loolering 動画ありがとうございます😍こんなふうにスパッとぶった斬ってもの言えたらスカーッとするだろうなぁと思いました。同じ大阪のおばちゃんですがこんな風に思った事言えずに内に秘めて抑え込む方なんで羨ましい！こうなりたい！ 2020-05-18 20:07:03 tamu🍮🍮 @tamu29628996 @loolering お邪魔します 今朝ラジオで伊集院さんが 「コロナ疲れしている奥さんの誕生プレゼントに、伊集院さんが一人で赤坂のホテルに宿泊してる」と話しておられて ほーーー！と感心しました。 2020-05-18 19:59:40 きたの🍰 @kitano_qui テレワークで家にいると、昼のワイドショー見る機会が増えるじゃん。妻の愚痴、妻に恨まれる夫、妻の仕返し、コロナ離婚、いろいろやってんの見てるはずなの
﹁仕事が上手じゃない人﹂の多くに共通点があると感じている。それは、﹁取り掛かりが遅い﹂。とにかくこれに尽きる。
AWS環境にセキュアなベースラインを提供するテンプレート「Baseline Environment on AWS」のご紹介 | Amazon Web Services
Amazon Web Services ブログ AWS環境にセキュアなベースラインを提供するテンプレート「Baseline Environment on AWS」のご紹介 みなさんこんにちは。ソリューションアーキテクトの大村です。 このブログでは、私たちAWS Japanのソリューションアーキテクトが AWS Samples に公開している 「Baseline Environment on AWS（BLEA）」について詳しくご紹介します。 これはAWSのセキュリティのベストプラクティスを実装した環境を、迅速に実現するためのテンプレートです。 セキュリティサービスだけでなく、よく利用されるアプリケーションの実装サンプルも含んでいます。これによって基本的なセキュリティを実現した状態をスタート地点としてシステム構築を開始できます。このテンプレートは単一のアカウントでも、また AWS Contro
スマートフォンからウェブサイトを閲覧するひとが増えたことで、あらゆる端末に対応するレスポンシブなWebサイトが主流となっています。 しかし、「HTML5でWebサイトをゼロから作成するのはちょっと、。」というときは、HTML5でできたテンプレートを活用してみましょう。 この記事では、無料ダウンロードできるオススメのHTML5テンプレートをまとめてご紹介します。 2020年に公開されたものを中心に最新テンプレートを揃えています。Bootstrapフレームワークを利用しているものも多く、手軽にカスタマイズできる点もポイント。あらゆる業種にマッチする、お好みの無料HTMLテンプレートを探してみましょう。 商用利用もできる無料HTMLテンプレートまとめ Switch あらゆるデバイスでの表示に対応するランディングページ向けテンプレート。ダークモード切り替えも可能で、イラストを背景として効果的に活用
基盤チームの右京です。 BASE ではショップのデザインを誰でも簡単にできるような、いわゆるノーコードな機能を提供しています。 デザイン | BASE (ベイス) ネットショップを無料で簡単に作成 この記事では、そんなノーコードなシステムの裏側について、簡単にですが解説しています。 ショップページ配信の基盤システム ノーコードの前にまず BASE のショップページ(ShopFront と呼んでいます)がどのようなシステムかを知っておく必要があります。BASE のショップページは特定の URL にアクセスすると必要なデータをデータベースから取得し、テンプレートエンジンを使ってサーバーのプログラムで HTML を生成して返す、よくある伝統的な Web ページとして実装されています。ただし、ショップ毎にページのデザインは全く異なるため、1 つの固定のテンプレートを利用しているわけではなく、ショッ
( 'ω'و( وたひら( 'ω'و( و @orz1366 大人になるっていうのは、20歳を超えることではなく年齢に見合った「経験」を積むことなんだなって最近気づいた。 人生経験があまりない人はやっぱり言動が幼かったり落ち着きがなかったりするし、酸いも甘いも経験して考えや行動が洗練されて初めて大人になっていくんだと思う。 気づくのが遅すぎた 2019-07-28 20:30:17
商用利用無料！ コピペで簡単に実装できる、Tailwind CSSで実装されたUIコンポーネントが150種類以上！ -Mamba UI
Webサイトやスマホアプリでよく使用されるUIコンポーネントとテンプレートをTailwind CSSベースで実装したコレクションを紹介します。 コードはHTMLとVueとJSXに対応しており、Tailwind CSSを用意しておけばコピペで簡単に利用できます。 Mamba UI Mamba UI -GitHub Mamba UIの特徴 Mamba UIの使い方 Mamba UIのコンポーネント Mamba UIの特徴 Mamba UIは、Webサイトやスマホアプリによく使用されるUI要素をTailwind CSSベースで実装したオープンソースのコレクションです。すべてのコンポーネント・テンプレートはHTMLとCSSで実装されており、Tailwind CSSのおかげで複雑なCSSルールを記述する必要はありません。 Tailwind CSSはユーティリティファーストのCSSフレームワークなので
Amazon Web Services ブログ 新しいサーバーレスアプリ作成機能で CI/CD も作れます AWS Lambda のマネジメントコンソールに新しい「サーバーレスアプリケーションの作成」機能が追加されていることにお気付きですか? サーバーレス環境である Lambda ではすぐに処理実行環境が利用可能になり、Webのコンソールからロジックを実装するだけで容易にちょっとした処理を開発できます。一方で、この次のステップとして、 Lambda 関数だけでなく、アプリケーションとしての開発や管理ができていない 環境の再現（開発環境からステージングや本番環境へ）、デプロイの継続実行（CI/CD）の環境が整備できずに、Webコンソール上でいまだにコード変更している という話を聞くことがあります。実際には、デプロイ/環境設定のコード化（Infrastructure as Code: IaC）
今回公開された新機能「auto-generated release notes」は、このリリースノートを自動生成してくれるというものです。 赤で囲った部分に「Auto-generate release note」ボタンが見えます。 どのようにリリースノートを自動作成するかは、「A new public beta of GitHub Releases: How we’re improving the release experience」に以下のように簡潔に説明されています。 Now, when you automatically generate notes for a release, we’ll identify all of the pull requests that are part of that release and create a summary for you, as
B+木入門：PHPで理解する データベースインデックスの仕組み/b-plus-tree-101
PHPerKaigi 2024 の登壇資料です
はじめに 今回は新卒1年目の時に自分が先輩エンジニアに質問する際に使っていた質問テンプレートを紹介します。 自分は相手に質問する時は「いかに相手の時間を取らずに解決まで至れるか」を重視して質問を考えています。 いきなり「OOがわからない」「OOのエラーが解決できない」「〇〇が動かない」といった答えを全て相手に丸投げするような質問をしていては成長はおろか、相手から「この子は自分で考えない子なんだな」と思われてしまいます。 そこで今回は初心者が先輩に質問する際にどのような手順で質問を作成すればよいかをテンプレートとして紹介します。 エンジニアとは書いているものの他の職種にも応用できるようなテンプレートだと思うので、ぜひ参考にしていただければなと思います。 この記事の主な対象者 新人エンジニア 質問の仕方が分からない人 エラー解決に時間を大幅に使ってしまう人 Google人工知能開発チームの15
HamlitというRubyで使うテンプレートエンジンをメンテしてて、ちょっと前に思いついたけどこれまで実装してなかった最適化のアイデアを昨日それに実装したので、それについてちょっと書きたい。 github.com StringTemplate というテンプレートエンジン amatsuda/string_template というテンプレートエンジンがあって、 これは "the fastest template engine for Ruby" であると主張されている。 I think I just invented the fastest template engine for Ruby (Rails). Please enjoy! https://t.co/N056SReLh2 https://t.co/74MdR5DINj— Akira Matsuda (@a_matsuda) Dece
弱者男性は「強いパパ」を直視すべき
フェミニズムにそうやってラベリングして憂さを晴らしても、弱者男性当事者のおかれてる立場や抱えてる課題は何も良くならないでしょ。 個人のもつ色々な属性の複合的効果によって社会的な強さ／弱さの立場（スタンドポイント）が決まるというインターセクショナリティ論は、フェミニズムの内側から出てきたものだよ。そもそもフェミの内部にも人種問題とか経済階級問題とかがあって、フェミニズム自身もそれと向き合う理論的必要性があった。さまざまな権力関係のなかで相対的に他の男性や女性より弱い立場にいる男性は当然いるし、そのことを否定するフェミニストはほぼいない。いるとしたら、それは背景となる理論的裏付けを持たずに男性への憎悪を募らせたミサンドリストで、そういう人はフェミではないし、フェミの代表として語ってほしくもない。 多くのフェミニストは「弱者男性なんかいない」なんて思っていない。でも「男性は（学歴や所得やコミュニ
この記事では、デザインシステムを作成するときの基本ガイドをまとめています。 この記事は3つのパートで構成されています。 デザインシステムを理解する（デザインシステムとは何か、いつ作るべきか？） デザインシステムの作成（作成プロセスとやっておきたい項目） デザインシステムの具体的なサンプル例（デザイナーとデベロッパー、それぞれの観点より） デザインシステム追加の検討事項（その他のコンセプトや参考文献など） *この記事では、Webサイトやアプリ、オンラインサービスなどを表す包括的な用語として、「プロダクト（Product）」という言葉を使用しています。 この記事のコンセプトをイラスト化するために作成した、デザインシステムを公開しています。ご自由にお使いください。 Basic Design System – Figmaファイル デザインシステムを理解しよう デザインシステムとは？ デザインシステ
フローチャートやネットワーク図を作成するには、ExcelやPowerPointを使うのではなく、操作性が作図に最適化された、専用の作図ツールを用いるのが便利だ。用意されたテンプレートの中から作りたいイメージに近いものを選択し、ドラッグアンドドロップでアイコンなどのパーツを追加していくことで、見た目のよい図が簡単に作成できる。 こうした作図ツールは、かねてよりオンラインで使えるサービスが存在していたが、最近は操作性もより洗練されたほか、メンバーを招待して共有できるコラボレーション機能が強化されるなど、次代のニーズに合わせて大幅な進化を遂げている。今回は、無料で利用できるプランがあることを条件に、オンラインで使える3つの作図サービスを紹介する。 さまざまな部署のニーズに対応、国産の老舗サービス「Cacoo」 「Cacoo」は、作図サービスの中で老舗と言えるのが「Cacoo(カクー)」だ。 フロ
Notionでタスク管理をしている中で、いろいろなやり方を試しました。その中でついに見つけた！と言えるやり方をツイートしたところ、投稿して数時間で1000いいね！を超える反響を頂きました。 Notion研究する中で見つけた個人的に最強のタスク管理法👇 ・月曜から1日ごとの列を用意 ・朝・午後・夜で分類 ・いつ何をするか決めておく ・入らないタスクは別DBでやること候補に追加 「次なにやろう」と考えなくて良くなったので頭スッキリします✌️テンプレート欲しい人いれば公開しようかな。 pic.twitter.com/FvYaTn8XUg — Shin Sasaki (@shin_sasaki19) February 1, 2022 リプライやRTで100件以上の「テンプレートほしいです！」というご要望を頂いたので、使い方とあわせて公開します！私自身いろいろな試行錯誤をしたうえでの結論なので、ぜ
こんにちは、株式会社LIG Webディレクターのイナッチです。 Webディレクターといえば、サイト制作プロジェクトの提案や要件定義のフェーズにおいて「サイトマップ」を作る機会が多くあります。 とてもシンプルなフォーマットなので、誰でも作れるように思いがちですが、実は奥深く、取り組み甲斐のある作業の一つだと思っています。このシンプルな図のクオリティによって、その後のプロジェクトが円滑に進むかどうかを左右することさえあると感じています。 そこで今回は、私がサイトマップを作るときに意識していることと、サイトマップの能力を拡張するためのアレンジ技5選についてご紹介いたします。 ※ この記事でご紹介する「サイトマップ」とは、サイト全体の構造を図示した資料のことであり、XMLサイトマップ（sitemap.xml）の作り方については含んでおりません。 サイトマップの基本的な体裁 まずはサイトマップの基本
『エヴァ』『もののけ姫』…日本のアニメは「男性の成熟・ケア」をどう描いてきたか（現代ビジネス編集部） @gendai_biz
2024.03.08 働き方 SIer新卒プロフェッショナル駆け出しお金 案件や給与、残業、勤務地に対する「あなたの希望を叶えます」と謳った、いわゆる“エンジニアファースト”な求人があふれていた時代に終止符が打たれようとしているーー。 そう警鐘を鳴らしたnote「エンジニアファーストを撤回したい企業の思惑」に反響が集まっている。執筆したのは、“流しのEM”として、複数企業の採用・組織・制度づくりに関わり、採用側と求職側の事情に精通している久松 剛さんだ。 今、業界で何が起こっているのか。久松さんに、エンジニアを取り巻く採用市場の変化と今後のキャリア戦略のあり方を聞いた。 博士（慶應SFC、IT） 合同会社エンジニアリングマネージメント社長 久松 剛さん（@makaibito） 2000年より慶應義塾大学村井純教授に師事。動画転送、P2Pなどの基礎研究や受託開発に取り組みつつ大学教員を目指す
完全無料！誰でも美しいオンラインドキュメントやWebサイトを作成できる「Slick」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に美しいオンラインドキュメントを無料で作成できるWebサービスをご紹介します！ 多彩なテンプレートやすぐに使えるコンテンツなどが搭載されているので、ちょっとしたドキュメントを作ってシェアするのに重宝します。また、カスタマイズ次第では個人サイトなどのWebページを公開する用途にも活用できるので、ご興味ある方はぜひ参考にしてください！ 【 Slick 】 ■「Slick」の使い方 それでは、「Slick」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページから【Sign up】ボタンをクリックして、無料のユーザー登録を済ませておきます。 ユーザー名、メールアドレス、パスワードを設定するだけなので簡単です。 （※GoogleやFacebookアカウントでもログイン可能） 以下のようなダッシュボード画面が表示
ラノベ世代この記事を読んでいる貴君は、ライトノベル（通称ラノベ）を読んだことがあるだろうか。 メインの世代としては、最高齢が30歳ほどで、最小が13歳ほどだろう。 メジャーなラノベを上げるなら、「涼宮ハルヒの憂鬱」「僕は友達が少ない」「バカとテストと召喚獣」「ネガティブハッピー・チェーンソーエッジ」「羽月莉音の帝国」「しゅらばら！」「俺の彼女と幼なじみが修羅場すぎる」「やはり俺の青春ラブコメは間違っている」「変態王子と笑わない猫」「エロ漫画先生」「86」「青春ブタ野郎シリーズ」「ソードアートオンライン」だろうか。 ラノベのパターンもちろんのこと、筋は作品ごとに違う。 だが、パターンは粗方決まっている。 これを読んで、「あぁ～これだわ・・・」と思うだろう。 主人公は内気気味近くになぜか美少女（才色兼備か巨乳、もしくは両方）登場人物語彙力ありすぎ主人公は極々平凡（に見える場合もある）美少女は非
無料でオープンソースの「標準契約書」を元にして契約書・利用規約・NDAなど作成時の面倒な処理をなくして爆速化＆コスト激減できる「Common Paper」を使ってみた
ビジネスを行う際には、さまざまな相手といろんな契約を交わすことが多いはず。よく使用される契約についてはそれぞれの会社で契約書のテンプレートが保存されているものですが、相手から送られてきた契約書など初めての契約書の場合、いちいち弁護士にレビューを頼むのは面倒です。「Common Paper」は弁護士が練り上げた「標準契約書」を利用することで当事者双方が同じ認識を持てる契約書を作成できるサービスです。契約書の作成だけでなく、条文変更の交渉や署名、契約後の保管まで行ってくれるとのことなので、実際に使ってどんなものなのか試してみました。 Build, negotiate, and sign contracts in minutes. - Common Paper https://commonpaper.com/ 公式サイトにアクセスすると下図の画面になります。まずは「Standards」をクリック
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察� ～Text-to-MusicとText-To-ImageかつImage-to-Musicを例に～
男オタクはなんで配慮しろ言われると反発するの？
Figmaのワイヤーフレーム・フローチャート・プロトタイプ用の素材を紹介します。 Webサイトやスマホアプリで使用されるさまざまなコンポーネントやUI要素、基本的なスタイルが用意されており、短時間で作成できます。 UI Template 日本人クリエイターが制作した、Figmaのワイヤーフレーム用テンプレート。基本的なスタイル、コンポーネント、ワイヤーフレーム用のアセットが用意されており、デザイナー以外のエンジニアやディレクターでも使いやすい素材です。
Notionテンプレート無料公開！仕事＆プライベートのプロジェクト管理方法についてまとめました｜秋元里奈＠食べチョク代表
若林稔弥 Toshiya Wakabayashi on Twitter: "ネット上ではオタクとフェミでいがみ合ってる二人がリアル生活で出会って相手がどういう思想を持ってるか知らないまま惹かれ合うっていうラブコメどうや！！"
ネット上ではオタクとフェミでいがみ合ってる二人がリアル生活で出会って相手がどういう思想を持ってるか知らないまま惹かれ合うっていうラブコメどうや！！
クトゥルフ神話TRPG初心者講習会に参加したら、昨今のルールブックを買わずに遊び続ける人が何故こうもたくさんいるのかが理解できた話。族
クトゥルフ神話TRPG初心者講習会というものがTLに流れ、後学のためにと聞き専で参加したのですが、そこで行われていたのは、ルールブックの内容をそのまま音読したり、ルールブックの内容が纏めてあるサイトを、TRPG未経験の初心者達に教える、非常におぞましい会でした。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すぐにChrome拡張機能開発できるオープンソースのテンプレート「Chrome Extension CLI」
このPHPがテンプレートエンジンのくせに慎重すぎる (前篇) - Qiita
ノートアプリ「Notion」が日本語版テンプレートギャラリーを公開 多様な業務に対応したビジネス向け、学生向けなどを収録
CSS Gridで実装すると簡単！ コンテンツは中央配置、最大幅・全幅・ちょい広めのレイアウトを実装できるテンプレート
上沼恵美子によるステイホーム中の旦那の発言へのぶった斬りが面白すぎる…「こうなりたい」「上沼恵美子だから許される」など
無料のおすすめ最新HTML5テンプレート厳選45個まとめ【2020年版】
BASEのノーコードはどのように実現されているのか？ - BASEプロダクトチームブログ
全部無料！Figmaで使える良質UIテンプレート50選（ウェブ＆アプリ素材）
良い質問をして自己成長に繋げるためのあれこれ - Qiita
「大人になるためには年齢を重ねるだけではダメで年齢に見合った経験が必要」説が心に刺さる流れ
新しいサーバーレスアプリ作成機能で CI/CD も作れます | Amazon Web Services
GitHub Releasesにリリースノートを自動生成する新機能。テンプレートでのカスタマイズも可能
新卒1年目に使ったエンジニア質問テンプレート - Qiita
Rubyで最速のテンプレートエンジンを作る方法 - k0kubun's blog
デザインシステムの作り方徹底ガイド 参考にしたい導入事例まとめ
無料でも見栄え抜群！ チャートやネットワーク図をサクッと作れる作図ツール3選
【テンプレート公開】Notion最強タスク管理法を全公開します｜Shin
サイトマップの作り方！デザイナーのアレンジ技5選 | 株式会社LIG
AWS クラウドデザインシート テンプレートを公開してみた | DevelopersIO
色彩検定１級がオススメする 🎨 配色Webツール５選 - Qiita
年収550～800万円台の「転職上手」なエンジニアほど危うい時代に？【久松剛解説】 - エンジニアtype | 転職type
総てのラノベを読む若人に告ぐ(はずだった)｜hikki-suspended
伝統的なエンプラ企業で取り組むインフラの設計書のモダナイゼーション.pdf
Figmaで簡単に作成できる！ワイヤーフレーム・フローチャート・プロトタイプ素材のまとめ
「優しい人が好き」なら「優しい俺がなぜモテない?」本当の理由｜酒イさん｜note