タグ「Step」 - はてブログ

タグ Step

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 62件)

GitHub ActionsにおけるStep/Job/Workflow設計論

2022/05/17 195 users job GitHub Actions コマンド複数個処理

この記事について GitHub Actionsには、以下3つの実行単位が存在します。 Workflow Job Step パイプラインを組む中で出てくる複数個の処理を、1つの実行単位でまとめてしまうか、それとも分割するのかというのは悩むポイントかと思います。一つのstepのrunフィールドにコマンドを詰め込む？それともstepを分けた方がい... 続きを読む

相談役　島耕作 - 弘兼憲史 / ＳＴＥＰ　３７　Ｉ　Ｈｅａｒ　Ａ　Ｓｙｍｐｈｏｎｙ | コミックDAYS

2021/02/26 176 users 弘兼憲史コミックDAYS 軸足島耕作金字塔

相談役　島耕作弘兼憲史テコット会長を退任した島耕作は、相談役へ就任する。社業を離れ、その軸足は政治、経済、国際の諸問題へ。日本の未来のために島が次に取り組む仕事とは――。「島耕作」シリーズ開始から36年目、新たな局面を迎えたサラリーマン漫画の金字塔！続きを読む

Reactを自作しよう

2020/11/22 351 users React アーキテクチャ必須機能実際

この記事は Build your own React を翻訳したものです。 Reactを1から書き直していきます。実際のReactコードのアーキテクチャに従いますが、最適化機能と必須ではない機能は今回は実装しません。 Step 1: createElement関数 Step 2: render関数 Step 3: Concurrent Mode Step 4: ファイバー Step 5: Render Phase と C... 続きを読む

ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」 - エンジニア・プログラマのソーシャルITメディア

2019/10/09 433 users プログラマ Chrome拡張エンジニアノーコード全部

◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「N... 続きを読む

[JS]実装が簡単！要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It | コリス

2019/01/28 149 users コリス class stylesheet スクリプト Libs

アニメーションの一覧 CSS3 Animate Itの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/animations.css" type="text/css"> </head> <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jque... 続きを読む

ブログを月間30万PVまでアクセスアップさせた全手法 | ブログマーケッターJUNICHI

2015/10/04 271 users ブログマーケッターJUNICHI 多くアクセス数書き方

今のあなたのブログ運営状況に合わせた方法を実践してみて下さい！ STEP１　WordPressブログを作ろう！ STEP2　ブログを書きはじめるまでに考えておきたい事 STEP3　ブログの書き方 STEP4　ブロブログを運営しているなら、一人でも多くの人に読んでもらいたいですよね？でも、書いても書いてもアクセス数が上がらない！そんなあなたの為に、ブログのアクセスアップ方法をまとめ... 続きを読む

