はてなブックマーク

と悩んでいませんか？ Webデザインを1から学ぼうにも、何から始めれば良いのかわからないとやりようもないですよね。 また、スキル習得には相応の時間がかかるとはいえ、遠回りせずできるだけ効率的に学びたいと考えている方は多いはず。 この記事では、これからWebデザインを学び始める方に向け、基礎知識から独学の手順や方法、挫折しない秘訣までをご紹介します。 今すぐ独学の仕方を知りたい方は、下記をタップして移動してください。 → 今すぐWebデザインの学び方をチェックする

Flutterを使ってモバイルアプリを開発するにはどうしたらいいんだろう？ 何から始めればいいのかわからない… Flutterでモバイルアプリを開発しようにも、何から始めればいいのかわからない人は多くいますよね。また、問題なく使用できるアプリが作れるのか不安な人もいるはず。 そこで、今回はFlutterの基礎知識を解説したうえで、モバイルアプリの開発手順や覚えておきたい便利機能を紹介します。加えて、Flutterの学習方法も解説しますので、ぜひ参考にしてください。

皆さんMySQL使ってますか？いきなりですが今回はdumpについてお伝えしていきます。dumpというと、クエリを学んでいる真っ最中の方からは縁遠く、もしかしたらはじめて聞いた、なんて方もいるかも知れません。 ですが、データベースをdumpしておくことは長い目でみたときにとても重要な作業なのです。そんな縁の下の力持ちなdumpについて、さっくりと学んでいきましょう！ dumpとはなんなのか では、まずはdumpとはなにかを理解するところから始めましょう。冒頭からdump、dumpと言ってきましたが、dump（ダンプ）とは、要するにバックアップのことです。 バックアップといえば、皆さんもPCやスマホで馴染みがあるのではないでしょうか。バックアップとは、データを別のところに保管しておくことを言います。そして、なにかアクシデントが起こったときにそのバックアップからデータを復元するわけですね。 ちな

HTMLでホームページを作成するにはどうすればいいんだろう？ ホームページを作るのにパソコン以外で必要なものってある？ 国内におけるIT人材不足の深刻化を背景に、ITエンジニアやWebデザイナーといったITスキルがある人材の需要は増し、他の職種に比べ高い報酬を設けるケースが増えてきました。 そんななか、転職や副業での収入獲得などに活かすため、ホームページの制作スキルを養おうと考えている人は多いですよね。 ただ、一から自力でホームページを作りたいと考えているものの、具体的な方法がわからない人もいるでしょう。実のところHTMLを活用したホームページは60分もあれば作成できるのです。 この記事では基本的な流れや必要なものも踏まえ、HTMLを用いたホームページの作り方を、ステップ形式で解説します。作成時のポイントや作成後に習得したいおすすめ言語も紹介するので、ぜひ参考にしてください。

こんにちは、ライターのマサトです。今回は、Node.jsのrequestモジュールを使ったHTTP通信について学習をしていきましょう！ この記事では、 requestモジュールとは？ まずは、requestモジュールについて基本的な知識から身に付けていきましょう！ requestモジュールを使うと、標準のhttpモジュールを使うよりも簡単で理解しやすい記述でHTTP通信を行うことができます。一般的にはcreateServer()メソッドを使って記述しますが、requestを使うとオプションを設定するだけで簡潔に書けるのが特徴です。 また、Promiseに対応したrequestモジュールも公開されているので本記事で合わせてご紹介しますので、ぜひ参考にしてみてください！ requestモジュールの使い方 この章では、requestモジュールの基本的な使い方について見ていきましょう！一般的な構文

未経験からでもスマホアプリは開発可能 iOSアプリはSwift、AndroidアプリはJavaやKotlinなどの言語で開発できる スマホアプリが開発できる人材は今後も高い将来性が期待できる 本記事は100種類以上の教材を制作・提供する「侍テラコヤ」、4万5,000名以上の累計指導実績を持つプログラミングスクール「侍エンジニア」を運営する株式会社SAMURAIが制作しています。 また、当メディア「侍エンジニアブログ」を運営する株式会社SAMURAIは「DX認定取得事業者」に選定されており、プログラミングを中心としたITに関する正確な情報提供に努めております。 記事制作の詳しい流れは「SAMURAI ENGINEER Blogのコンテンツ制作フロー」をご確認ください。 ※株式会社SAMURAIが提供しているアプリ開発の学習教材・カリキュラム 侍テラコヤで提供しているアプリ開発の学習教材 ・P

