divではなく、spanを使ったほうが良いと思いました! + <div>山田</div> - <span>山田</span> 文章だけで「ここはこうした方がいい」を説明するより、コードも一緒に提案してあげた方が分かりやすいです。 GitHub上だと、以下のように操作するとコードの提案ができます👇️ GitHubのリンクを貼る時はパーマリンクを使う
VS Code でコミットするときに GitHub Copilot を使っていると コミットメッセージを生成してくれたりします。 図 1 コミットメッセージを Copilot で生成 英語苦手な自分からすると「マジうれしいんですけど」という感じなのですが、コミットメッセージはできればエディターで記述したいと考えてしまいます。 そこで今回は「コミットメッセージをエディターで編集する利便性」を維持しつつ、「GitHub Copilot による生成機能もできるだけ利用しよう」という内容のメモになります。 VS Code のエディターでコミットメッセージを記述するとは VS Code でコミットメッセージを記述する方法としてはソース管理タブの利用が一般的かと思われます。 図 1-1 ソース管理タブのフィールドから普通に入力 一方で上記とは別に、コミット用のコマンドを実行しエディターの中で記述する方
めちゃくちゃ良い記事でした。 「OSS は使っていることを公言するだけでも貢献になる」と songmu さんが言っていたので、私も貢献したいと思います。 僕も貢献したいのでよく使うコマンドラインツールを紹介していきます。 特定のプログラミング言語等に依存するツールは省いています。 actionlint - GitHub Actions の Workflow ファイルの静的検査 GitHub Actions の Workflow ファイルの静的検査ツールです。 かなり精度が高く、色々な設定ミスを検知してくれます。 エラーメッセージも見やすくて助かります。 aicommits - コミットメッセージを自動生成 変更内容を元に自動でコミットメッセージを AI が生成してくれるツールです。 コミットをする前にちゃんと確認してくれるのも安心感があって良いです。 cLive - ターミナル操作を自動化
はじめに 今回の記事では、設計やソフトウェアアーキテクチャを学べるGitHubリポジトリを16個紹介する。 対象とする読者 設計やソフトウェアアーキテクチャに興味関心があるエンジニア GitHubをエンジニアリングの情報収集に活用したいエンジニア タイトルで気になった人 Architectural Patterns システムの基本的な構成を理解するためのパターンやテンプレートを提供している。これらのパターンを学ぶことで、システムの構造やコンポーネントの関連性、相互作用を理解できる。これが開発者にシステムをより効率的かつ効果的に設計・実装する能力をもたらす。 Design Patterns for Humans 設計パターンを人間が理解しやすい形で説明している。デザインパターンは特定の問題に対して再利用可能なソリューションを提供する。これによって、開発者はより効率的にコードを記述でき、メンテ
ブログを開設する際に利用できるサービスは多数存在していますが、その中でも「サーバーを用意せずにセルフホストしたい」という場合に活用できるのが「microfeed」というシステムです。Cloudflare上で動いて音声や画像、ムービーなどを投稿可能とのことなので、早速使ってみて実力を確認しました。 GitHub - microfeed/microfeed: a lightweight cms self-hosted on cloudflare, for podcasts, blogs, photos, videos, documents, and curated urls. https://github.com/microfeed/microfeed microfeedを利用するにはGithubのアカウントおよびCloudflareのアカウントが必要です。 Join GitHub · Git
この記事は CyberAgent Developers Advent Calendar 2022 の 12 日目の記事です。 株式会社 WinTicket の竹内 (@dora1998) です。2022 年 7 月に開催した技術カンファレンス「CA BASE NEXT 2022」の Web サイトにおいて、テックリードとしてサイト構成の設計・実装などを担当しました。 本記事では、カンファレンス Web サイトでどのように登壇者やセッションの情報を取りまとめ、運用を行なっていたかを紹介します。 TL;DR Google スプレッドシートをデータベースとして扱い、登壇者やセッション情報を管理しました Google Apps Script で、シートから JSON 出力してデータを Git リポジトリに同期する仕組みを実装しました 静的サイトとしてビルドする際に、データ全体を直接 import
みなさん、こんにちは! タカハシ(@ntakahashi0505)です。 Google Apps Script(GAS)のプロジェクトのバージョン管理をしたいとき、皆さんどうされてますか? 実は、GAS自体にはバージョン管理の機能は存在しておらず、悩みの種になることも… それを補ってくれるのが、Google Chrome拡張機能「Google Apps Script GitHub アシスタント」です。 今回からシリーズで、その導入方法や使い方についてお伝えしていきますよ! ということで、まず初回はGASのバージョン管理の課題とGoogle Apps Script GitHub アシスタントができることについてお伝えします。 では、行ってみましょう! GASのバージョン管理とその課題 まず、バージョン管理とは何か、またGASで何が課題なのかについて確認しておきましょう。 バージョン管理とは
はじめに Google Apps Script(GAS)をGit管理できると知って調べたところ、Google Apps Script Githubアシスタントとclaspという2ツールが有名なようだったので、それぞれ試した感想や遭遇したハプニングなどをまとめてみました。 この記事が参考になるかもしれない人 これからGASをGit管理しようと思っている人 試したツール 各ツールの説明や導入方法は割愛します。 Google Apps Script GitHubアシスタント clasp Google Apps Script Githubアシスタント Chrome拡張なので導入は一瞬、Github連携もすんなりOKでした。使い方は簡単で、GASエディタ上でリモートリポジトリを選んでブランチを指定してPush,Pullするだけです。GASエディタ上で操作が行えるのは手軽で良さそうです。 ここで、Gi
はじめに 今回の記事では、学習・開発でPythonを使うプログラマーが必ず確認するべきGitHubリポジトリを10個紹介する。本記事の対象は主に以下の通り。 実務でPythonを使っているプログラマー Pythonの情報収集に困っている人 Pythonの学習・開発の効率をアップさせたい人 Pythonのフレームワーク・ライブラリを確認しておきたい初心者 Pythonは1991年にリリースされてから今年で30年以上も経過している歴史のあるプログラミング言語なので、情報量が非常に多くどのように開発を進めればよいかわからない人も少なくないだろう。 そこで、本記事では個人の独断と偏見で学習・開発でPythonを使うなら必ず確認するべきGitHubリポジトリを紹介する。Pythonで実装できるプロダクトは多岐に渡るので、本記事では分野ごとに確認するべきGitHubリポジトリを紹介する。 必見 awe
2020年12月にGoogle Apps Scriptのスクリプトエディタが新しいIDEにバージョンアップされ、GASのソースをバージョン管理するChrome拡張機能「Google Apps Script GitHub アシスタント」が利用できなくなっていました。 しかし、2021年1月に拡張機能がアップデートされ、新しいスクリプトエディタでも使用できるようになったので、「Google Apps Script GitHub アシスタント」をインストールする手順から、実際にGithubからソースコードを取得する方法まで解説します。 ※拡張機能を使いIDEでGithubリポジトリを新規作成し、書いたコードをプッシュする方法について解説を追記しました。 GASのエディタはバージョン管理が弱点Google Apps Script(GAS)のスクリプトエディタ(IDE)はブラウザで利用することができ
Web担当者の方であればご存知だとは思いますが、ホームページやランディングページを制作する際、必ず必要になるものの一つに「サーバ」があります。 ただ実際にサーバを準備するといっても、自前で用意するとなると大きな出費が発生しますし、どの企業でも簡単に用意できるものではありません。そこで重宝するのがレンタルサーバです。 レンタルサーバは全く費用がかからないわけではないですが、コストを大幅に抑えられ、管理する手間も省けることから、多くの企業・制作会社ではレンタルサーバを活用しています。 でも実は、もっとオススメしたい手段があります。 それがレンタルサーバなしで無料で簡単にホームページを作る方法です。 AppleやMicrosoftも活用するソースコード共有サービス「GitHub」の機能の一つ「GitHub Pages」を利用し、HTMLファイル等の必要なファイルをGitHubに入れるだけで簡単に
タイトルのような組み合わせを構築して運用していい感じに回してる話しをよく聞きます。Jira のところが Redmine のケースや他のサービスを使ってるっていうパターンもありますね。Circle CI のところは自前 Jenkins とかみたいなケースもありますね! 私は Jenkins は太古のバージョン(Hudson から名前が変わった直後くらい)と Redmine を一時期使ったことがあるくらいなので、これから書く、これらのツール類についてのことは正しいことを書いてない可能性が高いです。間違えてたらコメントなどで是非最近の〇〇はこういうところが凄くいい!!って教えてください。 とりあえず言いたいのは「それ Visual Studio Team Services(VSTS) でも出来るよ!?」ということです。 別に今時点で運用がうまく回ってるものを無理に VSTS にしてほしいわけでは
こんにちは。みぃむ( id:ml_myme )です。 プログラミングをやる上で重要なのが変数名はメソッド名ですよね。 が!!英語が苦手なんです。本当に。 毎回ここで一番時間を使っているんじゃないかと思うほどに。 後々おかしくなって修正し直すのも大変だし・・・・コミットメッセージってそもそも・・・・ ということで大変お世話になったサイトを自分用にまとめておきます。 随時更新もしていく予定でいます。 変数名・クラス名 プログラミングとかウェブでよく出てくる小難しい英単語30選 - こちょこちょブログ 設計 - クラスの命名のアンチパターン - Qiita C言語編 - プログラミングに出る!英単語 Rails - プログラマなのに知らなかったら恥ずかしい英単語集 - Qiita Naming -名前付け- - Qiita メソッド名を考える時に読んでおきたい記事 プログラミング - うまくメソ
Electron(旧Atom-Shell)とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScript、HTML5の進化によって、多機能なWebアプリケーションが増えてきました。それに伴い、モバイルでは、WebViewやApache Cordovaなどを使ったハイブリッドアプリも注目されています。Electronはその流れの中から生まれた新しい実行環境です。 ElectronはChromiumブラウザを内蔵しているのが一番の特徴です。Chromiumブラウザは、Google製のChromeブラウザのオープンソース版にあたります。ウェブ開発者がChrom
Electron(エレクトロン)とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム(Chromeブラウザの元となるもの)とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー
WPFがWinFormsより敷居が高い? そりゃ、最初に掛け違ってるからですよ、きっと。 というわけで、これはXAML Advent Calendar 2014の3日目、12月3日分のエントリーです。WPF? XAML? MVVM? そんなにムズカシクないよ? というお話。 もちろんWinRTのWindowsストアアプリやWindows Phoneアプリ等、XAMLベースのプラットフォームにもほとんどすべて共通した内容です。 ここではあえて理論とか観念は説明しません。とにかくコードを見ながら仕組みと動きを理解していきます。 俺は、コードが読める、長い説明エントリーなんてめんどくせぇ、と思ったら、コード部分だけを実際に動かしながら見ていくだけでも基本的な構造が十分に理解できるのではないか、と。 サンプルプロジェクト Download: SimpleMVVM.zip github: https
古き良きインターネットアプリケーションであるマウスストーカー*1をリアクティブプログラミングの技術を活用して実装してみるという取り組みをしましたのでご紹介します。リアクティブプログラミングというと主語が大きめですが、ここではbacon.jsを使ってるくらいの意味です。 できたもの まずは完成したマウスストーカーを紹介します。チェーンのように連なった星がマウスカーソルの軌跡を辿ってついてきます。工夫してうごかすとなかなか綺麗です。下のボタンを押すと実際にこの画面でマウスストーカーを有効にすることができます(requestAnimationFrameに対応したPCブラウザのみ)。いろいろ動かして遊んでみてください。 このページでマウスストーカーを有効にする 実装 このマウスストーカーがどのように実装されているか紹介します。ソースコードはGitHubに公開していますので、適宜ご参照ください。手元
はじめに これはソフトウェアテストあどべんとかれんだー2014 - connpassの12/12の記事です。 12/9は@PoohSunnyさんのtesting - 地味だけどGebをgroovyにしている5Tips #SWTestAdvent - Qiitaでした。 Friendlyの紹介記事です。 自分のライブラリの宣伝ですみません。よろしくお願いします! Windowsアプリ操作用ライブラリです。 FriendlyはWindowsアプリを.Netのプログラムから操作するためのライブラリです。 Win32、WinForms、WPFに対応しています。 (ストアアプリ用は特殊でまだα版です) Win32もいけますが、.Netの方が得意ですね。 僕自身もWindowsアプリのシステムテスト自動化をやっているのですが、自分が「安定動作する」システムテストを「簡単に」作るために作成しました。 通
hungnq1989/fixed-table-header GitHub スクロールしてもテーブルヘッダを固定表示できる「fixed-table-header」 通常はスクロールすると消えてしまって、何のカラムだっけ?と上にスクロールするという無駄な動きを生んでしまいますが、こちらのプラグインを使ってテーブルヘッダを初期化することでテーブルを使いやすくできます 関連エントリ インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 HTML5+JSONでインタラクティブなテーブルを作れる「Dynatable.js」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く