Bootstrap 5の作業環境の構築方法、jQueryを使用しないJavaScriptでの実装方法を解説
Bootstrap 5の作業環境の構築方法、依存関係のインストール手順、ページやコンポーネントの実装、jQueryを使用せずにシンプルなJavaScript（バニラJS）でコンポーネントを実装する方法などを紹介します。 Bootstrap 5 tutorial: learn how to get started without jQuery by @zolidev 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Bootstrap 5の作業環境を用意する方法 npm依存関係のインストール Sassファイルをコンパイルするためのgulpfileを作成し、BrowserSync経由でローカルサーバーを作成 BootstrapのSassファイルをワークフローに含める 新しいマークアップで簡単なブログページを作成する ナビゲー
文章に関わる全ての人のための Git & GitHub 入門 1-2「コミットを積み上げる」 - Qiita
この連載はこんな人に向けて書かれています。 小説作家さん 編集者さん 校正さん ライターさん 発注者さん 要するに、文章を扱う全ての人々です。 シリーズ記事一覧 1-1「Git と GitHub を使うメリット」 1-2「コミットを積み上げる」 1-3「コミットを理解して活用する」 1. 今回のゴール GitHub にプライベートリポジトリを作ってクローンする ローカルリポジトリにコミットを積み上げる プライベートリポジトリにローカルリポジトリの内容をプッシュする 以上です。ここまでできれば、あなたはとてもとてもスゴい。 どんどんローカルリポジトリにコミットしていきましょう。 あのときに戻りたくなったらいつでも戻れるようにしましょう。 プライベートリポジトリにプッシュしておけば PC が爆発しても大丈夫。 卒論とか修論とかを書いているそこのあなた、いまからでも遅くないですよ。 いやマジでマ
今さら聞けない！GitHubの使い方【超初心者向け】
GitHubとは GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。 ソースコードを更新したバージョンの管理や閲覧、バグ追跡機能、SNSの機能を備えており、開発者にとってなくてはならないサービスです。 また、GitHubを使ってソースコードの管理を行っている企業も多数あります。 GitHubが人気な理由と類似サービスとの違い GitHub は、Git を使用したソフトウェア開発とバージョン管理のための人気のあるプラットフォームおよびクラウドベースのサービスです。コードを効率的に保存、管理、共同作業するために必要なツールを開発者に提供します。ユーザーフレンドリーなインターフェースと豊富な機能を備えた GitHub は、世界中の開発者にとって不可欠なツールとなっています。 GitHub はテクノロジー業界では有名な名前かもしれませんが、ライブカジノへのユニーク
Macの動作が重い理由と改善方法 | ライフハッカー・ジャパン
今週の｢Tech 911｣では、昔からしょっちゅう耳にする質問の1つをとりあげます。ネットでもよく見かけるし、多くの人が友人や恋人から何度も聞かされているであろう質問です。 「最近パソコンが遅いんだけど、どうすれば元のように速くなるかな？」 私も同僚のVirginiaから、米LifehackerのSlackでこの質問を投げかけられたことがありますが、彼女はもう少し細かな言い回しをしていました。 うちの5歳になるMacが、重すぎて使い物にならないことがあるの。ゴミアプリのせいでおかしくなっているんだと思うけど、何から手を付けていいやら…。ねえ、どうすればいい？ また、ちょうど先日、米LifehackerのSlack内で似たようなテーマで議論が行われていました。ネットでよく見かける「パソコンをクリーンアップしてスピードアップしよう！」的なアプリは、実際、インストールする価値があるものなのか、そ
この処理Pythonでどう書く？ - エムスリーテックブログ
EF15形は高性能な電気機関車であったが、引き出し性能が蒸気機関車に劣ると誤解されていた。 誤った運転方法により本来の性能を引き出せていなかったのである。 （spaceaero2 [CC BY 3.0], ウィキメディア・コモンズより） こんにちは、エムスリー・エンジニアリングG・基盤開発チーム小本です。 WEBサイトは RailsやSpringなどの「本体部分」だけでは完結しません。レポート作成・データ更新などの細かい処理も必要です。 過去にはこうした用途にはBashがよく使われました。しかし、Bashは落とし穴が多かったり、クラスなどの抽象化機能がなかったりして、規模が大きくなると辛くなります。 そこで、Bashの代替候補に挙がるのがPythonです。エムスリーでもかつてはBashを使っていましたが、現在は新規案件にはPythonを推奨しています。 しかし、実際にPythonで書き直そ
機械学習で作成したモデルをREST APIとしてdeployする[python] - データナード
モデルを運用する方法の一つとして、REST APIがあります。これは、予測したいデータをWebベースのAPIに送信することで、予測値のレスポンスを取得する方法です。ここでは、pythonでflaskを用いて試します。 joblib.dumpでモデルを保存する 作成したモデルをjoblib.dumpを用いてファイルとして保存することができます。 from sklearn import datasets from sklearn.model_selection import train_test_split from sklearn.linear_model import LogisticRegression import pandas as pd iris = datasets.load_iris() X = pd.DataFrame(iris.data, columns=["sepal_l
![機械学習で作成したモデルをREST APIとしてdeployする[python] - データナード](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e2d30ff875f12a759f0d5588563ad3629215e1e/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8599973812286868474%2F8599973812294041100%2F1504332957)
Pythonヒッチハイクガイドを読んで学んだこと - MyEnigma
退屈なことはPythonにやらせよう ―ノンプログラマーにもできる自動化処理プログラミングposted with カエレバAl Sweigart オライリージャパン 2017-06-03 Amazonで検索楽天市場で検索Yahooショッピングで検索 目次 目次 はじめに Can I use python3でライブラリがpython3で利用できるか確認できる pythonのリポジトリの構成 with構文をうまく使う コードのデバッグをするときはテストファイルを作る。 tkinterはバージョン8.0から外見が洗練された ロギングが print より優れている理由 PythonのテストフレームワークにはNoseを使う Python製のCIサーバ Buildbot Pythonの並列処理にはconcurrent.futuresを使う 参考資料 MyEnigma Supporters はじめに P
MacからWindowsへ。MacのよさをWindowsで再現できたもの・できなかったもの
MacからWindowsへ。MacのよさをWindowsで再現できたもの・できなかったもの 2018年5月3日 Surface, Windows, Mac メインPCをMacからWindowsに変更しました。 Macで気に入っていたものがWindowsで再現できたものもあれば、そうでないものもあります。 Macユーザー、Windowsユーザー、それぞれでよさを再確認していただければ。 ※妻の実家にて iPhoneX 8年ぶりにMacからWindowsへ 2007年に独立した際もそれまでもWindows一辺倒でした。 当時、WindowsはVistaです。 前モデルのXPへのダウングレード（できのいいXPをあえて使う）もやっていました。 2009年にWindows7が出て、Macが気になりつつもそのMacを初めて買ったのは2010年2月。 しばらく併用しつつも、メインPCをMacにしました。
Jupyter 知っておくと少し便利なTIPS集 - Qiita
今まで仕事で使ってきた、メジャーなものからマイナーなものまで含めたJupyter NotebooksのTIPS集です。 入力補完 とりあえずこれが無いと生きていけません。 Nbextensions（Jupyterの拡張機能）自体が未設定であれば、一旦そちらをインストールして、その後にHinterlandという機能にチェックを入れると有効化されます。 AnacondaのJupyter notebookでnbextensionsを使う ※Nbextensionsインストール後、Jupyterのファイルリスト的な画面で、タブで「Nbextensions」という選択肢が追加されます。 Azure Notebooksなどだと、最初からインストール不要で選択できるようになっています。 Google Colaboratoryなどでは、そういった設定ができるのかまだよくわかっていません。（ご存じの方コメン
Pythonでレコメンドシステムを作る(アイテムベース協調フィルタリング) - け日記
今回もお寿司データセットを使って、推薦システムを作ります。 www.kamishima.net 前回と同様、上記サイトのAll Data Setからsushi3-2016.zipをダウンロード・展開して、sushi3b.5000.10.scoreファイルをpythonファイルと同じディレクトリにコピーしておきます。 import numpy as np scores = np.loadtxt('sushi3b.5000.10.score', delimiter=' ') print('scores.shape: {}'.format(scores.shape)) # scores.shape: (5000, 100) print('scores[0]:\n{}'.format(scores[0])) # scores[0]: # [-1. 0. -1. 4. 2. -1. -1. -1.
ExcelMerge - Excelファイルの差分ビューワー
Excelを仕事で使っていると、メールでやり取りしたり誤った上書きを避けるためにコピーを作ったりして次第に同じようなExcelファイルに埋もれることになります。二つのExcelファイルを並べて、どこが違うのか見比べた経験は誰しもがあるのではないでしょうか。 そんな方に使ってみて欲しいのがExcelMergeです。Excelファイルの差分チェックツールです。 ExcelMergeの使い方 簡易的なExcelファイルを二つ比べています。 変更されたセル、追加された行などにジャンプできます。 設定で色や動作を変更できます。 ExcelMergeは将来的にマージ機能の実装を目指していますが、現時点では差分表示までとなっています。とは言え、差分が見える形になっているだけで作業負荷は大幅に軽減されるのではないでしょうか。Excelをよく使っている方にお勧めです。 ExcelMergeはWindows用
Kaggle まとめ: BOSCH (intro + forum discussion) - Qiita
はじめに 過去に参加したKaggleの情報をアップしていきます． ここでは，BOSCHのデータ紹介とフォーラムでの目立った議論をピックアップします． コンペ優勝者のコードや役立つKernelに関しては，Kaggleまとめ:BOSCH(winner)，Kaggleまとめ:BOSCH(kernels)にまとめており，こちらは概要とディスカッションのまとめになります． (フォーラムの内容は後々追記していきます．) 本記事はPython2.7, numpy 1.11, scipy 0.17, scikit-learn 0.18, matplotlib 1.5, seaborn 0.7, pandas 0.17を使用しています． jupyter notebook上で動作確認済みです．(%matplotlib inlineは適当に修正してください) サンプルスクリプトを実行した際にエラー等あった場合は
7 Good Habits Every Mac User Should Get Used To
After using an operating system for a while, you begin to automate many of your most repetitive actions without realising it. Years of doing the same thing teaches you that saving a second or two here and there really can make a difference to your workflow. You essentially become an efficient, well-oiled machine, and though many of these best practices may seem obvious; they aren't necessarily lea
pythonでファイルを読み込んで改行を消す【ファイル読み込みの注意点】 - Qiita
pythonを使ってファイル中の改行を取り除こうとしたらファイルの読み込みの仕様を理解していなかったため引っかかりました． この記事は「改行を消す」ということより「ファイルの読み込み」についての注意点です． なおpython初心者が書いているので，この方法が良いかは分かりません． 参考程度にお読みください． 間違った例 初めに私が間違った例を示します． #!/usr/bin/env python #coding:utf-8 f = open('test1.txt','r') for line in f: text = line.replace('\n','') text = text.replace('\r','') print text, f.close() これを実行するとどうなるか？ 実行結果 test てすと テスト 改行コードを空文字列に置き換えているはずが空白が入ってしまいまし
bashの使い方のまとめ記事のインデックス - それマグで！
bash の使い方を１から見直すシリーズ シェルスクリプトは、もうbashで書いていいよね。bashが動かない環境なんてないんだし。 bash の紛らわしい記号や歴史的経緯によるPOSIXかき分けなどがあって、bashに特化した記事って少ないし断片的なので、色々と調べたことを再構成してまとめて記事にしました。 私自身 [[ / [ の違いが全然わからないので調べ始めました。その結果あれこれ知見が得られたので書きながら復習をしていました。 気づけば、bash の教科書的なものになってしまいました。 何かの役に立てばいいと思って記事のインデックスをまとめておきます。まだ一部書けてないですがそのうち書きます。 はじめに はじめに bashとPOSIX bashが動く環境 zshとの比較 変数と配列と数値計算 変数 配列のまとめ 組込 let による数値計算とインクリメント 連想配列(assoc
Web上からソースコードの圧縮・整形・変換など190以上のツールを利用可能な「BeautifyConverter」を徹底解説！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、ブラウザ上からWeb制作などで便利に使えるミニツールを190以上も搭載した異色のWebサービスをご紹介しようと思います！ 特に、ファイル関連のジェネレーターやコンバーターが豊富に揃っているのが特徴で、コンソールからタスクランナーなどを起動する必要もなく、フロントエンド側だけでちょっとした制作を行うのに最適だと思います。 【 BeautifyConverter 】 「BeautifyConverter」は、主にファイルの「圧縮」「整形」「変換」などから「構文チェック」「画像変換」「各種ジェネレーター」…など、多種多様な便利ツールが揃っています。 登録不要で、誰でも今すぐブラウザから利用できるので、ブックマークしておいて損はないでしょう！ ■基本的な使い方！ 「BeautifyConverter」の基本的な使い方を実際に試しながら、どのよう
Clipy – スニペットも使えるMac OSX用クリップボード管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました クリップボードはなぜ一つしかないのか、その妥当性はよく分かりませんが、それだけにクリップボードの履歴管理ソフトウェアは常に人気のソフトウェアになっています。そしてファイルやテキストのコピー&ペーストに限らず、必要な時に素早く定型入力したいという話もよく聞きます。 そんな要望を叶えてくれるソフトウェアがClipyです。Mac OSX用のクリップボード履歴ソフトウェアになります。 Clipyの使い方 Clipyを起動するとメニューバーに常駐します。そしてコピーした情報が随時記録されていきます。 設定画面です。 扱えるファイルの種類です。画像やPDFも利用できるようになっています。 そしてClipyの大きな機能の一つがスニペットになります。定型文を予め登録しておけばすぐに呼び出せて便利で
計算ドリルで算数学習
小学校で学ぶ算数の内容は全て中学校の基本になり土台となります。 基礎学力の定着と 年々高くなっていく教育費のことを考えるとできるだけ抑えたいという事もあり、わが子の苦手単元の克服のために作成しましたが、好評であったため公開しています。 もともとは手書きしたモノから起こしたものなので内容はシンプルです。 目的があえばシンプルなドリルの方が使いやすいという考えに賛同して頂ける方のご利用を嬉しく思います。 もちろん本屋さんで参考書が売っているのを知っているんですが、買うほどでもないという場合もありますしね♪ 計算ドリルでは子どものモチベーションアップがはかれないなら、計算問題だけでなく発展や応用問題の算数ドリルをお探しでしたら通信教育がおすすめです。 計算プリントの特徴
Mac標準「プレビュー」の意外と知られていないTips - Qiita
※ "意外と知られていないか"の基準は筆者の主観です。 ※ 動作確認環境は、MacOSX Yosemite、プレビュー v8.0です。 ※ MacOSX Sierra, プレビュー v9.0で動作確認しました。 ※ mac OS Mojave, プレビュー v10.1 で動作確認しました。 更新履歴 2019/03/06 macOS Mojave 10.14.1 での動作を確認 2017/05/01 Mac OS Sierra での動作を確認 2016/10/12 7. クリップボードから開く 2016/09/27 6. 画像を回転させる 2016/09/27 5. PDFを暗号化する 2016/09/27 4. PDFのファイルサイズを圧縮する 1. インスタントアルファ😄 同じような色のエリアを選択し透過してくれる機能 これを何回かやってみると？ ポテトチップスの袋もあっという間にで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
outward-matrix.com
