タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに このページは、プロトアウトスタジオのAPIにつなげる授業に関連して、よりAPIの多様さ、広がりを深掘りします。 まだ、JavaScriptに慣れていなくても「なるべくシンプルにAPIを体験する」ことを目指して、 public-apis というフリーで使えるAPIを集めてリストにしているサイトから、手順が少なくAPIにつなげられるシンプルに取得できるものを中心に、直接取得できるURL・Node.js axios await/async ソースコードを一つ一つトライしています。 慣れてきたら、自分で public-apis のサイトを直接読んでみて、巡ってみましょう！ APIピックアップ数 最終更新日 2020/6/8 104 個のAPIをピックアップ中！ 参考資料 public-apis の豊富なAPIリストをベースにAPIつなげていきます。 ピックアップルール 手順が少なくAPI
はじめに browser-use を使う上で詳しいドキュメントがなかったので、自分で使ってみたことをまとめてみました。 browser-use の基礎的なところは以下にまとめてあります。 ブラウザを起動させず、ヘッドレスモードで実行したい BrowserConfigのheadlessをTrueにすることで、ブラウザを起動させず、ヘッドレスモードで実行することができます。 from browser_use.browser.browser import Browser, BrowserConfig browser = Browser( config=BrowserConfig( headless=True, ) ) async def main(): model = ChatOpenAI(model='gpt-4o') agent = Agent( task='東京の天気をGoogleで調べて
こんにちは。フロントエンド開発で一番好きなのはCSS、Mhousetreeです。 普段はCSSアニメーションで遊んだりしています。 （頑張って作ったのでよかったら見てね！！！！！） 何かと使う中央揃え。なんとなく覚えているものを順番に試して中央に来たらOK！と思っていませんか？ 現在ではかなりいろんな種類の方法があり、それぞれ異なる特徴を持っています。 この記事ではCSSでよく使う（気がする）レイアウトパターンの中で、センタリングに関するものをまとめました！ まえがき この記事では各実例を独自の指標で評価して示しています。 長い記事になる予定なので、部分的に読まれる場合の参考になさってください。 実用性：記述量や例外（中身の文章が長い・改行がある要素など）への対応力など。 よく見る度：コーディングしていて出てくる頻度(n=1)。 お前しか勝たん度：独自性が強い・他の方法では代替しづらいもの
Next.js App Router Training Introducing various basic patterns using Next.js' app router with simplified code. ディレクトリ作って、コード書いたら新しいサンプル追加できるので、追加ウェルカムです！ 目的 自分の検証サンドボックスがほしかった 公式ドキュメント含め、解説と参考コードはあるが、実際に動いている状態とコードを同時に見たい 簡潔な短いコードで早く理解を促したい 一番の目的は、初学者にApp Routerの機能を説明するときにこのサイトである程度、網羅されており実行されているコードとその状態が見えるものが欲しかったというのが主な理由です。 逆にあまり説明は書きたくなく、それは公式ドキュメントや他の方のブログで説明されているのでそちらを読んでもらいたいです。 知見 / 感想 仕
この記事の概要 SaaSのデータをBigQueryに統合することで業務改善を促進できる。 しかし、SaaSのデータの中身を見ると、BigQueryの関数では対応しにくい形式になっていることがある。 そこで、本稿では「こういうデータ形式だったらこういうSQLを書く」というサンプル集を掲載する。 目次 この記事の概要 目次 宣伝 実現したいこと SaaSデータの処理方法 SQLサンプル1: 純粋な配列だけのケース SQLサンプル2: 配列内にハッシュマップがあるケース SQLサンプル3: 配列宣言ナシでカンマ区切りのハッシュマップが突如始まるケース SQLサンプル4: 配列とハッシュが入り乱れるケース SQLサンプル5: JSONの中に親子構造があるケース SQLサンプル6: Objectを定義したくなるケース 最強のJSONパースの関数は作れるか jsonデータの処理をどこで行うか 最後に
変なモノ好きで、比較文化にこだわる2人組（1号＆2号）旅行ライターユニット。中国の面白可笑しいものばかりを集めて本にした「 中国の変-現代中国路上考現学 」（バジリコ刊）が発売中。 前の記事：名古屋の人の名古屋案内は、さすがの喫茶店推しの強さだった ＞ 個人サイト 旅ライターユニット、ライスマウンテンのページ 1年生からハードルが高そう ――よろしくお願いいたします。これ400ページ近くあるんですよ。めちゃ分厚いです(笑) 先生「すごいですねえ、中国の子供たちは1年生から漢字だらけで。ピンイン（発音記号）もあるんですね」 ――ですです。だから読めるんでしょう。この本、最初に一段落で終わる短い文があって、次に半ぺージ、数えたら200文字くらいの文があって、そのあとに1ページ以上の長編作文があります。すごいですよ！ 先生「子供たち大変ですわあ」 ――日本の1年生の作文の要求はどんなもんですか？
丸いフォルムが特徴的で、定番ヘアスタイルであるボブ。 ベースを活かしたストレートボブもかわいいですが、巻き髪を取り入れることでより幅広いスタイルを楽しめるんです♡ 髪に動きをプラスすると、軽やかに仕上がり、垢抜けも叶えられます。 この記事では、ボブをおしゃれに巻くコツやトレンドの巻き方、お手本となるスタイルをご紹介。 「いつものボブスタイルに飽きてきた」「シーンに合わせてアレンジを加えたい」という方は必見です！
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
はじめに このページは、プロトアウトスタジオのAPIにつなげる授業に関連して、よりAPIの多様さ、広がりを深掘りします。 まだ、JavaScriptに慣れていなくても「なるべくシンプルにAPIを体験する」ことを目指して、 public-apis というフリーで使えるAPIを集めてリストにしているサイトから、手順が少なくAPIにつなげられるシンプルに取得できるものを中心に、直接取得できるURL・Node.js axios await/async ソースコードを一つ一つトライしています。 慣れてきたら、自分で public-apis のサイトを直接読んでみて、巡ってみましょう！ APIピックアップ数 最終更新日 2020/6/8 104 個のAPIをピックアップ中！ 参考資料 public-apis の豊富なAPIリストをベースにAPIつなげていきます。 ピックアップルール 手順が少なくAPI
インナーカラーやハイライトなど髪のアクセントになるヘアカラーが流行っている昨今、セクションカラーの注目度が高まっているのをご存知ですか？髪色のコントラストがはっきりと分かるセクションカラーは、入れる色によってお好みの雰囲気を作ることができるので、どんな方でも楽しめるカラー！この記事ではそんなセクションカラーの特徴や魅力、おすすめのスタイルを紹介。たくさんの組み合わせから、自分だけのお気に入りスタイルを見つけてみてください！
どうも！LSSです！！ CSS関連で色々と作ってきましたが、ここでちょっといったん、まとめ記事を書きます！ ちょっと量が多かったので、今回は「ボックス装飾」関連のまとめ記事となります^^ border-radius ボックス（枠）の角を角丸にする指定です。 コード 書式 border ボックス（枠）の外周に枠線を表示します。 コード 書式 枠線の種類 その他アレンジ background-image ボックス（枠）の背景に画像をつけます。 コード 画像ファイルの他に代替でグラデーションを使用できます。 コード 直線グラデーションの他に、円形グラデーションも使用できます。 複数のグラデーションを重ねる事もできます。 その他アレンジ box-shadow ボックスに影をつけます。 コード 書式 その他アレンジ あとがき border-radius ボックス（枠）の角を角丸にする指定です。 サン
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
昨年に引き続き2023年もおしゃれ女子の注目を集める、ミルクティーアッシュカラー。明るさの中にある優しく柔らかい質感が、垢抜け髪にもってこい♡この記事では次の髪色にミルクティーアッシュを選ぶ人のために「ブリーチはすべき？しないべき？」の疑問を解消、さらにレングス別にカラーサンプルを特集します！ 関連カタログ
どうも！LSSです！！ 以前、【CSS】ボックス装飾によく使うプロパティ おさらいとサンプル集という、それまでに作成したCSSサンプルのまとめ記事を書いていました。 気づけばそれから１年近く経ち、その間にもちょこちょこ作っていたので、その後に作ったものをまとめてみます！ …と言いつつ、見てみると結構作ってるものがバラバラで^^; 書き出すと「まとまりのないまとめ」になりそうだったので、様々なネタの中から 「アニメーションするボックス（枠）」 のまとめ記事とします^^ マウスカーソルに反応するタイプ カードをめくる その２ 光が斜めに横切るバー たたっ斬る！ マウスカーソルで枠線の太さが変わる演出 丸から四角に変形するボックス カーソルを乗せると動くグラデーションバー 勝手に動いてるタイプ カタカタ自己主張する見出し 背景多重アニメーション 鹿威し（ししおどし）のように揺れる見出し ２つの四
透明感抜群のグレージュ系ヘアカラーの中でも、今注目を集めているのはピンクグレージュです。大人女子の色気を引き出してくれる艶カラーなので、髪色チェンジにお悩みの方におすすめ。色っぽくイメチェンしたい方へ向けて、ピンクグレージュのイチオシスタイルをまとめてみました♡ 関連カタログ
はじめに ユーザーが何の準備も必要なく、PCでもスマホでも動かすことができるWebアプリの魅力に惹かれてJavaScriptを勉強しました。 Web初心者のわたしが最終的にはこんなアプリたちを作ることができました。 完全に独学なので「もっといい方法がある」とか「もっときれいに書ける」とかはあるかもしれませんが、これらを実装した経験を通して、必要だった最低限な知識をまとめようと思います。 サーバーとのやりとりは一切しない（したい方はすればよい）ので、定義によっては「Webアプリ」とは言わないかもしれませんが、ここでは便宜上そう呼ぶことにします。（あとがきも参照） 対象読者 Webアプリって難しそう 完全無料でアプリやゲームを公開したい サーバー立てたくない JavaScriptやったことない初心者 Reactって何？TypeScriptって何？便利なの？生JSでよくね？ フロントエンドだけ学
どうも！LSSです！！ 【CSS】ボックス装飾によく使うプロパティ おさらいとサンプル集に続き、テキスト装飾関連のまとめ記事です！ 最初は基本的なところから、後半だんだん特殊なものになっていきます^^ font-size 文字の大きさを指定します コード 書式 color 文字の色を指定します コード 書式 font-weight 文字を太文字にします コード 書式 text-align 文字の表示位置を、右寄せにしたり、中央揃えにしたりできます コード text-decoration 文字に下線などの線を引きます コード 書式 その他アレンジ text-shadow 文字に影をつけます コード 位置をずらさず、ぼかしをまとわせる効果も作れます コード 書式 その他アレンジ 袋文字作成ツール マーカー 蛍光ペンを引いたような効果 コード 書式 その他アレンジ グラデーション文字 文字色自体
よく見かけるスライダー（自動再生） See the Pen 【jQuery】スライダープラグイン「slick」よく見かけるスライダー（自動再生） by 125naroom (@125naroom) on CodePen. HTMLとjQueryはこちら <div class="sliderArea"> <div class="regular slider"> <div><img src="https://125naroom.com/demo/img/itukanokotonokoto01.jpg" alt="125naroom"></div> <div><img src="https://125naroom.com/demo/img/itukanokotonokoto02.jpg" alt="125naroom"></div> <div><img src="https://125naroo
カーキグレージュとは、カーキとグレーとベージュを混ぜ合わせてつくるカラー。 ほんのりグリーンがかったくすみ感のある色味が特徴的で、クールで大人っぽいこなれた雰囲気に仕上がります。 カーキとグレーが日本人特有の赤みをしっかりと除去してくれるため、地毛の赤みが強い方には特におすすめのカラー◎ カーキの色味が強いとヘルシーで自然な雰囲気に、グレーの色味が強いと落ち着いた大人っぽい雰囲気に、ベージュの色味が強いと優しげでこなれた雰囲気に。 色の配合によってガラッと雰囲気や見え方が変化するため、自分に合った色味を見つけやすいのも魅力的◎ 合わせるレングスによっても与える印象が異なるため、後ほどご紹介するおすすめスタイル特集もぜひチェックしてみてくださいね♡
ちょっと目立つとすぐ罵詈雑言が集まってくるのはいつだって誰にだって起こること。しかしそれらを可視化し、なぜダメなのかを説明するものってそうそうなかった気がするので作ってみました。
どうも！LSSです！！ 【CSS】ナンバリング箇条書き、色付き背景に成功しました！【olタグ装飾】 つまづきの記録。ナンバリングの背景を色付き円に…できなかった話^^; 【CSS】ナンバリング付きの箇条書き、ナンバー部分に背景色を付けてみます 【CSS】箇条書きのドットに色をつける【list-style-image】 …と、同じような事を続けてやってきましたが、今回は「まとめ」として使い甲斐のありそうな？ものを５種類並べてみます^^ 光を入れて、珠っぽく 色数を増やしてみました 四角もちょっと凝ってみます 星＋text-shadow はぁと型もいけますね^^ 光を入れて、珠っぽく 4時のニュース ハラキリ侍が行く！ Dr.”ピー”ニスの悩み相談室 ６年”ピー”組 吉賀先生 コード <style><!-- .olm0 {position:relative;} .olm0 li{list-st
【jQuery】slickの使い方とよく使うサンプル集 公開日 : 2022.07.04 最終更新日 : 2023.11.07 コーディング スライダーのプラグインは数多くありますが、その中でもよく使われる「slick」について、使い方とよく使う実装方法についてご紹介します。 今回紹介するサンプルを組み合わせることで様々なカスタマイズにも対応できるかと思いますので、是非参考にしてみてください！ slickの導入方法slickを使うためには、以下2つの方法があります。 ファイルをダウンロードして読み込む方法CDNを使って読み込む方法なお、slickを利用するためはjQuery本体の読み込みも必要になるので、忘れずに！ slickファイルをダウンロードして使う場合公式サイトにアクセスし「get it now」をクリックします。 「Download Now」をクリックすると、skickのファイル
jQueryの遅延（少し遅らせて表示させる、最近よく見かけるあれです）プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。CSSのアニメーションと組み合わせることでサイト制作の幅がとっても The post 【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集 first appeared on 125naroom / デザインするところ（会社）です。.
import openai openai.api_type = "azure" openai.api_base = "https://<???>.openai.azure.com/" openai.api_version = "2023-03-15-preview" openai.api_key = "???" import openai from langchain.callbacks import get_openai_callback from langchain.chat_models import AzureChatOpenAI from langchain.schema import AIMessage, HumanMessage, SystemMessage with get_openai_callback() as cb: chat = AzureChatOpenAI( c
ちょっとしたデータを保存するのであれば、テキストファイルを使うのが手軽で簡単です。 でも、数十～数十ギガバイトのデータから、特定の条件のものを抜き出したり集計したりする場合、データベースが不可欠です。 データベースと一言で言っても、商用データベースで有名なOracleやSQLServer、無料ながら業務で使われているPostgreSqlやMySqlなど、数多くの製品が存在しますが、ちょっとした用途で使うには向いていません。 そんな時重宝されるのがSQLiteです。 ということで、今回はC#からSQLiteを使うためのインストール方法と使い方について解説したいと思います。 SQLiteの使い方を解説しているサイトはたくさん存在しますが、他のサイトでは解説していない「SQLiteを使うために必要な手順の全体像」と「関数化した機能単位のサンプル」、そして機能単位のサンプルをクラス化した「SQLi
Power Platform による、企業で有用なアプリのサンプルを無償提供しています。 本アプリは、日本マイクロソフトの社員有志により作成・公開しています。 こちらのアプリは Power Platform の Premium 機能を利用しています。 また、アプリは無償でダウンロードが可能です。 アプリについて 以下のリンクからソースをダウンロードし、フォルダ内の手順書に従ってインストール、ご利用をお願いします。 また、アプリご利用の際には Premium ライセンスが必要となります。 評価環境について アプリサンプルを Power Platform の評価環境でお試しされたい場合、以下の手順書または動画をご参考に評価環境を作成してください。 Power Platform (Power Apps, Power Automate) のお試し環境を準備しよう(手順書) Power Platfo
遺言書を作成する際は、自分でゼロから文章を作成しようとすると、時間がかかるだけでなく、遺言書の有効性が欠けてしまう可能性があります。 そこで、遺言書の文例や見本を見ながら、まずは文章の形をすべて丸写ししてしまって、氏名や住所や財産の内容など、必要な部分だけ書き換えるやり方をお薦めします。 このページでは、弊社がこれまでに相談を受けることが多かった、遺言書に書きたい内容の要望ごとに、それぞれの文例を紹介します。 また、自筆証書遺言書の下書きとなる文章を、無料＆会員登録不要で作成できるシステムを用意しました。スマホでもカンタンに使えますので、ぜひ試してみてください。 1. 遺言書作成の第一歩は下書きの完成 1-1.遺言書の下書きをカンタン自動作成 1-2.動画で分かる「遺言書を日本一カンタンに書く方法」 1-3.標準的な遺言書の書き方・文例 2. 遺言書を書く前にかならず知っておきたい文章例
01基本 ■ powershell における if ～ else 構文 ■ Powershell におけるループ処理の基本 ■ 環境変数の追加する 02Powershell実行 ■ コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません 03セキュリティ ■ 実行を許可するサンプルコード ■ AuthorizationManager チェックが失敗しました ■ 'HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\PowerShell\1\ShellIds\Microsoft.PowerShell' へのアクセスが拒否されました ■ Windows Firewall の状態を確認する ■ ウィルス対策ソフトの状態を確認する powershell サンプルコード ■ ログイン失敗履歴をWindowsイベントログから取得する 0
UnityでOpenCVを使いたい場合には「OpenCV for Unity」と「OpenCV plus Unity」の２種類のアセットがあります。OpenCV for Unityは有償（$104）でメンテナンスもこまめに行われている一方、APIが独特でpythonやC++のOpenCVに慣れている人には少し使いにくいイメージです。 一方、OpenCV plus Unityは オープンソースのOpenCVSharpをUnity用にカスタムした無償のアセットです。APIの形式も他言語のものと似ていて比較的使いやすいため、この記事ではOpenCV plus Unityを使ったサンプルを紹介します。 ここで紹介するOpenCVのサンプルは以下のとおりです。 下準備 画像の読み込み グレースケール化 画像を2値化する 画像から輪郭検出する 画像を射影変換する 座標の射影変換 ガウシアンブラーでぼか
公開日：2013年5月以前 最終更新日：2020-08-17 マクロVBAの開始時と終了時に指定しておくべきApplicationのプロパティ マクロVBAの開始時および終了時に指定した方が良いApplicationのプロパティの開設です。 特に重要なもの、マクロVBAの処理速度に関係するものを紹介します。
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
CSSでborderが伸縮させるアニメーションのパターンサンプル集です。 このページでは、テキストの下線として表示するborderとして紹介していますが、ボーダーのみの要素作成などの場合も基本は同じですので応用はしやすいかと思います。 また、幅と高さ、背景色を利用して要素そのものをボーダーとして表現する方法などもありますが、このページでは紹介していません。 borderの長さを調節する基本borderプロパティは、borderを指定した要素のwidthがその長さとなります。 例えば、displayプロパティがblockなどの要素では100％となり、displayプロパティがinlineの要素では他の要素がない限り0pxとなり表示されません。 borderの為に要素のwidthを可変すると、テキストなどの他の要素の表示領域にも影響するため、0または短い横幅を指定すると表示できなくなってしまい
01基本 ■ powershell における if ～ else 構文 ■ Powershell におけるループ処理の基本 ■ 環境変数の追加する 02Powershell実行 ■ コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません 03セキュリティ ■ 実行を許可するサンプルコード ■ AuthorizationManager チェックが失敗しました ■ 'HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\PowerShell\1\ShellIds\Microsoft.PowerShell' へのアクセスが拒否されました ■ Windows Firewall の状態を確認する ■ ウィルス対策ソフトの状態を確認する powershell サンプルコード ■ ログイン失敗履歴をWindowsイベントログから取得する 0
正規表現パターンのサンプルをまとめてみました。 ぜひご利用ください。 正規表現サンプル 【正規表現パターン】 パターン意味
公開日：2015-03-29 最終更新日：2020-06-22 Excelの表をPowerPointへ図として貼り付け PowerPointを作っていると、エクセルの表を挿入したいことが多いです、 単発作業なら手作業で十分ですが、 定期的にやる場合や、数が多いと大変ですので、マクロで自動化したくなります。 Sub sample() Dim ppApp As New PowerPoint.Application Dim ppPt As Presentation Dim ppSlide As Slide Dim ppShape As PowerPoint.Shape Dim ws As Worksheet 'ppApp.Visible = True 'PowerPoint2007以前の場合は有効にしてください。 Set ppPt = ppApp.Presentations.Open(ThisW
カラーボックス - 背景色,枠線,アイコン付き 文字の強調表示 1 - 下線,マーカー 文字の強調表示 2 - 囲い ブログカードのヘッドアイコン 記事ページ,一覧ページのカテゴリーリンク BorderRadius Border 背景色 影 バッジ はてなブログの記事用デザインのパーツを備忘録ついでにツール的な感じでまとめました。CSSを生成するツールになっているため、クラス名・スタイルの変更が可能です。(ブラウザによっては正常に動作しないかも...) スマホからでも簡単に、カスタマイズから実装までができるようにスタイルの編集、ボタンでコードのコピーができるようになっています。 コピペOKです。 コピー用テキストエリア(ページ下部)を設置したので、使用したいデザイン(スタイル)をまとめてコピーすることが可能です。 コピー用テキストエリアにスタイルを追加する場合は、「追加」ボタンを押してくだ
街が輝きだす冬。12月の大イベントといえばクリスマス。 当日にデートやホームパーティーなどの予定がある方は、今の時期からどんなおしゃれをしようか考えているのではないでしょうか。 1日しかないイベントの時は、いつもとは違う特別なヘアアレンジをするのもおすすめ。 では、クリスマスらしい特別なヘアアレンジとは、一体どんなアレンジなのでしょう。 この記事では、クリスマスらしいアレンジの極意とそれに見合ったアレンジの参考カタログを紹介していきます。
サイト制作・Webアプリの制作承っておりますこのサイトのようなWebアプリの制作から、 LP・コーポレートサイト・ワードプレスのようなサイト制作。 Web関連のご依頼を受け付けております。 まずはお気軽にご相談ください。 詳しくはこちら ボックスシャドウ（box-shadow） ジェネレーター画像や要素などに影をつけることができる、box-shadowのツールです。 豊富なサンプルから選択し、カスタマイズすることができます。 内側の影（inset）や、複数の影の生成にも対応。beforeやafterなどの擬似要素にも対応しています。 ニューモフィズムのサンプルも用意しています。
SQLのjoinのサンプルコードを集めてみました。 以下、データベースとして、MySQLのサンプルデータベースEmployeesを使っています。SQL実行結果の表示にはphpMyAdminを使用しています。 SQLのjoinの基本 別テーブルの項目を、キーを使って引っ張って来たい、というときに使うのがjoin。 具体的な例だと、employeesテーブルのfist_name（名前）、last_name（姓）と、salary（年収）をemp_no（社員番号）で紐付けて抽出したい…といったときに使います。 SELECT employees.first_name, employees.last_name, salaries.salary FROM employees left join salaries on employees.emp_no = salaries.emp_no WHERE sa
文字やボールなどの要素を弾ませるバウンドアニメーションのCSSサンプル集です。 このページの各アニメーションにanimationプロパティと@keyframes（キーフレーム）を使ったサンプルコードを紹介しています。 ボールをバウンドアニメーションで弾ませるCSSサンプルSee the Pen CSS bound ball Animation by yochans (@yochans) on CodePen. ボールがバウンドするシンプルなCSSアニメーションサンプルです。 ボール部分と影部分のアニメーションを作成しています。 <div class="container"> <span class="ball"></span> <span class="shadow"></span> </div>コンテナとボールのCSS .bound-container{ position:relativ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