GitHubって無料で使えるの？ GitHubの無料・有料プランの違いがわからない… GitHubの無料プランでできることって何だろう？ と悩んでいませんか？ GitHubは便利だと聞くものの、まずは無料で試したいですよね。ただ、事前に無料プランの詳細を知りたい方は多いはず。 そこで今回はGitHubの無料プランでできることを、有料プランとの違いやGitHubが支持を集める理由も交えてご紹介します。 この記事を読みGitHubの無料プランでできることを理解できれば、あなたが利用すべきか判断できるようになりますよ。

こんな形で間違ってコミットしてしまったそこのあなた！　慌てないで、冷静に今すぐ元にもどしましょう。戻す方法が大きく3つあります。今のあなたの状況によって使い分けてくださいね。Git自体について知りたい人は先にこの記事を見て予習しておきましょう！ 結論　～今すぐCommit取り消す方法～ Commitだけ取り消したい場合 git reset --soft [どこまで戻すか、直前のコミットの場合はHEAD^を使用] // 例 git reset --soft HEAD^ Commitと変更したファイルも一緒に戻したい git reset --hard [どこまで戻すか、直前のコミットの場合はHEAD^を使用] // 例 git reset --hard HEAD^ addしたファイルを元に戻したい git reset [どこまで戻すか、直前のコミットの場合はHEAD^を使用] // 例 git

!importantとは !importantは一言でいえば、合わせて使用したプロパティを最優先で使用することにする命令です。例えば以下のように、h1のcolorに対して、使用したとしましょう。 h1{ color: red !important; } すると、仮に他のCSSプロパティでh1の色を変更しようとしたとしても「!important」がついているプロパティを最優先して使用してくれるわけです。 !importanをつければ最優先で使用してくれる。まずはこれを覚えましょう! スタイルシートの優先順位 !importanは優先順位を無視して、プロパティを強制的に最優先で使用させる命令だということがわかりました。ということはつまり、!importantを適切に使いこなすには「そもそもの優先順位」を知っておく必要があるということです。 この項目ではスタイルシートの優先順位について見ていきま

Ubuntuは定期的にアップデートが行われていますが、使っていると「あれ、いまどのバージョン使ってるんだっけ？」となるときはありませんか？そこで本日は、 Ubuntuのバージョンを確認しよう まず、現行のUbuntuで出ているバージョンは18.10となります。できるだけ最新の方がいいですが、無理して新しくする必要はありません。しかし16.04より下のバージョンを使っている方は、賞味期限がきれているのでアップデートしましょう。 それでは、バージョンの確認方法は一般的なものは2つあるので紹介していきます。 os-releaseをみよう 1つはos-releaseを見る方法で、os-releaseとはOSについての情報が色々書いてあります。具体的には、「cat /etc/os-release」のコマンドを打ち込みましょう。自分の場合ですと、 cat /etc/os-release NAME="U

SQLの勉強を始める前に、基本的な知識を知っておきたい SQLはどんな手順（ロードマップ）で勉強を進めていけばいいの？ SQLを勉強できるサイトや本も知りたい 国内におけるIT人材不足の深刻化を背景に、ITエンジニアといったプログラミングスキルがある人材の需要は増し、他の職種に比べ高い報酬を設けるケースが増えてきました。 そんななか、転職や副業での収入獲得に活かすため、プログラミングを学ぼうと考えている人もいますよね。 特に、SQLはデータベースの作成や管理に重宝されている点から、習得したい人も多いでしょう。 ただ、SQLの勉強を始めたくても、何から手を付けたらよいかわからない人もいるはず。 そのような方のために、今回はSQLを勉強するために必要な情報を一通りお伝えします。また、勉強の目安となるロードマップや学習時間の目安についても紹介しています。 プログラミング未経験の方でも分かりやすい