[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height | コリス

2015/09/10 179 users コリス script Body スクリプトレスポンシブ対応

1-3、4-6でエリアを指定、1-3と4-6が同じ高さに Right Heightの使い方 Step 1: スクリプトの準備当スクリプトを外部ファイルとして記述し、初期化しておきます。スクリプトは、これで完了。 <body> ... コンテンツ ... <script src="js/right-height.js"></script> <script> rightHeight.init();... 続きを読む

[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid | コリス

2015/08/03 338 users jQuery コリス Body スクリプトデモ

レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。デモのアニメーション minigridの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/m... 続きを読む

[JS]変形アニメーションがかっこいい！アイコンをクリック・タップすると別のアイコンに変えるスクリプト -iconate.js | コリス

2015/05/26 129 users コリススクリプト変形アニメーション単体アニメーション

オフキャンバスメニューなどで最近よく見かける、アイコンをクリック・タップすると、別のアイコンにアニメーションで変形させる単体のスクリプトを紹介します。実装も非常に簡単で、それぞれのアイコンとアニメーションを指定するだけでOK。「zoomOut」「rubberBank」のアニメーション例 iconate.jsの使い方 Step 1: 外部ファイル当スクリプトとスタイルシートを外部ファイルとし... 続きを読む

実装は超簡単！デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー | コリス

2015/05/19 143 users head スピナーコリス link rel ローディング時

ページのローディング時によく使われる、デザインがかわいく、アニメーションもかわいいCSSで実装されたスピナーを紹介します。 divひとつのミニマルなHTMLで、簡単に実装できます。スピナーの実装実装は、簡単です。「弾むボール」を例に、説明します。 Step 1: 外部ファイル各スピナーに用意されているCSSファイルを外部ファイルとして記述します。 <head> ... <link rel=... 続きを読む

[JS]ちょっとしたアイデアの積み重ねが素晴らしい！画像を拡大表示するシンプルなスクリプト -Zoom.js | コリス

2015/05/13 156 users コリス ESC boot Bootstrap スクリプト

デモのアニメーションGIF ここでは「Esc」キーを拡大画像から元画像に戻す際に使用していますが、スクロールしてコンテンツに戻る時のアニメーションも非常に軽快です。 Zoom.jsの使い方 Step 1: 外部ファイル当スクリプトとスタイルシート、jquery.jsを外部ファイルとして記述します。アニメーションのエフェクトはBootstrapのtransition.jsに依存しており、Boot... 続きを読む

旅のお供

2015/03/29 159 users お供しおり順番 Step1 地図

「旅のお供」は旅のしおりを作って、友達と共有できるサービスです。「旅のお供」は旅のしおりを友達と共有できるサービスです旅の名前を決めてさっそくしおりを作ってみよう！「旅のお供」の使い方 step1 旅のタイトルを決めましょう。 step2 行きたい場所を挙げていきましょう。地図を入れたり、行きたい順番に並び替えると便利に使えます。 step3 できたしおりはみんなに送りましょう。共有した人... 続きを読む

[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js | コリス

2015/03/16 140 users コリス jQuery head jquery.js スクリプト

マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type... 続きを読む

Bootstrapをカスタマイズ！ページをスマホで表示した際に横からナビゲーションをスライドさせる -Bootstrap Offcanvas | コリス

2015/03/06 187 users コリス head Bootstrap CSS スクリプト

Bootstrapで実装したページをスマホなどの幅が狭いスクリーンで表示した際に、横からオフキャンバスのナビゲーションをアニメーションでスライド表示させるJSとCSSのパックを紹介します。 Off Canvas -Bootstrap Bootstrap Offcanvasの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <l... 続きを読む

JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders | コリス

2014/12/10 129 users ローディングコリス SVG SVGファイル CSS

JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK！デモページ SVG Loadersの使い方使い方は、簡単！ Step 1: SVGファイルをダウンロード下記ページの右サイドの「Downlaod ZIP」から、SVGフ... 続きを読む

[JS]日本語もOK、行単位でスタイルを適用できるようにするスクリプト -Lining.js | コリス

2014/11/25 108 users コリス rolling スクリプスクリプト script

demo 5 一行ごとにさまざまなアニメーションで表示します。「rolling」のエフェクトかっこいいです。 Lining.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <head> ... <script src="build/lining.min.js"></script> </head> デモにあるエフェクトを使用する時は、エフェクト用のスクリプ... 続きを読む

[JS]ページの背景に、美しい幾何学状のアニメーションを簡単に実装できる超軽量スクリプト -particles.js | コリス

2014/11/14 121 users コリス Demo canvas Body アニメーション

最近見かけるようになった背景にCanvasで描いた粒子でできたような幾何学状のアニメーションを簡単に実装できる超軽量スクリプトを紹介します。 ↓は静止キャプチャですが、優美なアニメーションで動きます。 Demo: Elegant particles.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script s... 続きを読む

[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid | コリス

2014/11/10 110 users WebM コリス jquery.js Body セクション

.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。デモページ単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。 <body... 続きを読む

Werckerの仕組み，独自のboxとstepのつくりかた | SOTA

2014/10/15 163 users Sota wercker Push TravisCI Box

WerckerはTravisCIやDrone.ioのようなCI-as-a-Serviceのひとつ．GitHubへのコードのPushをフックしてアプリケーションのテスト，ビルド，デプロイを行うことができる． Werckerは，TravisCIのように，レポジトリのルートにwercker.ymlを準備し，そこに記述された実行環境と実行コマンドをもとにテスト/ビルドを走らせる． Werckerには，その... 続きを読む

驚愕のおいしさ！！大人気の「ヨーグルトでモッツァレラ」を試してみた！ | クックパッドニュース

2014/09/25 353 users モッツアレラモッツァレラチーズヨーグルト驚愕模様

「ヨーグルトを焼くとモッツァレラチーズのようになる」とお伝えしましたが、本当になるの？と気になっている人も多いよう。そこで、クックパッド編集部が実際に試してみました！早速試してみた人も多いようで、みんなからの作ってみたレポート（つくれぽ）も増えているよう。クックパッド編集部でもどんな風になるのか気になりすぎる！ということで、実際に試してみましたよ！今回はその模様をお伝えしていきます。 Step1... 続きを読む

[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js | コリス

2014/09/08 188 users コリス jQuery 横軸 head time

スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。 jQueryやAngular.JSなど他のスクリプトは不要です。 Ilya Grigorik Timesheet.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <head> ... <script src="/javascripts/time... 続きを読む

[JS]スクリプト初心者でも簡単！レスポンシブ対応のナビゲーションやコンテンツを横から表示するスクリプト -Slidebars | コリス

2014/01/30 215 users jQuery コリス head jquery.js Body

最近よく見かけるトレンドの一つ「Off Canvas」、コンテンツの横からナビゲーションやコンテンツをアニメーションでスライド表示するjQueryのプラグインを紹介します。デモページ：幅780pxで表示 Slidebarsの使い方 Step 1: 外部ファイル当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上に記述します。 <head> ... <link r... 続きを読む

[CSS]楽しい動きが満載！ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css | コリス

2014/01/06 318 users コリス Sass ホバーエフェクト class CSS

ボタンやロゴや画像にclassを加えるだけで簡単に利用できるホバーエフェクトがまとめられたスタイルシート（SASSも有り）を紹介します。 40種類以上のCSS3アニメーションは、見てるだけでも楽しいです。 Hover.css Hover.css -GitHub Hover.cssの使い方 Hover.cssのデモ Hover.cssの使い方使い方は非常に簡単です。 Step 1: 外部ファイル ... 続きを読む

Githubの組織が成長する過程で変えたことと変えなかったこと - ワザノバ | wazanova

2013/11/19 692 users GitHub wazanova ワザノバカンファレンスカネ

GithubのZach Holmanが語るGithubの組織戦略です。まず最初に、 Step #1: ロックスターエンジニアを雇う Step #2: ものすごく透明性のある経営をする Step #3: ブログ/ソーシャルメディアなどでテクノノロジーについて発信する Step #4: カンファレンスで会社について話す Step #5: カネに余裕ができる Step #6: 社員を大勢雇う Step ... 続きを読む

コンプガチャなき今、どんなガチャがあるか調べてみた。 | GrowthApp

2013/09/29 270 users ガチャ Box レアパッケージ GrowthApp

コンプガチャなき今、どんなガチャがあるか調べてみた。,BOX、STEP、引き直しなどいろんなガチャの種類をまとめてみました。30アプリ程度ざーっと見て、やってるガチャをまとめてみました。 ■BOX 初めから決まった数のレアが入っている。ガチャ回すと、パッケージの中からランダムでカードが引かれ、最終的にはパッケージ内のカードをすべて入手可能。 ■ステップガールフレンド（仮）では、回すごとに特典が変... 続きを読む