サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
衆院選
segakuin.com
Tailwind CSS入門 Tailwind CSSフレームワークの使い方をご紹介します。このページ自体も Tailwind CSS を使って作っています。 Tailwind CSSとは Tailwind CSSとは、ユーティリティファーストのCSSフレームワークです。 ほかの多くのCSSフレームワークでは、何もクラスを指定しなくても、あるいはひとつのクラスを指定するだけで、ある程度デザインを整えてくれます。 これに対して、Tailwind CSSではフォントの大きさや色、マージン、パディングなどさまざまなクラスが用意されていて、これらを組み合わせて使用します。 そのため、Tailwind CSSを利用したHTMLでは多くのクラス指定を必要とします。その代わり、柔軟にカスタマイズしやすくなっています。 Tailwind CSS
GRUBがrescue modeになった場合、まずどのようなパーティションが存在するのかを確認する。 error: no such devie: xxx Entering rescue mode... grub rescue> ls (hd0) (hd0,msdos5) (hd0,msdos4) grub rescue> 次に、bootディレクトリがどのパーティションに存在するのかを確認する。 grub rescue> ls (hd0)/ error: unknown filesystem. grub rescue> ls (hd0,msdos5)/ ./ ../ bin/ boot/ etc/ dev/ var/ home/ grub rescue> ls (hd0,msdos4)/ error: unknown filesystem. grub rescue> bootディレクトリ下に
使い方 Skeleton CSSフレームワークを使うためには、HTMLのhead内でCSSをインポートします。 事前にSkeletonのCSSをダウンロードして配置しておく必要があります。Skeletonは normalize.css を利用するので、同様にダウンロードして配置しておきます。 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="/css/normalize.css" /> <link rel="stylesheet" href="/css/skeleton.css" /> </head> <body> <!-- content --> </body> </html> CDN 公式サイトには記載されていませんが、CDNを使うこともできます。 cdnjs を通じてSkeletonを使用するテンプレートは次のとおり
Juliaは数値計算や機械学習に向いたプログラミング言語です。この記事では、入門者向けにJuliaプログラミングをご紹介します。 目次 インストール Linux Windows コマンド オプション REPL Keyword catch finally for function if struct mutable struct throw try while スコープ const local global 文字列 リテラル 'c' '\u0' "string" """quote""" b"\xff" r"regex" raw"\" v"1.7.1" v"1.7-" コメント # comment #= comment =# 演算子 算術演算子 + - * / ÷ ^ % 比較演算子 == != ≠ < <= ≤ > >= ≥ 論理演算子 & && | || ! ビット演算子 ~ & | ⊻
CRUD図の読み方と書き方 CRUD図とは、システムの各機能が、どのエンティティ(テーブル)に対して、どのような操作をするかを一覧化したものである。 CRUD表またはCRUDマトリックスとも呼ばれる。 操作の種類には生成(Create)、参照(Read)、更新(Update)および削除(Delete)がある。 要求の分析に当たって、データとプロセス(データの作成、読取り、更新、削除)の対応関係を検証する。 データモデル表現の標準的手法であるERモデルは静的モデルであるため、データが生成されたり、更新されたりするタイミングを表現できない。CRUD図はそれを補完する存在となる。 DBのSQL操作表 CRUD図は機能とデータの作成、参照、更新、削除を表形式で表す。 CRUD図の書き方の例を示す。 Figure 1. CRUD図のサンプル エンティティ(データ)と機能が交差するマトリックスにCRU
jQueryのAjax関数を使ってJavaScriptで非同期通信を行う jQueryのAjax関数を使うと、JavaScriptのAjax処理が簡潔に記述できます。この記事では、jQueryのAjax関数を使ってJavaScriptで非同期通信を行う方法をサンプルを交えて紹介します。 構文 jQuery関数には3通りの記述方法がある。それぞれ記述方法が異なるだけで、機能はどれも同じである。 window.jQuery.ajax(properties) jQuery.ajax(properties) $.ajax(properties) 引数 jQuery.ajaxの引数には、Ajaxリクエストを設定するキーと値のペアのセットを次の形式で指定する。 { key: value [, key: value ...] } keyには次の表に示すキーのいずれかを指定する。 accepts リクエス
@javax.persistence.Column 永続プロパティまたはフィールド用のマップされた列を指定するために使用される。@Columnアノテーションが指定されていない場合は、デフォルト値が適用される。 @Column アノテーションには以下に示す任意要素を指定できる。 columnDefinition 列のDDLを生成するときに使用されるSQLの句を String 型で指定する。 insertable 永続化プロバイダによって生成されるSQLのINSERT文に列が含まれるかどうかを boolean 型で指定する。 length 列の長さを int 型で指定する。 name 列の名前を String 型で指定する。 @Entity @Table(name="EMP") public class Employee { @Id @GeneratedValue @Column(name =
VBA (Visual Basic for Applications)でMicrosoft PowerPointを操作する方法を解説します。 オブジェクト PowerPointを操作するために、VBAには次のオブジェクトが用意されている。 PowerPointのオブジェクト オブジェクト 説明
Apache Axis2とは、Webサービスを作成するためのJavaフレームワークです。SOAP メッセージを送受信したり、WSDL を使用してサーバとクライアントの実装クラスを作成できます。この記事ではAxisの使い方をご紹介します。 Apache Axis2とは Apache Axis2とは、Java及びXMLに基づいたWebフレームワークである。Axis2は簡単に次のタスクを実行することができる。 SOAPメッセージの送信 SOAPメッセージの受信と処理 普通のJavaクラス(POJO)によるWebサービス作成 WSDLを使用してサーバとクライアント両方の実装クラスを作成 簡単にサービスのWSDLを取得 添付オブジェクト付きSOAPの送信と受信 RESTに基づいたWebサービスの作成と利用 WS-Security、WS-ReliableMessaging、WS-Addressing、
ha.cf ha.cfは、クラスタノードやハートビートツウ人に関する設定などを記述するファイルである。 cib.xml cib.xmlは、リソース監視やファイルオーバーポリシーに関する設定などを記述するファイルである。 authkeys authkeysは、ハートビート通信の認証に関する設定を記述するファイルである。 logd.conf logd.confは、ログの出力先やデバッグレベルに関する設定を記述するファイルである。 Pacemakerの起動 $ sudo /etc/init.d/heartbeat start Pacemakerの停止 $ sudo /etc/init.d/heartbeat stop Stopping High-Availavility services: リソース設定をすべて削除したい場合は、すべてのサーバ上のPacemakerを停止して、すべてのサーバの/v
Seleniumとは、Webアプリケーションのテスト自動化ツールである。自動的にGUIを操作したり、画面キャプチャを取ることができる。デグレードが発生していないかを確認する回帰テストを、サポートするWebブラウザの種類やバージョン分、行うときに便利である。 目次 Selenium IDE Selenium IDEのインストール Selenium IDEの使い方 Selenium Server Selenium Serverのインストール Selenium Serverの実行方法 Selenium Client & WebDriver Language Bindings プログラムの例 Firefoxを起動・終了するJavaプログラム Internet Explorerを起動・終了するJavaプログラム Chromeを起動・終了するJavaプログラム Firefoxを起動して画面のリンクをク
accept #include <sys/types.h> #include <sys/socket.h> int accept(int sockfd, struct sockaddr *addr, socklen_t *addrlen); bind #include <sys/types.h> #include <sys/socket.h> int bind(int sockfd, const struct sockaddr *addr, socklen_t addrlen); close closeはファイルディスクリプタを閉じるシステムコールである。 #include <unistd.h> int close(int fd); 引数 fd クローズするファイルディスクリプタ 戻り値 ファイルディスクリプタのクローズに成功すると、openは0を返す。クローズに失敗すると-1を返し、er
faces-config.xml faces-config.xmlは、JSFアプリケーションで必要なManeged Beanや画面遷移を定義するファイルである。faces-config.xmlはWEB-INFO直下に置く。 イベントリスナ イベントリスナ説明
PHP (PHP: Hypertext Preprocessor) はオープンソースのスクリプト言語です。Web 開発に適しており、HTML に埋め込むことができます。 PHPのインストール Windows版PHPのインストール Microsoft WindowsでPHPをインストールする手順を示す。 PHPのダウンロードサイトを開く。 http://www.php.net/downloads.php 「Windows (バージョン) binaries and source」のリンクをクリックする。 32ビット版/64ビット版、マルチスレッド対応版/マルチスレッド非対応版があるので、任意のインストーラを選択する。 zipファイルのダウンロードが始まる。 ダウンロードしたzipファイルを解凍する。 環境変数PATHにzipファイルを解凍したフォルダを追加する。 MSVCR110.dllが存在
iptablesは、Linuxに実装されたパケットフィルタリング及びネットワークアドレス変換(NAT)の機能であり、ファイアーウォールの役割を果たす。iptablesを操作するコマンドには、IPv4用の「iptables」とIPv6用の「ip6tables」がある。iptablesはOSIの第3階層(ネットワーク層)で動作する。第2階層(データリンク層)を扱いたい場合はebtablesを使用する。 iptablesサービスの起動 iptablesサービスを起動するには、スーパーユーザの権限が必要である。suでスーパーユーザになるか、sudoコマンドを使う。 IPv4のiptablesサービスを起動する。 service iptables start IPv6のiptablesサービスを起動する。 service ip6tables start システム起動時にIPv4のiptablesサー
yacc (yet another compiler compiler)はパーサ(構文解析を行うプログラム)を自動生成するツールです。 構文解析とは、入力された文について正しい文かどうか、どういう構造をした文か、などを分析することです。 lex (lexical analyser generator)はレキシカルアナライザ(字句解析を行うプログラム)を自動生成するツールです。 英語で例えると、入力された文に You や She などの単語が現れたら主語、run や write が現れたら動詞に分類するのが字句解析です。 そのうえで、S (主語) + V (動詞) + O (目的語) + . (ピリオド) のように英語の語順として正しく並んでいるかどうかを分析するのが構文解析です。 つまり、まず字句解析(lex 又は flex)をしたうえで、次に構文解析(yacc 又は bison)を行うこ
ANT_HOME 環境変数ANT_HOMEに、Antをインストールしたディレクトリを設定する。 UNIXシェルの場合 (sh, bash): ANT_HOME=/usr/local/ant export ANT_HOME UNIX Cシェルの場合 (csh): setenv ANT_HOME /usr/local/ant PATH Antをインストールしたディレクトリ (ANT_HOME) 下のbinディレクトリをパスに加える。 UNIXシェルの場合 (sh, bash): PATH=/usr/local/ant/bin:{PATH} export PATH UNIX Cシェルの場合 (csh): setenv PATH /usr/local/ant/bin:${PATH} Antの実行 ant [option ...] [target ...] ビルドファイルは -buildfile ま
Cobertura とは、オープンソースで開発されているコードカバレッジ測定ツールである。Coberturaはコマンドラインから実行するほか、Apache Antのタスクとして実行することもできる。測定した結果は、HTML形式などの視覚的なレポートとして出力される。 Coberturaとは Coberturaは、測定対象となるプログラムのクラスファイルの内容を書き換え、カバレッジを取得するためのコードを埋め込む。そして、JUnitのテストケースを実行して、クラスファイルに埋め込まれた測定コードから各処理がそれぞれ何回実行されたかという情報を記録して、その内容をserファイルという形式で出力する。 テストの実行が完了すると、Coberturaはserファイルを読み込み、レポートとしてまとめてHTML形式やXML形式で出力する。 コードカバレッジとは コードカバレッジとは「プログラム全体がテス
ER図(Entity Relationship Diagram) ER図とは、データベースのテーブル(Entity)とテーブル同士の関連(Relationship)を図に表したものであり、データベースのテーブル設計に用いられる。ER図において、エンティティは四角形の記号、リレーションは四角形同士を結ぶ線で表現される。 書き方 ER図の書き方は、エンティティとリレーションを記号で表して書く。ER図の書き方には、以下に示す2種類がある。 IDEF1X記法 IE記法 エンティティ 論理モデルのER図の場合、エンティティ(実体)は業務におけるひとまとまりのデータを表している。物理モデルのER図の場合、エンティティはデータベースのテーブルを表す。 エンティティには2種類あり、非依存実体と依存実体に分けられる。 非依存実体 非依存実体とは、他のエンティティに依存せずに存在できるエンティティである。例え
left text-align プロパティに left を指定すると、テキストが左に寄せられて、行頭が揃えられる。日本語の横書きや英語では、テキストは左寄せにするのが一般的である。一般的な体裁であるため、初期値となっている。 <p style="text-align: left"> In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the ends of worms and an oozy smell, not yet a dry, bare, sandy hole with nothing in it to site down on or to eat: it was a hobbit-hole, and that means comfort. </p> In a
SQL のデータ型を Javaにマッピングする 異なるデータベース製品がサポートする SQL の型の間には違いがあります。異なるデータベースが同一の意味をもつ SQL の型をサポートしている場合でも、それらの型に異なる名前を与えていることもあります。たとえば、主要データベースのほとんどが大きなバイナリ値に対する SQL の型をサポートしていますが、Oracle ではこの型を LONG RAW 、 Sybase では IMAGE 、Informix では BYTE 、DB2 では LONG VARCHAR FOR BIT DATA とそれぞれ呼んでいます。 JDBC プログラマは、普通の場合には、ターゲットのデータベースが使用している実際の SQL の型名に気を使う必要はない。多くの場合、 JDBC プログラマは、既存のデータベースのテーブルに対してプログラミングをし、そうしたテーブルを作成
OCIプログラムの処理の流れ OCI環境の作成 各ハンドルの割り当て サーバー接続とセッションの開始 SQL文の発行とデータの処理 セッションの終了とサーバー切断 ハンドルの解放 OCIアプリケーションのサンプル・ソースコードを次に示す。 #include <oci.h> #include <stdio.h> #include <string.h> void error_handler(sword ociret, dvoid *hndlp) { sb4 errcode; char buf[256]; switch (ociret) { case OCI_SUCCESS: break; case OCI_SUCCESS_WITH_INFO: printf("OCI_SUCCESS_WITH_INFO\n"); break; case OCI_NO_DATA: printf("OCI_NO_D
初期化パラメータはオラクル・データベース全体に関わる設定値である。初期化パラメータの設定値を格納するファイルには、テキスト形式の初期化パラメータ・ファイル(PFILE)とバイナリ形式のサーバー・パラメータ・ファイル(SPFILE)という2種類の形式があり、どちらかを使用する。 初期化パラメータ・ファイル(PFILE) 初期化パラメータ・ファイルは、オラクルの初期化パラメータをテキスト形式で格納するファイルである。テキストファイル形式なので、初期化パラメータの設定値をテキストエディタで編集することができる。 初期化パラメータ・ファイルのパス名は $ORACLE_HOME/dbs/initSID.ora または $ORACLE_HOME/dbs/init.ora である。ここで、SID はシステム識別子を表す。たとえば、システム識別子が orcl の場合、初期化パラメータ・ファイルのパス名は
CSS overflow CSSのoverflowは、領域をはみ出した要素の扱いを指定するスタイルシート属性である。 overflow スタイルシート属性 overflow は、領域をはみ出した要素の扱いを指定します。 overflow 項目内容
JNI (Java Native Interface)は、Java仮想マシンとネイティブアプリケーションを組み合わせるための標準プログラミングインタフェースである。 Javaから呼び出されているネイティブライブラリをデバッガで動作させる Javaから呼び出されているネイティブライブラリをデバッガで動作させるには、環境変数DEBUG_PROGにデバッガを定義します。そしてJavaを実行させるとデバッガが起動されますので、stop dlopenコマンドでデバッグするライブラリのパスを指定します。runコマンドで実行すると、libxxx.soが呼び出されると停止するので、ブレークポイントを設定して実行を継続します。 $ setenv DEBUG_PROG dbx $ java (dbx) stop dlopenn ライブラリのパス (dbx) run Test.Test_0 (dbx) file
XMLスキーマとは、XML文書のスキーマ定義を行うスキーマ定義言語です。DTDと異なり、XMLスキーマはXMLの文法に則って記述します。その使い方とサンプルをご紹介します。 XMLスキーマのルート要素はschemaであり、名前空間の接頭辞xsdを付けて、xsd:schemaと表記される。 xsd:schema 要素の開始タグと終了タグがそれぞれXMLスキーマ定義の開始と終了を意味します。 <?xml version="1.0" encoding="Shift_JIS" ?> <xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema"> <-- スキーマ定義 --> </xsd:schema> 名前空間 XMLスキーマの名前空間URIは「http://www.w3.org/2001/XMLSchema」である。 xmlns属性で接頭辞を定
XSLTスタイルシート XSLT (Extensible Stylesheet Language Transformations)とは、XML文書を別の文書(HTMLやプレーンテキスト、任意のXML文書など)に変換するための言語です。 Figure 1. XSLT XML処理命令 XSLTスタイルシートをXMLから利用するには、XML文書でXML宣言に続いて、xml-stylesheet処理命令を記述します。 <?xml version="1.0" encoding="Shift_JIS" ?> <?xml-stylesheet href="www.sample.com/sample.xsl" type="text/xsl" ?> <book> <title>我輩は猫である</title> <author>夏目漱石</author> </book> XSLエレメント 名前空間(ネームスペー
使用例 次にスタイルシート属性 line-break を使用したHTMLの例を示します。 <p style="line-break: auto;"> 拗音(ようおん)とは「ねじれる音」の意味で、開拗音と合拗音の二種類に分類される。 開拗音は母音の「あ・う・お」に、や行の捨て仮名「ゃ・ゅ・ょ」が付いたものである。 具体的には、「きゃきゅきょ」等が該当する。 </p> 拗音(ようおん)とは「ねじれる音」の意味で、開拗音と合拗音の二種類に分類される。 開拗音は母音の「あ・う・お」に、や行の捨て仮名「ゃ・ゅ・ょ」が付いたものである。 具体的には、「きゃきゅきょ」等が該当する。 <p style="line-break: loose;"> 拗音(ようおん)とは「ねじれる音」の意味で、開拗音と合拗音の二種類に分類される。 開拗音は母音の「あ・う・お」に、や行の捨て仮名「ゃ・ゅ・ょ」が付いたものである。
#define #define ディレクティブはマクロの定義を行う。C言語では数値や文字列、数式にに名前を付けて定数を定義することができます。 #define identifier #define identifier replacement #define identifier (parameter) replacement identifier マクロの識別子を指定する。識別子は大文字と小文字を区別する。マクロの識別子は慣習的に大文字で付けることが多い。 #include <stdio.h> #define DEBUG int main(int argc, char **argv) { int i = 1; #ifdef DEBUG printf("i = %d\n", i); #endif } 上記プログラムの実行結果を以下に示す。 $ gcc -o example example.
次のページ
このページを最初にブックマークしてみませんか?
『SE学院 v2.0 システムエンジニアやプログラマのスキルアップに役立ちます』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く