commandなど、Macの主なショートカットは4つの修飾キーで構成される ショートカットキーが使いづらいときは変更・追加機能を活用しよう ショートカットキーが動作しないときは割り当ての確認や再起動を試してみよう 突然ですが質問です。 Macには100個以上のショートカットキーがあること、ご存じですか？ ショートカットキーとは、キーボードの複数のキーを特定の組み合わせで押すことで、通常ならマウスやトラックパッドを使用する操作が実行できる機能をさします。これらをマスターすることでマウスやトラックパッドを操作する時間を節約できるのです。 もちろん、1つ1つショートカットキーで節約できる時間は数秒程度。しかし、マウスに手を伸ばしてからキーボードへ手を戻す3秒を、1000回節約したらどうなるでしょう？3000秒、つまり50分も節約できますよね。大体1時間です。 ショートカットキー、ちょっと覚えてみ

Javaをインストールしてみよう！ Javaを習得するには、何はなくともJavaの開発環境をインストールしなければ始まりません。Javaの開発環境は、Java Development Kit（JDK）と呼ばれています。 Javaのアプリケーションを実行する方が必要とする、Javaの実行環境（Java Runtime Environment、JRE、Java Virtual Machine、Java VM、JVMなどと呼ばれることがあります）とJDKは別のモノです。 したがって、Javaのアプリケーションが実行できるのに、コンパイルができない！というケースも十分に起こりえます。注意が必要です。 JDKのインストール それでは実際にWindows 10（64bit）に、JDK 9をインストールしてみましょう。 （1）以下の公式サイトにアクセスし、「Java DOWNLOAD」をクリックします。

こんにちは。HTMLやPHPの開発歴8年の著者が、PHPを使った検索フォームの作成方法をご紹介します。 ショッピングサイトなどの画面上部にある検索フォームって、使ったことはありますか？自分の探している商品ページを探すにはすごく便利ですよね。 逆に検索フォームがなければ、探したい商品のカテゴリページなどからその商品を探し出す必要があります。これは非常に手間がかかりますね。 このように、WEBサイトにおいて検索フォームは重要な機能といえます。というわけで、今回はPHPを使った検索フォームの作り方を解説していきましょう！ PHPで検索フォームを作成するには まず、PHPで検索フォームを作成するにはどのような作業が必要でしょうか。その概要を説明したいと思います。 検索フォームの処理概要 検索フォームにおけるPHPの処理の概要は、次の図を見てもらうと分かりやすいと思います。 まずは検索フォームに値が

こんにちは、フリーランスエンジニア兼ライターのワキザカ サンシロウです。 皆さんは、VBAでフォルダを選択する方法を知っていますか？Excelを別名保存する場合や、PDFファイルに変換してファイル出力する場合など、フォルダを指定して処理を作るケースはよくあります。そこで今回は、

フレームワークってよく聞くけど、一体何ができるんだろう？ Go言語のフレームワークには、どんなものがあるんだろう？ と疑問に思うことってありませんか？ そんなときは、実際にGo言語のフレームワークで使うコードを見てみると何ができるのか理解しやすくなります。今回はできるだけコードも載せながら、さまざまな種類のGo言語のフレームワークについて解説していきます。 なお、次の記事ではそもそもGoとはどんなプログラミング言語なのか、その特徴をできることや将来性も交え詳しく解説しているので良ければ参考にしてください。 → Go言語とは？特徴やできること、学習方法をわかりやすく解説 Go言語とは Go言語はGoogleが開発したプログラミング言語です。基本的な特徴としては、コンパイルと実行が高速で、シンプルな設計の言語とされています。静的型付け言語なのでJavaやCなどの開発言語と類似点が多い反面、継承

みなさんこんにちは! フリーランスプログラマーのsatoです! ShaderLabはとは　Unity上でシェーダーを記述する言語です。 言語と聞くと、難しそうですが…安心してください! 記述のルールさえ覚えてしまえば、実は非常にシンプルな内容なんです! 言語の書き方自体もC#などと大差ないため、覚えることは非常に少ないです。 ぜひこの記事でその記述のルールを学んでみてください! それではアジェンダです。 [基本] シェーダーとは? [基本] まずはシェーダーを用意しよう! [基本] ShaderLabとは? [基本] シェーダーを書いてみよう! [応用] 中身を理解しよう! 今回は実際にUnity上でシェーダーを準備し記述までしていきましょう。 もちろん基礎部分の説明もリンクで用意していますので、基礎に不安がある人はそちらを読んで理解しておきましょう。 それではよろしくお願いいたします。

近年はWebアプリやスマホアプリなど、色々なアプリが次々とリリースされ、まさにアプリ全盛時代を迎えています。 それだけにアプリを作れるエンジニアは需要が高く、高収入も狙えるということで目指す方も増えているようですね。 これを読むあなたもそんな一人で、以下のような疑問・お悩みはありませんか？ Webアプリやスマホアプリって初心者でも開発できるのかな？ Webで動くアプリって、どんなものがあるんだろう？ Webアプリ開発するのに必要な言語って何だろう？

Linuxには命令文を記述したり、簡単なスプリクトを組むときに使用する「bash」があります。ここでは「bash」について以下の内容で解説していきます。 この記事では「bash」についてわかりやすく解説していますので、ぜひ使い方を覚えておきましょう！ bashコマンドとは bash（バッシュ）とは「Bourne Again Shell」の略で、Linuxでコマンドなどの命令文を記述したシェルを実行するために使われます。 bashはLinuxで標準で採用されていて、基本的に「.sh」の拡張子でviエディタなどのテキストに処理を記述して実行します。プログラミング同様に変数や関数、演算処理など多くの機能がありちょっとしたプログラムならbashのみでも記述することができます。 また、bashはシェルによって実行されるのでシェルスクリプトとも呼びます。 シェルスクリプトの作成 では実際にbashが記

HTMLを使用していると、表を作成する機会はよくあると思います。しかし指定できることが多すぎて、使い方についていまいちよくわかっていない方も多いのではないでしょうか？ こんにちは。HTML、CSSが得意な侍エンジニアブログ編集部のシホです！HTMLで表を作成するときにタグの使い方や、表のレイアウトの方法に悩むことはありませんか？ 今回は表を作成する際に使うタグの基本的な使い方から、テーブルの装飾、セルのレイアウト、文字のレイアウトについて説明します。 読み終わるころには思い通りの表が作れるようになっているでしょう。ぜひHTMLで表の使い方をマスターしましょう！ なお、次の記事ではそもそもHTMLとは何なのか、その特徴やできることを詳しく解説しているので良ければ参考にしてください。 → HTMLとは？基本のタグやできることを初心者向けにわかりやすく解説

今回はSetActive関数についてです。 この関数は簡単に言ってしまえば「オブジェクトのアクティブ状態を切り替える関数」と言えるでしょう。 しかしそもそも「アクティブな状態」とは何なのでしょうか? まずはその辺りの根幹の部分から入っていきましょう。 続けて実際に「実例」を通し「SetActive関数」を見ていきましょう。 またさらに詳しくなるために以下のような、よくある疑問もまとめてあります。 ・アクティブ状態の取得 ・切り替え時に呼び出される関数がある ・非アクティブだとfind関数で探せない! ぜひ最後まで読んでSetActive関数をマスターしましょう! そもそもアクティブな状態とは? アクティブ・非アクティブな違い 一言でいえば以下の違いがあります。 アクティブな状態・・・オブジェクトは表示され、Update関数などがちゃんと呼ばれる 非アクティブな状態・・・オブジェクトは表示さ

クラスタリングとは、機械学習の目的別の分類の一つです。教師あり学習では教師データ（ラベルとデータのセットがたくさんあるもの）から、データに対するラベル付の法則性を見つけていました。 これに対して、クラスタリングは教師なし学習です。例えば、以下のようなデータ（このデータはiris datasetの一部です）があるとします。 水色の線がクラスタを表していると思ってください。このクラスタはデータから、ラベルを気にせずにそれらしいまとまりをつけてみたものです。 このようにクラスタリングは、ラベルのない”ただのデータ”から、データのクラスター（データのまとまり）をいくつか見つけます。または、ラベルがあるデータだとしても、ラベルを使わずにクラスタをいくつか見つけます。 その結果出てくるクラスタはクラス分類した場合とは異なったデータ構成になっていることが多いです。 クラスタリングとクラス分類 クラスタリ

今回は例として、ページのタイトルを自動的に取得して表示するコードで説明していきます。 下記のようなコードですね。 PHP function testFunc() { ob_start(); echo the_title(); return ob_get_clean(); } このコードについてもっと詳しく知りたい方は、下記の記事を読んでみてください。 the_title()について WordPress Codex 日本語版　テンプレートタグ/the title ob_start()とob_get_clean()について WordPressのショートコードの表示位置が上に来てしまう問題を解決 ショートコードを定義しよう 呼び出したいコードだけ書いても、まだショートコードの設定ができていない状態です。 add_shortcode()を使って、ショートコードを定義していきましょう。 下記のように

こんにちは、ライターのマサトです！ 今回は、JavaScriptファイルを読み込むことができる「require」について学習をしていきます！ サーバー側とフロント側で利用方法が異なるので混乱しがちですが、基本的な考え方は同じなのでしっかりと理解しておきましょう。この記事では、 「require」とは？ まずは、「require」について基本的な知識から見ていきましょう！「require」は、一般的にモジュール化されたJavaScriptファイルを読み込むために用いられます。 通常、JavaScriptのライブラリを読み込む場合は「scriptタグ」を使ってHTMLに記述しますよね？ しかし、例えばNode.jsのようにサーバーサイドでJavaScript単体を実行する場合はscriptタグが使えません。 そこで、JavaScriptファイルをモジュール化しておいてrequireから読み込ん

みなさんこんにちは!フリーランスプログラマーのsatoです。 今回はUNIONについて見ていきましょう。UNIONは二つ以上のSELECTの結果を、統合して表示してくれる仕組みです。これを使えれば、また一つ高度な結果表示を行えますのでぜひ覚えてしまいましょう。 [基本]UNIONとは [基本]UNIONの種類 [基本]UNIONの使い方 [応用]UNION後に「ORDER BY」を使用する [応用]UNION後に「GROUP BY」を使用する 今回は前半で「UNIONの種類」「UNIONの使い方」といった基礎的な内容を見ていきましょう。そして後半で、よく疑問として上がるUNION後に「ORDER BY」などをかける方法について見てきましょう。 UNIONとは UNNIONとは、冒頭でも言いましたが二つ以上のSELECTの結果を、統合して表示してくれる仕組みのことを言います。 例えばすごくシ

こんにちは！エンジニアのオータケです！ 今回はLaravelのファイル処理の使い方について学んでいきたいと思います。 PHPの関数でファイル操作をすることもできますが、Laravelにもファイル処理があります。 今回は ファイル処理・ファイル操作とは まず、ファイル処理・ファイル操作とは何かについてお話をしていきます。 皆さんはパソコン上でファイルを移動する時にWindowsやMacを使っていればマウスでドラッグしてどこかのフォルダに移動させると思います。 今回は、プログラムでファイルを操作できるようにします。 プログラムでファイル操作ができるようになれば、画像のアップロード機能後の画像の管理、PDFファイルをプログラムで生成して保存する際にディレクトリを作成してその中にファイルを保存するといったことが実現できるようになります。 PHP自体にはファイル処理が標準で扱えるようになっていますが

実際にgitで管理してみよう! unityの設定 まずはunityで管理したいプロジェクトを開いてください。 次にEdit>Project Settingsと進んでEditorボタンを選択しましょう。 するとInspectorで設定ができるようになります。 Version controlをVisible Meta Filesに、Asset SerializationをForce Textに変更しましょう。 gitの設定 unityでの設定が終わったので、次はgitの設定をしていきましょう。 今回はSource Treeを使っていきます。 Source Treeというのはgitを簡単に扱えるソフトウェアのことです。 初期設定やPushの仕方などについては下記の記事を参照してください。 Source Treeをunityで使う Source Treeの基本的な使い方は上記の記事に書いてあるので